@import "../../css/font.css";
html,
body,
div {
margin: 0;
padding: 0;
}
body {
font-family: "db_helvethaica_x43_liext", Arial, Tahoma, sans-serif;
font-size: 20px;
line-height: 24px;
color: #4d4d4d;
}
img {
border: none;
max-width: 100%;
}
:focus {
outline: 0;
}
a:active {
outline: none;
}
.word-wrap {
word-wrap: break-word;
}
.clear {
clear: both;
}
.box {
display: block;
position: relative;
}
.boxleft,
.left {
float: left;
}
.boxright,
.right {
float: right;
}
.table {
display: table;
width: 100%;
margin: 0;
padding: 0;
position: relative;
}
.table-row {
display: table-row;
}
.table-cell {
display: table-cell;
}
/*---------- text-link ----------*/
a:link {
text-decoration: none;
color: #4d4d4d;
}
a:visited {
text-decoration: none;
color: #4d4d4d;
}
a:hover {
text-decoration: none;
color: #4d4d4d;
}
.content {
display: block;
position: relative;
/*width: 74%;*/
margin: 0 auto;
}
.contentx {
display: block;
position: relative;
width: 84.375%;
margin: 0 auto;
}
.contentbx {
display: block;
position: relative;
width: 90%;
margin: 0 auto;
}
.contentz {
display: block;
position: relative;
width: 92%;
margin: 0 auto;
}
#bxheader {
display: block;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}
.headerbx {
display: block;
position: relative;
width: 100%;
height: 80px;
border-bottom: #bfbfbf solid 1px;
background: #ffffff;
}
.bxheader {
display: table;
position: relative;
width: 100%;
height: 100%;
}
.bxheader>.c1 {
display: table-cell;
position: relative;
width: 17%;
vertical-align: middle;
background: url(../../img/bg-line-y.png) no-repeat right;
}
.bxheader>.c2 {
display: table-cell;
position: relative;
width: 75%;
vertical-align: middle;
}
.bxheader>.c3 {
display: table-cell;
position: relative;
width: 8%;
vertical-align: middle;
background: url(../../img/bg-line-y.png) no-repeat left;
}
.bxlogo {
display: block;
position: relative;
text-align: center;
padding: 8px 0 0;
}
.bxlogo svg {
width: 162px;
}
.bxlogo svg .st0 {
fill: #E8308A;
}
.bxlogo svg .st1 {
fill: #14387F;
}
.bxlang {
display: block;
position: relative;
text-align: center;
font-family: 'db_helvethaica_x53_ext';
}
.bxlang span {
margin: 0 6px;
color: #e3c3ba;
font-size: 20px;
}
.bxlang a {
color: #4d4d4d;
transition: ease 0.5s;
margin: 0 6px;
font-size: 20px;
}
.bxlang a:hover {
color: #a05e5e;
}
.bxnav {
display: block;
position: relative;
text-align: center;
}
.bxnav ul {
display: inline-block;
position: relative;
padding: 0;
margin: 0;
list-style: none;
}
.bxnav ul li {
display: inline-block;
position: relative;
font-family: 'db_helvethaica_x53_ext';
font-size: 20px;
margin: 0 20px;
}
.bxnav ul li a {
display: inline-block;
color: #4d4d4d;
text-decoration: none;
transition: ease 0.5s;
}
.bxnav ul li a:hover {
color: #a05e5e;
}
.bxnav ul li a.activ,
.bxnav ul li a.mactiv {
color: #a05e5e;
}
.headerbxm {
display: none;
}
.bxsubnav {
display: block;
position: absolute;
background: #fff url(../../img/bg-subnav.png) top left no-repeat;
width: 100%;
z-index: 999;
top: 80px;
}
.subnavbx {
display: block;
position: relative;
padding: 0 0 10px;
border-bottom: #bfbfbf solid 1px;
}
#navproject,
#navpromo,
#navnews,
#navmedia,
#navabout,
#navir {
display: none;
}
#bxnavmobile {
display: none;
}
.bxnavproj {
display: block;
position: relative;
width: 100%;
}
.navprojbx {
display: block;
position: relative;
width: 100%;
padding: 26px 0 0;
}
.navprojbx>.c1 {
display: block;
position: relative;
width: 50%;
float: left;
}
.navprojbx>.c2 {
display: block;
position: relative;
width: 50%;
float: left;
}
.navprojbx>.c1>.bx,
.navprojbx>.c2>.bx {
margin-left: 11.875%;
}
.navprojbx-bxh {
display: block;
position: relative;
font-family: 'db_helvethaica_x53_ext';
color: #a05e5e;
text-transform: uppercase;
margin-bottom: 20px;
}
.navprojbx-bxtxt {
display: block;
position: relative;
font-family: 'db_helvethaica_x43_liext';
color: #4d4d4d;
text-transform: none;
}
.navprojbx-item {
display: block;
position: relative;
}
.navproitem {
display: block;
position: relative;
float: left;
width: 260px;
text-transform: uppercase;
margin-right: 20px;
margin-bottom: 24px;
}
.navproitem>.tb {
display: table;
position: relative;
width: 100%;
}
.navproitem>.tb>.c1 {
display: table-cell;
position: relative;
width: 112px;
vertical-align: middle;
}
.navproitem>.tb>.c1>.bximg {
display: block;
position: relative;
width: 100px;
}
.navproitem>.tb>.c1>.bximg img {
width: 100%;
border: #a05e5e solid 1px;
}
.navproitem>.tb>.c1>.bximg>.hover {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
border: #a05e5e solid 4px;
opacity: 0;
transition: ease 0.5s;
}
.navproitem>.tb>.c2 {
display: table-cell;
position: relative;
vertical-align: middle;
line-height: 25px;
}
.navproitem>.tb>.c2>.bxtxt {
display: block;
position: relative;
font-family: 'db_helvethaica_x43_liext';
}
.navproitem>.tb>.c2>.bxname {
display: block;
position: relative;
font-size: 30px;
font-family: 'db_helvethaica_x73_bdext';
transition: ease 0.5s;
}
.navproitem:hover>.tb>.c1>.bximg>.hover {
opacity: 1;
}
.navproitem.mactiv>.tb>.c2>.bxname,
.navproitem:hover>.tb>.c2>.bxname {
color: #a05e5e;
}
.bxnavsub {
display: table;
position: relative;
text-transform: uppercase;
width: 100%;
padding: 32px 0 34px;
}
.bxnavsub>.tb {
display: table-cell;
position: relative;
width: 25%;
vertical-align: top;
line-height: 25px;
}
.bxnavsub>.tb a {
display: block;
position: relative;
width: 92%;
margin: 0 auto;
font-family: 'db_helvethaica_x43_liext';
text-align: center;
}
.bxnavsub>.tb a>div {
display: inline-block;
position: relative;
text-align: left;
}
.bxnavsub>.tb a>div>span {
display: block;
position: relative;
font-size: 30px;
font-family: 'db_helvethaica_x73_bdext';
transition: ease 0.5s;
}
.bxnavsub>.tb a.mactiv>div>span,
.bxnavsub>.tb a:hover>div>span {
color: #a05e5e;
}
.bxmsubnav {
display: block;
position: relative;
text-align: center;
}
.bxmsubnav>.bx {
display: inline-block;
position: relative;
text-align: left;
text-transform: none;
}
.bxmsubnav>.bx>a {
font-size: 30px;
font-family: 'db_helvethaica_x73_bdext';
transition: ease 0.5s;
text-align: left;
width: 100%;
}
.bxmsubnav>.bx>a.mactiv,
.bxmsubnav>.bx>a:hover {
color: #a05e5e;
}
.bxmsubnav>.bx>a>div {
display: block;
position: relative;
font-family: 'db_helvethaica_x43_liext';
color: #4d4d4d;
font-size: 20px;
}
.bxnavsub.twoc {
width: 50%;
margin: 0 auto;
}
.bxnavsub.threec {
width: 75%;
margin: 0 auto;
}
.bxnavsub.fourc {
width: 100%;
margin: 0 auto;
}
#footer {
display: block;
position: relative;
background: #ffffff;
padding: 42px 0;
font-family: 'db_helvethaica_x43_liext';
}
.footer {
display: block;
position: relative;
width: 82%;
margin: 0 auto;
}
.footerbx {
display: block;
position: relative;
width: 100%;
font-size: 22px;
}
.footerbx>.c1 {
display: block;
position: relative;
width: 33%;
float: left;
}
.footerbx>.c2 {
display: block;
position: relative;
width: 33%;
float: left;
}
.footerbx>.c3 {
display: block;
position: relative;
width: 34%;
float: left;
line-height: 24px;
}
.footerbx ul {
display: block;
position: relative;
list-style: none;
padding: 0;
margin: 0;
}
.footerbx ul li {
padding: 0 0 32px;
}
.footerbx ul li a {
transition: ease 0.5s;
}
.footerbx ul li a:hover {
color: #a05e5e;
}
.footerbxtxt {
display: block;
position: relative;
width: 310px;
}
.footer-txth {
display: block;
position: relative;
font-family: 'db_helvethaica_x73_bdext';
}
#enewsform {
display: block;
position: relative;
padding: 0;
margin: 6px 0 0;
width: 310px;
font-family: inherit;
font-size: inherit;
color: inherit;
}
#enewsform>.bxframe {
display: block;
position: relative;
border: #a05e5e solid 1px;
width: 100%;
}
#enewsform>.bxframe>.bxframe-tb {
display: table;
position: relative;
width: 100%;
height: 41px;
}
#enewsform>.bxframe>.bxframe-tb>.icon {
display: table-cell;
position: relative;
vertical-align: top;
text-align: center;
width: 52px;
}
#enewsform>.bxframe>.bxframe-tb>.icon>div {
padding: 9px 0 0;
}
#enewsform>.bxframe>.bxframe-tb>.textbx {
display: table-cell;
position: relative;
vertical-align: top;
text-align: center;
}
#enewsform>.bxframe>.bxframe-tb>.btnbx {
display: table-cell;
position: relative;
vertical-align: top;
width: 97px;
}
#enewsform input[type=text] {
display: block;
position: relative;
width: 159px;
height: 41px;
border: none;
font-family: inherit;
font-size: 18px;
color: inherit;
font-weight: inherit;
padding: 0 3px;
margin: 0;
background: none;
}
#enewsform label.error {
margin-left: 0px;
color: #b22e25;
font-size: 16px;
font-style: italic;
}
#enewsform input.error {}
#enewsform input[type=submit] {
display: block;
position: relative;
width: 97px;
height: 41px;
border: none;
background: #a05e5e;
font-family: inherit;
font-size: inherit;
color: #fff;
font-weight: inherit;
cursor: pointer;
transition: ease 0.5s;
}
#enewsform input[type=submit]:hover {
background: #585858;
}
.footer-social {
display: block;
position: relative;
padding: 26px 0 0;
}
a.icon-fb {
display: inline-block;
position: relative;
width: 30px;
height: 30px;
background: url(../../img/icon-fb.png) no-repeat #ffffff;
margin-right: 8px;
}
a.icon-fb>span {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(../../img/icon-fb.png) no-repeat #ffffff;
background-position: 0 -30px;
transition: ease 0.5s;
opacity: 0;
}
a.icon-fb:hover>span {
opacity: 1;
}
a.icon-tw {
display: inline-block;
position: relative;
width: 30px;
height: 30px;
background: url(../../img/icon-tw.png) no-repeat #ffffff;
margin-right: 8px;
}
a.icon-tw>span {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(../../img/icon-tw.png) no-repeat #ffffff;
background-position: 0 -30px;
transition: ease 0.5s;
opacity: 0;
}
a.icon-tw:hover>span {
opacity: 1;
}
a.icon-ig {
display: inline-block;
position: relative;
width: 30px;
height: 30px;
background: url(../../img/icon-ig.png) no-repeat #ffffff;
margin-right: 8px;
}
a.icon-ig>span {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(../../img/icon-ig.png) no-repeat #ffffff;
background-position: 0 -30px;
transition: ease 0.5s;
opacity: 0;
}
a.icon-ig:hover>span {
opacity: 1;
}
a.icon-yt {
display: inline-block;
position: relative;
width: 30px;
height: 30px;
background: url(../../img/icon-yt.png) no-repeat #ffffff;
}
a.icon-yt>span {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(../../img/icon-yt.png) no-repeat #ffffff;
background-position: 0 -30px;
transition: ease 0.5s;
opacity: 0;
}
a.icon-yt:hover>span {
opacity: 1;
}
.footer-call {
display: block;
position: relative;
padding: 16px 0 26px;
font-size: 30px;
line-height: 50px;
font-family: 'db_helvethaica_x53_ext';
}
.footer-call img {
vertical-align: middle;
margin-right: 8px;
}
.footer-call span {
color: #a05e5e;
font-family: 'db_helvethaica_x73_bdext';
margin-left: 14px;
}
.footer-copy {
display: block;
position: relative;
font-size: 18px;
}
#bxhome {
display: block;
position: relative;
width: 100%;
height: 100%;
height: 100vh;
}
.bxhome {
display: block;
position: relative;
width: 100%;
height: 100%;
}
.bxhome>.bxhome-l {
display: block;
position: absolute;
width: 17%;
height: 100%;
z-index: 66;
background: rgba(255, 255, 255, 0.9);
vertical-align: bottom;
}
.bxhome>.bxhome-r {
display: block;
position: relative;
width: 100%;
height: 100%;
vertical-align: top;
}
.bxhome>.bxhome-l>.tb {
display: table;
position: relative;
width: 100%;
height: 100%;
}
.bxhome>.bxhome-l>.tb>.td {
display: table-cell;
position: relative;
vertical-align: bottom;
}
#bxslide {
display: block;
position: relative;
width: 100%;
height: 100%;
}
.bxslider {
display: block;
position: relative;
width: 100%;
height: 100%;
}
.bxhome-pager {
display: block;
position: relative;
width: 77%;
margin: 0 auto;
padding: 0 0 39px;
}
.bxhome-pager-h {
display: block;
position: relative;
font-family: 'db_helvethaica_x53_ext';
border-bottom: #4d4d4d solid 1px;
}
.bxpager {
display: block;
position: relative;
}
.bxpager>.icon {
display: block;
position: absolute;
width: 100%;
bottom: 26px;
text-align: center;
font-size: 0px;
height: 13px;
z-index: 96;
}
.bxpager>.icon a {
background: none;
text-indent: -9999px;
display: block;
width: 13px;
height: 13px;
display: inline-block;
*zoom: 1;
*display: inline;
border-radius: 50%;
margin: 0 5px;
outline: 0;
transition: ease 0.5s;
border: #fff solid 1px;
border-radius: 50%;
}
.bxpager>.icon a:hover,
.bxpager>.icon a.active {
background: #ffffff;
}
.bxpager>.txt {
display: block;
position: relative;
}
.bxpager>.txt ul {
display: block;
position: relative;
padding: 0;
margin: 0;
list-style: none;
}
.bxpager>.txt ul li {
display: block;
position: relative;
padding: 20px 0;
text-transform: uppercase;
border-bottom: #4d4d4d solid 1px;
}
.bxpager>.txt ul li.noshow {
display: none;
}
.bxpager>.txt ul li a {
display: block;
position: relative;
transition: ease 0.5s;
}
.bxpager>.txt ul li a img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition: ease 0.5s;
}
.bxpager>.txt ul li a.active.txtc img,
.bxpager>.txt ul li a:hover.txtc img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.bxpager>.txt ul li a>.iout {
position: absolute;
right: -12px;
top: -6px;
}
.bxpager>.txt ul li a>.iout img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.bxslidepopup {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 34%;
background: rgba(255, 255, 255, 0.8);
z-index: 66;
}
.bxslidepopup>.tb {
display: table;
position: relative;
width: 100%;
height: 100%;
border: #fff solid 20px;
}
.bxslidepopup>.tb>.td {
display: table-cell;
position: relative;
vertical-align: middle;
}
.bxslidepopup>.tb>.td>.bx {
display: block;
position: relative;
width: 80%;
margin: 0 auto;
text-align: left;
font-size: 26px;
line-height: 32px;
color: #000;
}
.bxslidepopup>.tb>.td>.bx>.bximg {
display: block;
position: relative;
padding: 0 0 10px;
}
#popuphighlight {
display: block;
position: absolute;
top: 79px;
left: 0;
bottom: 0;
right: 0;
z-index: 97;
}
#bxhome-project {
display: block;
position: relative;
background: #a05e5e url(../../img/homeproject-top.png) top left no-repeat;
min-height: 320px;
}
.bxhome-project {
background: url(../../img/homeproject-btm.png) right bottom no-repeat;
}
.hpro-itop {
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.hpro-ibtm {
position: absolute;
bottom: 0;
right: 0;
z-index: 2;
text-align: right;
}
.hprobx-txttop {
display: block;
position: relative;
color: #fff;
text-align: center;
width: 50%;
margin: 0 auto;
padding: 49px 0;
font-family: 'db_helvethaica_x73_bdext';
}
.hprobx-txttop>.txth {
display: block;
position: relative;
font-size: 30px;
line-height: 32px;
text-transform: uppercase;
}
.hprobx {
display: block;
position: relative;
width: 100%;
}
.hprobx>.bximg {
display: block;
position: relative;
float: left;
width: 50%;
}
.hprobx>.bxtxt {
display: block;
position: relative;
float: right;
width: 50%;
}
.hprobx.even>.bximg {
float: right;
}
.hprobx.even>.bxtxt {
float: left;
}
.hprobx>.bxtxt>.icon {
display: inline-block;
position: absolute;
z-index: 6;
top: 16px;
right: 43px;
}
.hprobx>.bximg img {
width: 100%;
}
.hprobx>.bxtxt>.bx {
display: block;
position: relative;
width: 82%;
margin: 0 auto;
padding: 30px 0;
font-family: 'db_helvethaica_x43_liext';
}
.hprobx>.bxtxt>.bx>.hprobx-logo {
display: block;
position: relative;
padding: 0 0 0px;
}
.hprobx>.bxtxt>.bx>.hprobx-logo img {
max-height: 76px;
}
.hprobx>.bxtxt>.bx>.hprobx-txt {
display: block;
position: relative;
padding: 26px 0;
}
.hprobx-btn {
display: block;
position: relative;
padding: 52px 0 65px;
text-align: center;
}
#bxhome-news {
display: block;
position: relative;
background: url(../../img/bg-newshome.jpg) no-repeat;
background-size: cover;
padding: 52px 0;
}
.hnews-itop {
display: block;
position: relative;
text-align: center;
}
.hnews-head {
display: block;
position: relative;
text-transform: uppercase;
text-align: center;
color: #fff;
font-size: 30px;
line-height: 32px;
font-family: 'db_helvethaica_x73_bdext';
}
.hnewsbxlist {
display: block;
position: relative;
padding: 60px 0 0;
}
.hnewsbx-btn {
display: block;
position: relative;
padding: 54px 0 0;
text-align: center;
}
#homenews {
display: block;
position: relative;
}
.hnewsitem {
display: block;
position: relative;
width: 32%;
float: left;
margin-right: 2%;
}
.hnewsbx {
display: block;
position: relative;
width: 94%;
margin: 0 auto 20px;
padding: 0 0 32px;
transition: ease 0.5s;
background: rgba(255, 255, 255, 0.9);
}
.hnewsbx>.hnewsbx-img {
display: block;
position: relative;
padding: 0 0 30px;
}
.hnewsbx>.hnewsbx-img img {
width: 100%;
max-width: 100%;
}
.hnewsbx>.hnewsbx-bxtxt {
display: block;
position: relative;
width: 88%;
margin: 0 auto;
}
.hnewsbx>.hnewsbx-bxtxt>.bxline {
display: block;
position: relative;
height: 3px;
width: 39px;
background: #a05e5e;
margin: 0 0 20px;
}
.hnewsbx>.hnewsbx-bxtxt>.bxline>span::after {
content: '';
display: block;
width: 0;
height: 3px;
background: #a05e5e;
transition: width .35s;
}
.hnewsbx>.hnewsbx-bxtxt>.bxsubj {
font-family: 'db_helvethaica_x73_bdext';
transition: ease 0.5s;
padding: 0 0 10px;
}
.hnewsbx>.hnewsbx-bxtxt>.bxtxt {
font-family: 'db_helvethaica_x73_bdext';
padding: 0;
transition: ease 0.5s;
}
.hnewsbx>.hnewsbx-bxtxt>.bxdesc {
padding: 0;
transition: ease 0.5s;
font-family: 'db_helvethaica_x43_liext';
}
.hnewsbx>.hnewsbx-bxtxt>.bxdate {
color: #a05e5e;
padding: 0 0 30px;
transition: ease 0.5s;
font-family: 'db_helvethaica_x43_liext';
}
.hnewsbx>.hnewsbx-bxtxt>.bxbtn {
display: inline-block;
position: relative;
border: #4d4d4d solid 2px;
font-size: 20px;
line-height: 20px;
padding: 9px 20px;
color: #4d4d4d;
transition: ease 0.5s;
}
/*.hnewsbx:hover{ }
.hnewsbx:hover > .hnewsbx-bxtxt > .bxline > span::after{ width:100%; }
.hnewsbx:hover > .hnewsbx-bxtxt > .bxsubj{ color:#000000; }
.hnewsbx:hover > .hnewsbx-bxtxt > .bxdesc{ color:#000000; }
.hnewsbx:hover > .hnewsbx-bxtxt > .bxdate{ color:#eb4096; } */
.hnewsbx:hover>.hnewsbx-bxtxt>.bxbtn {
background: #4d4d4d;
color: #ffffff;
}
.cleard {
clear: both;
}
.bxnews {
display: block;
position: relative;
padding: 0 0 52px;
}
.bxnewstop {
display: block;
position: relative;
padding: 52px 0;
}
.newstopbx {
display: block;
position: relative;
width: 100%;
}
.newstopbx>.l {
display: block;
position: relative;
width: 63%;
float: left;
}
.newstopbx>.r {
display: block;
position: relative;
width: 32%;
float: right;
}
.newstopbx>.l>.newstopbx-img {
display: block;
position: relative;
}
.newstopbx>.l>.newstopbx-img img {
width: 100%;
}
.newstopbx>.r>.newstopbx-bxtxt {
display: block;
position: relative;
}
.newstopbx>.r>.newstopbx-bxtxt>.bxsubj {
font-family: 'db_helvethaica_x73_bdext';
transition: ease 0.5s;
padding: 0 0 10px;
}
.newstopbx>.r>.newstopbx-bxtxt>.bxtxt {
font-family: 'db_helvethaica_x73_bdext';
padding: 0;
transition: ease 0.5s;
}
.newstopbx>.r>.newstopbx-bxtxt>.bxdesc {
padding: 0;
transition: ease 0.5s;
font-family: 'db_helvethaica_x43_liext';
}
.newstopbx>.r>.newstopbx-bxtxt>.bxdate {
color: #a05e5e;
padding: 0 0 30px;
transition: ease 0.5s;
font-family: 'db_helvethaica_x43_liext';
}
.newstopbx>.r>.newstopbx-bxtxt>.bxbtn {
display: inline-block;
position: relative;
border: #4d4d4d solid 2px;
font-size: 20px;
line-height: 20px;
padding: 9px 20px;
color: #4d4d4d;
transition: ease 0.5s;
}
.newstopbx:hover>.r>.newstopbx-bxtxt>.bxbtn {
background: #4d4d4d;
color: #ffffff;
}
.newsdetop {
display: block;
position: relative;
background: url(../../img/bg-newstop.jpg) top center no-repeat;
background-size: cover;
min-height: 133px;
}
.newsdehead {
display: block;
position: relative;
padding: 60px 0 20px;
}
.newsdehead>.bxsubj {
font-family: 'db_helvethaica_x43_liext';
color: #ffffff;
font-size: 40px;
line-height: 30px;
}
.newsdehead>.bxdate {
font-family: 'db_helvethaica_x53_ext';
color: #a05e5e
}
.newsdebx {
display: block;
position: relative;
padding: 46px 0 92px;
}
.newsdebx .bximg {
display: block;
position: relative;
text-align: center;
padding: 0 20px 20px;
}
.bxnews>.bxtb {
display: table;
position: relative;
width: 100%;
}
.bxnews>.bxtb>.bxtd {
display: table-cell;
position: relative;
width: 32%;
vertical-align: top;
background: rgba(255, 255, 255, 0.9);
}
.bxnews>.bxtb>.bxtdnull {
display: table-cell;
position: relative;
width: 2%;
}
.bxnews>.bxtb .bxtr {
display: table-row;
height: 20px;
}
.newsbx {
display: block;
position: relative;
width: 100%;
padding: 0 0 32px;
transition: ease 0.5s;
}
.newsbx>.hnewsbx-img {
display: block;
position: relative;
padding: 0 0 30px;
}
.newsbx>.hnewsbx-img img {
width: 100%;
max-width: 100%;
}
.newsbx>.hnewsbx-bxtxt {
display: block;
position: relative;
width: 88%;
margin: 0 auto;
}
.newsbx>.hnewsbx-bxtxt>.bxline {
display: block;
position: relative;
height: 3px;
width: 39px;
background: #a05e5e;
margin: 0 0 20px;
}
.newsbx>.hnewsbx-bxtxt>.bxline>span::after {
content: '';
display: block;
width: 0;
height: 3px;
background: #a05e5e;
transition: width .35s;
}
.newsbx>.hnewsbx-bxtxt>.bxsubj {
font-family: 'db_helvethaica_x73_bdext';
transition: ease 0.5s;
padding: 0 0 10px;
}
.newsbx>.hnewsbx-bxtxt>.bxtxt {
font-family: 'db_helvethaica_x73_bdext';
padding: 0;
transition: ease 0.5s;
}
.newsbx>.hnewsbx-bxtxt>.bxdesc {
padding: 0;
transition: ease 0.5s;
font-family: 'db_helvethaica_x43_liext';
}
.newsbx>.hnewsbx-bxtxt>.bxdate {
color: #a05e5e;
padding: 0 0 30px;
transition: ease 0.5s;
font-family: 'db_helvethaica_x43_liext';
}
.newsbx>.hnewsbx-bxtxt>.bxbtn {
display: inline-block;
position: relative;
border: #4d4d4d solid 2px;
font-size: 20px;
line-height: 20px;
padding: 9px 20px;
color: #4d4d4d;
transition: ease 0.5s;
}
.newsbx:hover>.hnewsbx-bxtxt>.bxbtn {
background: #4d4d4d;
color: #ffffff;
}
#bxhome-ir {
display: block;
position: relative;
background: url(../../img/bg-homeir.jpg) bottom center no-repeat;
background-size: cover;
padding: 65px 0;
}
.bxhomeir {
display: block;
position: relative;
text-align: center;
padding: 65px 0;
}
.bxhomeir>.desktop {
display: block;
}
.bxhomeir>.mobile {
display: none;
}
.bxhome-btn {
display: block;
position: relative;
text-align: center;
}
#bxhome-reviewproj {
display: block;
position: relative;
background: url(../../img/bg-review.jpg);
}
.bxhome-reviewproj {
background: url(../../img/bg-review-b.png) left bottom no-repeat;
padding: 52px 0;
}
.txtblack {
color: #333333;
}
.txtwhite {
color: #ffffff;
}
.bxhreproj {
display: block;
position: relative;
width: 100%;
padding: 52px 0 20px;
}
.bxhrepro {
display: block;
position: relative;
width: 48%;
}
.bxhrepro.one {
float: left;
}
.bxhrepro.two {
float: right;
}
.hreprobx {
display: block;
position: relative;
width: 100%;
margin: 0 auto;
}
.hreprobx>.bximg {
display: block;
position: relative;
}
.hreprobx>.bximg .img {
width: 100%;
}
.hreprobx>.bximg>.icon {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.hreprobx>.bximg>.icon>.tb {
display: table;
position: relative;
width: 100%;
height: 100%;
}
.hreprobx>.bximg>.icon>.tb>.td {
display: table-cell;
position: relative;
vertical-align: middle;
text-align: center;
}
.hreprobx>.bximg>.icon>.tb>.td>div {
padding: 20px 0 0;
color: #ffffff;
font-size: 24px;
}
.hreprobx>.bximg>.over {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
border: #a05e5e solid 8px;
transition: ease 0.5s;
opacity: 0;
}
.hreprobx>.bxtxt {
display: block;
position: relative;
padding: 20px 0 39px;
font-family: 'db_helvethaica_x43_liext';
}
.hreprobx>.bxtxt>span {
font-family: 'db_helvethaica_x73_bdext';
}
.hreprobx:hover>.bximg>.over {
opacity: 1;
}
.hreprobx>.bximg>.bxiframe {
display: block;
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
padding-top: 25px;
height: 0;
}
.hreprobx>.bximg>.bxiframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#bxinner-header {
display: block;
position: relative;
background: #ffffff;
height: 80px;
}
/*#bxinner{ display:block; position:relative; }*/
/*#bxinner {
display: block;
position: relative;
top: 40px;
}*/
#projnav {
display: block;
position: fixed;
width: 100%;
z-index: 69;
top: 80px;
height: 64px;
}
#projnav>.tb {
display: table;
position: relative;
width: 100%;
height: 100%;
}
#projnav>.tb>.c1 {
display: table-cell;
position: relative;
width: 17%;
vertical-align: middle;
}
#projnav>.tb>.c1>.txt {
display: block;
position: relative;
padding: 0 24px;
font-family: 'db_helvethaica_x43_liext';
text-align: center;
}
#projnav>.tb>.c1>.txt>span {
font-size: 30px;
font-family: 'db_helvethaica_x73_bdext';
}
#projnav>.tb>.c2 {
display: table-cell;
position: relative;
width: 83%;
vertical-align: middle;
text-align: center;
}
#projnav.innerwhite,
#projnav.innerwhite a {
color: #ffffff;
transition: ease 0.5s;
}
#projnav.innerwhite>.tb>.c1 {
background: url(../../img/bg-line-y-white.png) no-repeat right;
}
#projnav.innerblack,
#projnav.innerblack a {
color: #000000;
}
#projnav.innerblack>.tb>.c1 {
background: url(../../img/bg-line-y.png) no-repeat right;
}
.projnav {
display: table;
position: relative;
width: 100%;
font-family: 'db_helvethaica_x53_ext';
line-height: 16px;
}
.projnav ul {
padding: 0;
margin: 0;
list-style: none;
}
.projnav ul li {
display: inline-table;
position: relative;
vertical-align: middle;
padding: 0 20px;
}
.projnav li a {
display: block;
position: relative;
}
.projnav li a:hover,
.projnav li a.active {
text-decoration: underline;
}
.projnav.mobile {
display: none;
}
#projnavpj {
display: block;
position: absolute;
width: 100%;
z-index: 60;
top: 0px;
height: 64px;
}
#projnavpj>.tb {
display: table;
position: relative;
width: 100%;
height: 100%;
}
#projnavpj>.tb>.c1 {
display: table-cell;
position: relative;
width: 17%;
vertical-align: middle;
background: url(../../img/bg-line-y-white.png) no-repeat right;
}
#projnavpj>.tb>.c1>.txt {
display: block;
position: relative;
padding: 0 24px;
font-family: 'db_helvethaica_x43_liext';
text-align: center;
}
#projnavpj>.tb>.c1>.txt>span {
font-size: 30px;
font-family: 'db_helvethaica_x73_bdext';
}
#projnavpj>.tb>.c2 {
display: table-cell;
position: relative;
width: 83%;
vertical-align: middle;
text-align: center;
}
#projnavpj.innerwhite,
#projnavpj.innerwhite a {
color: #ffffff;
transition: ease 0.5s;
}
#projnavpj.innerblack,
#projnavpj.innerblack a {
color: #000000;
}
#projnavpj.innerblack>.tb>.c1 {
background: url(../../img/bg-line-y.png) no-repeat right;
}
#projnavmobile {
display: none;
}
#bxprojhead {
display: block;
position: relative;
padding: 26px 25px;
}
#bxprojhead>.tb {
display: table;
position: relative;
width: 100%;
}
#bxprojhead>.tb>.c1 {
display: table-cell;
position: relative;
width: 210px;
vertical-align: middle;
}
#bxprojhead>.tb>.c2 {
display: table-cell;
position: relative;
vertical-align: bottom;
}
#bxprojhead>.tb>.c1>.logo img {
max-height: 64px;
}
#bxprojhead>.tb>.c2>.txt {
color: #ffffff;
font-size: 26px;
line-height: 36px;
}
#bxprojslide {
display: block;
position: relative;
}
.bxsliderproj {
display: block;
position: relative;
}
.bxsliderproj>.slidepimg {
display: block;
position: relative;
}
.bxsliderproj>.slidepimg img {
width: 100%;
}
#bxprojregis {
display: block;
position: relative;
padding: 52px 0;
min-height: 368px;
}
.bxprojregis {
display: block;
position: relative;
width: 90%;
margin: 0 auto;
}
.bxprojregis .bxh {
display: block;
position: relative;
font-size: 30px;
font-family: 'db_helvethaica_x73_bdext';
text-align: center;
padding: 0 0 60px;
}
.contactbx {
display: block;
position: relative;
width: 100%;
margin: 0 0 20px;
}
.contactbx>.l {
display: block;
position: relative;
width: 48%;
float: left;
}
.contactbx>.r {
display: block;
position: relative;
width: 48%;
float: right;
}
#regisform {
display: block;
position: relative;
color: #333333;
font-family: 'db_helvethaica_x53_ext';
font-size: inherit;
}
#regisform input {
display: block;
position: relative;
width: 100%;
padding: 6px 10px;
background: #ffffff;
border: #4d4d4d solid 1px;
color: inherit;
font-family: inherit;
font-size: inherit;
}
#regisform input::-webkit-input-placeholder {
color: #333333;
}
#regisform input:-moz-placeholder {
color: #333333;
}
#regisform input::-moz-placeholder {
color: #333333;
}
#regisform input:-ms-input-placeholder {
color: #333333;
}
#regisform input:focus {
border: #a05e5e solid 1px;
}
#regisform input:focus::-webkit-input-placeholder {
color: #333333;
}
#regisform input:focus:-moz-placeholder {
color: #333333;
}
#regisform input:focus::-moz-placeholder {
color: #333333;
}
#regisform input:focus:-ms-input-placeholder {
color: #333333;
}
#regisform label {
display: block;
padding: 0;
margin: 0;
text-align: left;
}
#regisform label.error {
margin-left: 0px;
color: #b22e25;
font-size: 16px;
font-style: italic;
}
#regisform input.error,
#regisform textarea.error {
border: #b22e25 solid 1px;
}
#regisform .bxsubmit {
display: block;
position: relative;
text-align: center;
padding: 32px 0 0;
}
#regisform input.btn-submit {
display: inline-block;
position: relative;
padding: 6px 20px;
text-align: center;
width: auto;
cursor: pointer;
transition: ease 0.5s;
font-family: 'db_helvethaica_x73_bdext';
}
#regisform input.btn-submit:hover {
background: #585858;
color: #ffffff !important;
border: #585858 solid 2px !important;
}
#projconcept {
display: block;
position: relative;
background: url(../../img/bg-topcontent.png) top right no-repeat;
padding: 52px 0;
}
.projconcept {
display: block;
position: relative;
width: 90%;
margin: 0 auto;
text-align: center;
font-family: 'db_helvethaica_x43_liext';
}
.bxhead {
display: block;
position: relative;
text-transform: uppercase;
text-align: center;
font-size: 30px;
font-family: 'db_helvethaica_x73_bdext';
}
.bxhead.txtblack {
color: #333333;
}
.bxline-white {
display: block;
position: relative;
height: 3px;
width: 39px;
margin: 52px auto;
}
.bxsubhead {
display: block;
position: relative;
text-align: center;
font-size: 40px;
padding: 0 0 26px;
}
.projconcepttxt {
display: block;
position: relative;
padding: 0 0 52px;
width: 100%;
margin: 0 auto;
word-break: break-strict;
}
#projhometype {
display: block;
position: relative;
background: url(../../img/bg-review.jpg);
}
.projhometype-bxh {
display: block;
position: relative;
padding: 52px 0;
}
.projhometype-tab {
display: block;
position: relative;
padding: 0px;
}
.projdetab-bxh {
display: block;
position: relative;
width: 74%;
margin: 0 auto;
}
.bxprojht {
display: block;
position: relative;
padding: 52px 0;
margin: 0 auto;
}
.projhtbx {
display: block;
position: relative;
width: 100%;
font-family: 'db_helvethaica_x43_liext';
}
.projhtbx>.l {
display: block;
position: relative;
width: 63%;
float: left;
}
.projhtbx>.r {
display: block;
position: relative;
width: 32%;
float: right;
}
.projhtbx>.r.full {
width: 100%;
}
.projhtbx>.r>.bxtxt {
display: block;
position: relative;
}
.projhtbx>.r>.bxtxt>.txth {
display: block;
position: relative;
font-family: 'db_helvethaica_x73_bdext';
padding: 0 0 26px;
}
.bxgalproj {
display: block;
position: relative;
}
.bxsliderprojgx {
display: block;
position: relative;
}
.bxsliderprojgx .projimg img {
width: 100%;
}
.bxppager {
display: block;
position: relative;
margin: 18px 0 0;
padding: 0;
}
.bxppager a {
display: inline-block;
position: relative;
margin: 0 6px 6px 0;
}
.bxppager a>.bxthumb {
display: block;
position: relative;
height: 60px;
overflow: hidden;
border: none;
}
.bxppager a>.bxthumb img {
height: 60px;
}
.bxppager a.active {
opacity: 0.5;
}
#projmasterplan {
display: block;
position: relative;
padding: 52px 0;
}
.projmasterplan {
display: block;
position: relative;
text-align: center;
padding: 62px 0 0;
}
#projgallery {
display: block;
position: relative;
padding: 52px 0 0;
}
.projgallery {
display: block;
position: relative;
width: 100%;
margin: 0 auto;
padding: 52px 0 0;
}
#projgallerybx {
display: block;
position: relative;
overflow: hidden;
}
#projgallerybx ul {
display: block;
position: relative;
padding: 0;
margin: 0;
list-style: none;
}
#projgallerybx ul .galleryimg img {
width: 100%;
}
#bxgpager {
display: block;
position: relative;
margin: 26px 0 0;
padding: 0;
text-align: center;
}
#bxgpager a {
display: inline-block;
position: relative;
margin: 0 6px 6px 0;
}
#bxgpager a>.bxthumb {
display: block;
position: relative;
height: 80px;
overflow: hidden;
border: none;
}
#bxgpager a>.bxthumb img {
height: 80px;
}
#bxgpager a.active {
opacity: 0.5;
}
.sliderthumb {
width: 50%;
}
#projfacilities {
display: block;
position: relative;
background: #ee3d96 url(../../img/bg-topcontent-l.png) top left no-repeat;
padding: 52px 0;
color: #ffffff;
}
.projfacilities {
display: block;
position: relative;
padding: 52px 0 0;
font-family: 'db_helvethaica_x43_liext';
}
.projfacilities>.l {
display: block;
position: relative;
width: 63%;
float: left;
}
.projfacilities>.r {
display: block;
position: relative;
width: 32%;
float: right;
}
.projfacilities>.r.full {
width: 100%;
}
.projfacilities>.l>.bximg {
display: block;
position: relative;
}
.projfacilities>.l>.bximg img {
width: 100%;
}
.projfacilities>.r>.bxtxt {
display: block;
position: relative;
width: 100%;
margin: 0;
}
.projfacilities>.r>.bxtxt>.txth {
font-family: 'db_helvethaica_x73_bdext';
padding: 0 0 26px;
}
.faci-iconbx {
display: block;
position: relative;
padding: 36px 0 0;
}
.faci-iconbx img {
margin-right: 22px;
}
.facibx {
display: block;
position: relative;
text-align: center;
width: 50%;
float: left;
padding: 0 0 36px;
}
.facibx>.facibx-img {
display: block;
position: relative;
padding: 0 0 13px;
}
.facibx>.facibx-txt {
display: block;
position: relative;
width: 92%;
margin: 0 auto;
font-size: 22px;
line-height: 24px;
color: #666666;
}
#projlocation {
display: block;
position: relative;
padding: 52px 0;
}
.projlocation {
display: block;
position: relative;
padding: 52px 0 32px;
}
.projlobx-img {
display: block;
position: relative;
text-align: center;
border-bottom: #fff solid 1px;
border-top: #fff solid 1px;
}
.projlobx-img img {
max-width: 100%;
}
.projlobx-txt {
display: block;
position: relative;
padding: 29px 0;
font-family: 'db_helvethaica_x43_liext';
}
.projlobx-txt>.txth {
font-family: 'db_helvethaica_x73_bdext';
}
.projlocation ul,
.projlobx-tx ol {
padding: 0 0 0 20px;
margin: 0;
}
.projlobx-btn {
display: block;
position: relative;
text-align: center;
padding: 49px 0 0;
}
#projreview {
display: block;
position: relative;
padding: 52px 0;
background: #000000;
color: #ffffff;
}
.projreview {
display: block;
position: relative;
padding: 52px 0 0;
}
.projreviewbx {
display: block;
position: relative;
width: 100%;
}
.projreviewbx {
display: block;
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
padding-top: 25px;
height: 0;
}
.projreviewbx iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.projreviewbx video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#projaward {
display: block;
position: relative;
padding: 52px 0;
}
.projaward {
display: block;
position: relative;
width: 100%;
padding: 52px 0 0;
}
.projawardbx {
display: block;
position: relative;
width: 100%;
}
.projawardbx>.l {
display: block;
position: relative;
width: 63%;
float: left;
}
.projawardbx>.r {
display: block;
position: relative;
width: 32%;
float: right;
}
.projawardbx>.r.full {
width: 100%;
}
.projawardbx>.l>.bximg {
display: block;
position: relative;
width: 100%;
}
.projawardbx>.l>.bximg img {
width: 100%;
}
.projawardbx>.r>.bxtxt {
display: block;
position: relative;
width: 100%;
font-family: 'db_helvethaica_x43_liext';
}
.projawardbx>.r>.bxtxt>.txth {
font-family: 'db_helvethaica_x73_bdext';
padding: 0 0 26px;
}
#projcontact {
display: block;
position: relative;
background: #ee3d96 url(../../img/bg-contact.png) top right no-repeat;
padding: 52px 0;
color: #fff;
}
.projcontact-add {
display: block;
position: relative;
padding: 26px 0;
color: #fff;
font-family: 'db_helvethaica_x43_liext';
}
.projcontact-add>div {
font-family: 'db_helvethaica_x73_bdext';
}
.projcontact {
display: block;
position: relative;
padding: 52px 0 0;
}
.projcontactbx {
display: block;
position: relative;
}
.projcontactbx>.l {
display: block;
position: relative;
width: 48%;
float: left;
}
.projcontactbx>.r {
display: block;
position: relative;
width: 48%;
float: right;
}
#contactform {
display: block;
position: relative;
color: #333333;
font-family: inherit;
font-size: inherit;
font-family: 'db_helvethaica_x53_ext';
}
#contactform input {
display: block;
position: relative;
width: 100%;
padding: 6px 10px;
background: #ffffff;
border: rgba(125, 125, 125, 0.3) solid 1px;
color: inherit;
font-family: inherit;
font-size: inherit;
}
#contactform textarea {
display: block;
position: relative;
width: 100%;
padding: 6px 10px;
background: #ffffff;
border: rgba(125, 125, 125, 0.3) solid 1px;
color: inherit;
font-family: inherit;
resize: none;
height: 100px;
font-size: inherit;
}
#contactform textarea.bigger {
height: 158px;
}
#contactform input::-webkit-input-placeholder {
color: #a05e5e;
}
#contactform input:-moz-placeholder {
color: #a05e5e;
}
#contactform input::-moz-placeholder {
color: #a05e5e;
}
#contactform input:-ms-input-placeholder {
color: #a05e5e;
}
#contactform input:focus::-webkit-input-placeholder {
color: #a05e5e;
}
#contactform input:focus:-moz-placeholder {
color: #a05e5e;
}
#contactform input:focus::-moz-placeholder {
color: #a05e5e;
}
#contactform input:focus:-ms-input-placeholder {
color: #a05e5e;
}
#contactform textarea::-webkit-input-placeholder {
color: #a05e5e;
}
#contactform textarea:-moz-placeholder {
color: #a05e5e;
}
#contactform textarea::-moz-placeholder {
color: #a05e5e;
}
#contactform textarea:-ms-input-placeholder {
color: #a05e5e;
}
#contactform textarea:focus::-webkit-input-placeholder {
color: #a05e5e;
}
#contactform textarea:focus:-moz-placeholder {
color: #a05e5e;
}
#contactform textarea:focus::-moz-placeholder {
color: #a05e5e;
}
#contactform textarea:focus:-ms-input-placeholder {
color: #a05e5e;
}
#contactform label {
display: block;
padding: 0;
margin: 0;
text-align: left;
}
#contactform label.error {
margin-left: 0px;
color: #ffffff;
font-size: 18px;
font-style: italic;
}
#contactform input.error,
#regisform textarea.error {
border: 0;
}
#contactform .bxsubmit {
display: block;
position: relative;
text-align: center;
padding: 19px 0 0;
}
#contactform input.btn-submit {
display: inline-block;
position: relative;
width: auto;
padding: 6px 20px;
text-align: center;
color: #ffffff;
cursor: pointer;
border: #fff solid 2px;
background: none;
transition: ease 0.5s;
font-size: 20px;
}
#contactform input.btn-submit:hover {
background: #585858;
border: #585858 solid 2px;
}
.projbtnbx {
display: block;
position: relative;
text-align: center;
padding: 60px 0;
}
.bxinner-headbx {
display: block;
position: relative;
text-align: center;
font-family: 'db_helvethaica_x43_liext';
background: url(../../img/bg-subnav.png) top left no-repeat;
height: 105px;
border-bottom: #bfbfbf solid 1px;
}
.bxinner-headbx div.txt {
color: #9f5c5d;
text-transform: uppercase;
font-family: 'db_helvethaica_x73_bdext';
font-size: 30px;
line-height: 30px;
margin-top:30px !important;
}
.bxinner-headbx>.tb {
display: table;
position: relative;
width: 100%;
height: 100%;
}
/*.bxinner-headbx > .tb > .td{ display:table-cell; vertical-align:middle; text-align:center;}
*/
.bxinner-headbx>.tb>.td {
display: table-cell;
text-align: center;
}
.bxpromotion {
display: block;
position: relative;
background: url(../../img/bg-review.jpg);
}
.bxprominner {
background: url(../../img/bg-review-b.png) left bottom no-repeat;
padding: 60px 0 65px;
}
.promo-itop {
display: block;
position: absolute;
top: 0;
width: 100%;
text-align: center;
}
.promotionbx {
display: block;
position: relative;
width: 100%;
}
.promobx {
display: block;
position: relative;
width: 48%;
margin: 0 0 40px;
transition: ease 0.5s;
font-family: 'db_helvethaica_x43_liext';
}
.promobx.one {
float: left;
}
.promobx.two {
float: right;
}
.promobx>.promobx-img {
display: block;
position: relative;
}
.promobx>.promobx-img img {
width: 100%;
}
.promobx>.promobx-bxtxt {
display: block;
position: relative;
padding: 25px;
border: #cccccc solid 1px;
border-top: none;
}
.promobx>.promobx-bxtxt>.bxline {
display: block;
position: relative;
height: 3px;
width: 39px;
background: #a05e5e;
margin: 0 0 13px;
}
.promobx>.promobx-bxtxt>.bxline>span::after {
content: '';
display: block;
width: 0;
height: 3px;
background: #ffffff;
transition: width .35s;
}
.promobx>.promobx-bxtxt>.bxsubj {
transition: ease 0.5s;
font-family: 'db_helvethaica_x73_bdext';
}
.promobx>.promobx-bxtxt>.bxdesc {
padding: 0 0 13px;
transition: ease 0.5s;
}
.promobx>.promobx-bxtxt>.bxdate {
color: #a05e5e;
padding: 0 0 30px;
transition: ease 0.5s;
}
.promobx>.promobx-bxtxt>.bxbtn {
display: inline-block;
position: relative;
border: #4d4d4d solid 2px;
text-align: center;
font-family: 'db_helvethaica_x53_ext';
font-size: 20px;
line-height: 20px;
padding: 6px 20px;
color: #4d4d4d;
transition: ease 0.5s;
}
.promobx:hover>.promobx-bxtxt>.bxbtn {
background: #4d4d4d;
color: #ffffff;
}
.promobx.bxbooth {
width: 32%;
margin-right: 2%;
float: left;
}
.bxpromotion-de {
display: block;
position: relative;
}
.bxpromotion-de>.bxline {
display: block;
position: relative;
height: 3px;
width: 39px;
background: #a05e5e;
margin-bottom: 30px;
}
.bxpromotion-de>.bxsubj {
display: block;
position: relative;
color: #333333;
font-size: 40px;
line-height: 30px;
font-family: 'db_helvethaica_x43_liext';
}
.bxpromotion-de>.bxdate {
color: #a05e5e;
padding: 0 0 26px;
}
.bxpromotion-de>.bxdetail {
display: block;
position: relative;
}
.bxpromotion-de .bximg {
padding: 0 20px 20px;
}
.bxpromotion-de ul,
.bxpromotion-de ol {
padding: 0;
margin: 0;
}
.bxback {
display: block;
position: relative;
padding: 26px 0;
}
.bxmediatop {
display: block;
position: relative;
background: #000000;
padding: 60px 0 30px;
}
.bxmediatop .hreprobx>.bxtxt {
color: #ffffff;
}
.bxpage {
display: block;
position: relative;
width: 100%;
text-align: center;
padding-bottom: 62px;
}
.bxpage img {
vertical-align: bottom;
}
.bxpage>span.iprev,
.bxpage>span.inext {
display: inline-block;
position: relative;
opacity: 0.3;
margin: 0 3px;
height: 24px;
width: 20px;
}
.bxpage>a.iprev,
.bxpage>a.inext {
display: inline-block;
position: relative;
margin: 0 3px;
height: 24px;
width: 20px;
}
.inumber {
display: inline-block;
position: relative;
width: 24px;
height: 24px;
background: #cdcdcd;
border-radius: 50%;
margin: 0 3px 0;
transition: ease 0.5s;
font-family: 'db_helvethaica_x53_ext';
}
.inumber>span {
display: table-cell;
position: relative;
width: 24px;
height: 24px;
text-align: center;
vertical-align: middle;
color: #fff;
}
.inumber.sel {
background: #a05e5e;
}
.inumber:hover {
background: #a05e5e;
}
.bxcontact-img {
display: block;
position: relative;
}
.bxcontact-img img {
width: 100%;
}
.bxcontact-text {
display: block;
position: relative;
padding: 52px 0 80px;
background: url(../../img/bg-review.jpg) repeat;
}
.bxcontact-texttop {
display: block;
position: relative;
font-family: 'db_helvethaica_x73_bdext';
}
.bxcontact-textbtm {
display: block;
position: relative;
font-family: 'db_helvethaica_x43_liext';
}
.bxcontact-textbtm>.l {
display: block;
position: relative;
width: 50%;
float: left;
}
.bxcontact-textbtm>.r {
display: block;
position: relative;
width: 50%;
float: left;
}
.bxcontact-textbtm>.r>.bx {
display: block;
position: relative;
width: 100%;
}
.bxcontact-textbtm>.r>.bx>.l {
display: block;
position: relative;
float: left;
width: 60%;
}
.bxcontact-textbtm>.r>.bx>.r {
display: block;
position: relative;
float: right;
width: 40%;
text-align: right;
}
.bxcontact-map {
display: block;
position: relative;
border: #a05e5e solid 2px;
margin: 39px 0 0
}
.bxcontact-map iframe {
width: 100%;
height: 400px;
}
.bxcontact-form {
display: block;
position: relative;
background: #a05e5e url(../../img/bg-contact.png) top right no-repeat;
padding: 52px 0;
}
.bxcontact-form #contactform {
width: 90%;
margin: 0 auto;
}
.bxcontacttxt {
display: block;
position: relative;
font-family: 'db_helvethaica_x73_bdext';
color: #fff;
padding: 0 0 52px;
}
.bxcontacttxt.txt-center {
font-size: 24px;
}
#bxabout {
display: block;
position: relative;
border-bottom: #808080 solid 1px;
background: url(../../img/bg-contact.png) top right no-repeat;
padding: 96px 0 76px;
}
.bxabout {
display: block;
position: relative;
width: 92.5%;
margin: 0 auto;
}
.bxabout .bxh {
font-family: 'db_helvethaica_x43_liext';
font-size: 40px;
color: #ee3d96;
padding: 0 0 42px;
}
.bxabout .bxsh {
font-family: 'db_helvethaica_x73_bdext';
color: #ee3d96;
line-height: 20px;
}
.aboutbx {
display: block;
position: relative;
width: 100%;
font-family: 'db_helvethaica_x53_ext';
}
.aboutbx>.l {
display: block;
position: relative;
width: 48%;
float: left;
}
.aboutbx>.r {
display: block;
position: relative;
width: 48%;
float: right;
}
.aboutbx>.l img {
width: 100%;
}
.bxabout .txtb {
font-family: 'db_helvethaica_x73_bdext';
}
.aboutbxlogo {
display: block;
position: relative;
padding: 90px 0 0;
text-align: center;
}
.bxaboutaw {
display: block;
position: relative;
padding: 72px 0 13px;
}
.aboutawbx {
display: block;
position: relative;
width: 100%;
padding-bottom: 52px;
}
.aboutawbx>.l {
display: block;
position: relative;
width: 63%;
float: left;
}
.aboutawbx>.r {
display: block;
position: relative;
width: 32%;
float: right;
}
.aboutawbx>.r.full {
width: 100%;
}
.aboutawbx>.l>.bximg {
display: block;
position: relative;
width: 100%;
}
.aboutawbx>.l>.bximg img {
width: 100%;
}
.aboutawbx>.r>.bxtxt {
display: block;
position: relative;
font-family: 'db_helvethaica_x43_liext';
}
.aboutawbx>.r>.bxtxt>.txth {
font-family: 'db_helvethaica_x73_bdext';
padding: 0 0 26px;
}
.aboutproject {
display: block;
position: relative;
background: #a05e5e url(../../img/homeproject-btm.png) right bottom no-repeat;
padding: 78px 0 126px;
}
.aboutpj-de {
display: block;
position: relative;
padding: 140px 0;
background: url(../../img/bg-contact.png) top right no-repeat;
font-family: 'db_helvethaica_x43_liext';
color: #ffffff;
text-align: center;
}
.aboutpj-de .txth {
display: block;
position: relative;
font-size: 40px;
padding: 0 0 26px;
}
.bxir {
display: block;
position: relative;
text-align: center;
padding: 120px 0;
}
.bxirblue {
display: block;
position: relative;
background: url(../../img/bg-irblue.jpg) top center no-repeat;
background-size: cover;
padding: 42px 0 92px;
color: #ffffff;
}
.bxirbluetop {
display: block;
position: relative;
}
.bxirbluetop>.bxtb {
display: table;
position: relative;
width: 100%;
height: 100%;
}
.bxirbluetop>.bxtb>.c1 {
display: table-cell;
position: relative;
width: 60%;
vertical-align: middle;
}
.bxirbluetop>.bxtb>.c2 {
display: table-cell;
position: relative;
width: 40%;
vertical-align: middle;
}
.bxirbluetop>.bxtb>.c1>.bx {
display: block;
position: relative;
width: 88%;
font-family: 'db_helvethaica_x73_bdext';
font-size: 46px;
line-height: 36px;
color: #a05e5e;
}
.bxirbluetop>.bxtb>.c2>.bx {
display: block;
position: relative;
width: 100%;
}
.bxextalk {
display: block;
position: relative;
padding: 0 0 42px;
}
.bxextalk>.tb {
display: table;
position: relative;
width: 100%;
}
.bxextalk>.tb>.c1 {
display: table-cell;
position: relative;
width: 50%;
vertical-align: middle;
background: #eeeeee;
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
}
.bxextalk>.tb>.c1>.bx {
display: block;
position: relative;
width: 66%;
margin: 0 auto;
}
.bxextalk>.tb>.c1>.bx a {
font-size: 39px;
line-height: 36px;
font-family: 'db_helvethaica_x53_ext';
color: #4d4d4d;
transition: ease 0.5s;
}
.bxextalk>.tb>.c1>.bx a:hover {
color: #a05e5e;
}
.bxextalk>.tb>.c2 {
display: table-cell;
position: relative;
width: 50%;
vertical-align: middle;
}
.bxextalk>.tb>.c2>.bx {
display: block;
position: relative;
width: 100%;
}
.bxextalk>.tb>.c2>.bx img {
width: 100%;
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
}
.bxirbluebtm {
display: block;
position: relative;
}
.bxirbluebtm>.tb {
display: table;
position: relative;
width: 100%;
}
.bxirbluebtm>.tb>.c1 {
display: table-cell;
position: relative;
width: 30%;
vertical-align: top;
border: #a05e5e solid 5px;
border-radius: 10px;
}
.bxirbluebtm>.tb>.c1>.bx {
display: block;
position: relative;
padding: 24px;
}
.bxirbluebtm>.tb>.c2 {
display: table-cell;
position: relative;
width: 30%;
vertical-align: top;
border: #a05e5e solid 5px;
border-radius: 10px;
}
.bxirbluebtm>.tb>.c2>.bx {
display: block;
position: relative;
}
.bxirbluebtm>.tb>.c2>.bx>.bximg {
display: block;
position: relative;
}
.bxirbluebtm>.tb>.c2>.bx>.bximg img {
width: 100%;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.bxirbluebtm>.tb>.c2>.bx>.bxtxt {
display: block;
position: relative;
padding: 24px;
}
.bxirbluebtm>.tb>.c2>.bx>.bxtxt>.txthead {
display: block;
position: relative;
font-family: 'db_helvethaica_x73_bdext';
font-size: 30px;
text-transform: uppercase;
padding: 0 0 26px;
}
.bxirbluebtm>.tb>.c3 {
display: table-cell;
position: relative;
width: 30%;
vertical-align: top;
border: #a05e5e;
solid 5px;
border-radius: 10px;
background: #000;
}
.bxirbluebtm>.tb>.c3>.bx {
display: block;
position: relative;
}
.bxirbluebtm>.tb>.c3>.bx>.bxtxt {
display: block;
position: relative;
padding: 26px 24px 13px;
font-family: 'db_helvethaica_x73_bdext';
text-transform: uppercase;
}
.bxirbluebtm>.tb>.c3>.bx>.bxtxt>.txth {
display: block;
position: relative;
font-size: 30px;
}
.bxirbluebtm>.tb>.c3>.bx>.bxtxt>.txts {
display: block;
position: relative;
font-size: 18px;
}
.bxirbluebtm>.tb>.c3>.bx>.bxiframe {
display: block;
position: relative;
padding: 0 0 20px;
}
.bxirbluebtm>.tb>.c3>.bx>.bxiframe img {
width: 100%;
}
.bxirbluebtm>.tb>.cn {
display: table-cell;
position: relative;
width: 5%;
vertical-align: top;
}
#bxslideir {
display: block;
position: relative;
}
.bxslideir {
display: block;
position: relative;
}
.slideirbx {
display: block;
position: relative;
text-align: left;
}
.slideirbx>.txthead {
display: block;
position: relative;
font-family: 'db_helvethaica_x73_bdext';
font-size: 30px;
text-transform: uppercase;
}
.slideirbx>.txtdate {
display: block;
position: relative;
font-family: 'db_helvethaica_x73_bdext';
font-size: 24px;
}
.slideirbx>.txt {
display: block;
position: relative;
padding: 52px 0 39px;
}
.slideirbx>.link {
display: block;
position: relative;
padding: 0 0 20px;
}
.slideirbx>.link a {
color: #ffffff;
transition: ease 0.5s;
}
.slideirbx>.link a>.icon {
display: inline-block;
position: relative;
width: 27px;
height: 30px;
background: url(../../img/icon-view-detail-w.png) top no-repeat;
vertical-align: middle;
margin-right: 15px;
}
.slideirbx>.link a>.icon>span {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(../../img/icon-view-detail-p.png) top no-repeat;
transition: ease 0.5s;
opacity: 0;
}
.slideirbx>.link a:hover {
color: #a05e5e;
}
.slideirbx>.link a:hover>.icon>span {
opacity: 1;
}
.linkir {
display: block;
position: relative;
}
.linkir>a {
color: #ffffff;
transition: ease 0.5s;
}
.linkir>a>.icon {
display: inline-block;
position: relative;
width: 27px;
height: 30px;
background: url(../../img/icon-view-detail-w.png) top no-repeat;
vertical-align: middle;
margin-right: 15px;
}
.linkir>a>.icon>span {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(../../img/icon-view-detail-p.png) top no-repeat;
transition: ease 0.5s;
opacity: 0;
}
.linkir>a:hover {
color: #a05e5e;
}
.linkir>a:hover>.icon>span {
opacity: 1;
}
.bxiraftop {
display: block;
position: relative;
padding: 0 0 52px;
}
.bxiraftop>.tb {
display: table;
position: relative;
width: 100%;
transition: ease 0.5s;
}
.bxiraftop>.tb>.c1 {
display: table-cell;
position: relative;
width: 50%;
vertical-align: middle;
border: #ccc solid 1px;
}
.bxiraftop>.tb>.c1>.bximg {
display: block;
position: relative;
border-top: #a05e5e solid 6px;
}
.bxiraftop>.tb>.c1>.bximg img {
width: 100%;
}
.bxiraftop>.tb>.c2 {
display: table-cell;
position: relative;
width: 50%;
vertical-align: middle;
}
.bxiraftop>.tb>.c2>.bxtxt {
display: block;
position: relative;
width: 85%;
margin: 0 auto;
font-family: 'db_helvethaica_x73_bdext';
}
.bxiraftop>.tb>.c2>.bxtxt>.txth {
font-size: 30px;
color: #a05e5e;
padding: 0 0 16px;
transition: ease 0.5s;
}
.bxiraftop>.tb>.c2>.bxtxt>.btn {
display: inline-block;
position: relative;
border: #585858 solid 2px;
color: #585858;
padding: 6px 26px;
transition: ease 0.5s;
}
.bxiraftop>.tb:hover {
background: #a05e5e;
}
.bxiraftop>.tb:hover>.c2>.bxtxt>.txth {
color: #ffffff;
}
.bxiraftop>.tb:hover>.c2>.bxtxt>.btn {
border: #ffffff solid 2px;
color: #ffffff;
}
.bxiraf {
display: block;
position: relative;
}
.bxiraf .tr {
display: table-row;
}
.bxiraf>.bxtb {
display: table;
position: relative;
width: 100%;
}
.bxiraf>.bxtb>.cn {
display: table-cell;
position: relative;
width: 2%;
}
.bxiraf>.bxtb>.tr {
height: 52px;
}
.iraf {
display: table-cell;
position: relative;
width: 32%;
vertical-align: top;
border: #ccc solid 1px;
transition: ease 0.5s;
}
.iraf>.bx {
display: block;
position: relative;
width: 100%;
}
.iraf>.bx>.bximg {
display: block;
position: relative;
border-top: #a05e5e solid 4px;
}
.iraf>.bx>.bximg img {
width: 100%;
}
.iraf>.bx>.bxtxt {
display: block;
position: relative;
padding: 26px 22px;
font-family: 'db_helvethaica_x73_bdext';
}
.iraf>.bx>.bxtxt>.txth {
font-size: 30px;
color: #a05e5e;
padding: 0 0 16px;
transition: ease 0.5s;
}
.iraf>.bx>.bxtxt>.btn {
display: inline-block;
position: relative;
border: #585858 solid 2px;
color: #585858;
padding: 6px 26px;
transition: ease 0.5s;
}
.iraf:hover {
background: #a05e5e;
}
.iraf:hover>.bx>.bxtxt>.txth {
color: #ffffff;
}
.iraf:hover>.bx>.bxtxt>.btn {
border: #ffffff solid 2px;
color: #ffffff;
}
.bxirsearch {
display: block;
position: relative;
padding: 0 0 39px;
}
.bxirsearch>.tb {
display: table;
position: relative;
width: 100%;
}
.bxirsearch>.tb>.c1 {
display: table-cell;
position: relative;
width: 50%;
vertical-align: middle;
}
.bxirsearch>.tb>.c2 {
display: table-cell;
position: relative;
width: 50%;
vertical-align: middle;
text-align: right;
}
.bxirsearch>.tb>.c1>.bxsearch {
display: block;
position: relative;
width: 302px;
}
.bxirsearch>.tb>.c2>.bxselyear {
display: inline-block;
position: relative;
width: 138px;
}
#searchform {
display: block;
position: relative;
width: 100%;
}
#searchform input {
display: block;
position: relative;
background: rgba(255, 255, 255, 0.6);
padding: 0 12px;
width: 100%;
border: 0;
font-family: inherit;
font-size: 20px;
line-height: 32px;
border: #a0a0a0 solid 1px;
border-radius: 10px;
}
#searchform input[type=submit] {
display: block;
position: absolute;
width: 18px;
height: 18px;
border: none;
background: url(../../img/icon-search.png) no-repeat;
top: 50%;
margin-top: -9px;
right: 4px;
}
#selform .selected select {
font-family: inherit;
font-size: inherit;
color: #898989;
width: 115%;
background: transparent;
cursor: pointer;
padding: 4px 12px;
margin: 0;
text-align: left;
border: none;
}
#selform .selected option {
border: none !important;
font-family: inherit !important;
font-size: inherit;
}
#selform .selected {
display: block;
position: relative;
width: 138px;
overflow: hidden;
background: url(../../img/select.png) 96% no-repeat rgba(255, 255, 255, 0.6);
border-radius: 10px;
border: #a0a0a0 solid 1px;
}
.bxirform {
display: block;
position: relative;
}
.bxirform>.bxtb {
display: table;
position: relative;
width: 100%;
}
.bxirform .tr {
display: table-row;
height: 52px;
}
.bxirform>.bxtb>.cn {
display: table-cell;
position: relative;
width: 2%;
}
.irformbx {
display: table-cell;
position: relative;
width: 32%;
vertical-align: top;
border: #ccc solid 1px;
transition: ease 0.5s;
}
.irformbx.bgwhite {
background: rgba(241, 241, 241, 0.9);
border: none;
}
.irformbx>.bx {
display: block;
position: relative;
padding: 26px 22px 39px;
border-top: #a05e5e solid 4px;
font-family: 'db_helvethaica_x73_bdext';
}
.irformbx>.bx>.subj {
display: block;
position: relative;
color: #4d4d4d;
transition: ease 0.5s;
padding: 0 0 26px;
}
.irformbx>.bx>.date {
display: block;
position: relative;
font-family: 'db_helvethaica_x53_ext';
font-size: 18px;
color: #a05e5e;
transition: ease 0.5s;
padding: 0 0 32px;
}
.irformbx>.bx>.btn {
display: inline-block;
position: relative;
border: #585858 solid 2px;
color: #585858;
padding: 6px 26px;
transition: ease 0.5s;
transition: ease 0.5s;
}
.irformbx:hover {
background: #a05e5e;
border: #a05e5e solid 1px;
}
.irformbx.bgwhite:hover {
background: #a05e5e;
border: none;
}
.irformbx:hover>.bx>.subj {
color: #ffffff;
}
.irformbx:hover>.bx>.date {
color: #ffffff;
}
.irformbx:hover>.bx>.btn {
border: #ffffff solid 2px;
color: #ffffff;
}
.bxshareinfo-head {
display: block;
position: relative;
font-family: 'db_helvethaica_x73_bdext';
font-size: 30px;
color: #ee3d96;
padding: 0 0 20px;
}
.shareinfobx {
display: block;
position: relative;
}
.shareinfobx>.tb {
display: table;
position: relative;
width: 100%;
border-top: #ee3d96 solid 2px;
border-bottom: #ee3d96 solid 2px;
}
.shareinfobx>.tb>.tr {
display: table-row;
position: relative;
}
.shareinfobx>.tb>.tr.trhead {
background: #023f88;
color: #ffffff;
font-family: 'db_helvethaica_x73_bdext';
text-transform: uppercase;
height: 45px;
}
.shareinfobx>.tb>.tr>.c1 {
display: table-cell;
position: relative;
width: 12%;
vertical-align: top;
text-align: center;
}
.shareinfobx>.tb>.tr>.c2 {
display: table-cell;
position: relative;
vertical-align: top;
}
.shareinfobx>.tb>.tr>.c3 {
display: table-cell;
position: relative;
width: 18%;
vertical-align: top;
text-align: right;
}
.shareinfobx>.tb>.tr>.c4 {
display: table-cell;
position: relative;
width: 18%;
vertical-align: top;
text-align: center;
}
.shareinfobx>.tb>.tr.trhead>.c1,
.shareinfobx>.tb>.tr.trhead>.c2,
.shareinfobx>.tb>.tr.trhead>.c3,
.shareinfobx>.tb>.tr.trhead>.c4 {
vertical-align: middle;
border-bottom: none;
}
.shareinfobx>.tb>.tr>.c1,
.shareinfobx>.tb>.tr>.c2,
.shareinfobx>.tb>.tr>.c3,
.shareinfobx>.tb>.tr>.c4 {
border-bottom: #dcdcdc solid 1px;
}
.shareinfobx>.tb>.tr>.c1>.bx,
.shareinfobx>.tb>.tr>.c2>.bx,
.shareinfobx>.tb>.tr>.c3>.bx,
.shareinfobx>.tb>.tr>.c4>.bx {
padding: 10px 0;
}
.bxshareinfo-btm {
display: block;
position: relative;
padding: 20px 0;
}
.organizbx {
display: block;
position: relative;
background: url(../../img/bg-review.jpg);
border-bottom: #bfbfbf solid 1px;
}
.organizbxtop {
background: url(../../img/bg-imgtop.png) top left no-repeat;
}
.organizbxbtm {
background: url(../../img/bg-imgbtm.png) bottom right no-repeat;
}
.organizbximg {
display: block;
position: relative;
text-align: center;
padding: 112px 0;
}
.structurebxtop {
background: url(../../img/bg-imgtop.png) top left no-repeat #ffffff;
}
.structurebxbtm {
display: block;
position: relative;
background: url(../../img/bg-review.jpg);
border-bottom: #bfbfbf solid 1px;
}
.structurebxinner {
background: url(../../img/bg-imgbtm.png) bottom right no-repeat;
}
.bxirwhite {
display: block;
position: relative;
border-bottom: #bfbfbf solid 1px;
padding: 75px 0;
}
.bxirboardlist {
display: block;
position: relative;
}
.irboardbx {
display: block;
position: relative;
width: 28%;
float: left;
margin-right: 8%;
background: #023f88;
margin-bottom: 75px;
}
.irboardbx>.bximg {
display: block;
position: relative;
background: #304249;
text-align: center;
}
.irboardbx>.bxtxt {
display: block;
position: relative;
height: 115px;
font-family: 'db_helvethaica_x73_bdext';
}
.irboardbx>.bxtxt>.bx {
display: block;
position: relative;
padding: 13px 10px;
text-align: center;
color: #a05e5e;
}
.irboardbx>.bxtxt>.bx>.txth {
color: #ffffff;
font-size: 24px;
}
.bxircgtxttop {
display: block;
position: relative;
padding: 0 0 39px;
word-break: keep-all;
}
.bxircg {
display: block;
position: relative;
background: #f1f1f1;
border-top: #ee3d96 solid 2px;
border-bottom: #ee3d96 solid 2px;
padding: 0 20px;
margin-bottom: 52px;
}
.ircgbx {
display: block;
position: relative;
border-bottom: #ee3d96 solid 1px;
padding: 13px 26px;
}
.ircgbx>.tb {
display: table;
position: relative;
width: 100%;
}
.ircgbx>.tb>.c1 {
display: table-cell;
position: relative;
vertical-align: top;
width: 155px;
font-family: 'db_helvethaica_x73_bdext';
color: #ee3d96;
}
.ircgbx>.tb>.c2 {
display: table-cell;
position: relative;
vertical-align: top;
color: #4d4d4d;
transition: ease 0.5s;
}
.ircgbx:hover>.tb>.c2 {
color: #ee3d96;
}
.irexeu-txth {
display: block;
position: relative;
text-align: center;
font-family: 'db_helvethaica_x73_bdext';
color: #ee3d96;
font-size: 60px;
line-height: 46px;
padding: 0 0 39px;
}
.bxirgrey {
display: block;
position: relative;
background: #eeeeee;
}
.irbxtalktop {
display: block;
position: relative;
}
.irtalktb {
display: table;
position: relative;
width: 100%;
}
.irtalktb>.bxl {
display: table-cell;
position: relative;
width: 48%;
vertical-align: middle;
}
.irtalktb>.bxc {
display: table-cell;
position: relative;
width: 4%;
vertical-align: middle;
}
.irtalktb>.bxr {
display: table-cell;
position: relative;
width: 48%;
vertical-align: middle;
}
.irtalktb>.bxl>.bximg {
display: block;
position: relative;
width: 100%;
}
.irtalktb>.bxl>.bximg img {
width: 100%;
}
.irtalktb>.bxr>.bxtxt {
display: block;
position: relative;
color: #023f88;
font-size: 22px;
}
.irtalktb>.bxr>.bxtxt>.bxline {
display: block;
position: relative;
background: url(../../img/line-grey-x.jpg) top center repeat-x;
width: 80%;
margin: 0 auto;
text-align: center;
}
.irtalktb>.bxr>.bxtxt>.bxline>span {
display: inline-block;
position: relative;
font-family: 'db_helvethaica_x73_bdext';
color: #a05e5e;
font-size: 60px;
background: #eeeeee;
padding: 0px 18px;
line-height: 20px;
}
.irtalktb>.bxr>.bxtxt>.txt {
padding: 10px 0 26px;
}
.irbxtalkbtm {
display: block;
position: relative;
padding: 39px 0 0;
}
.bxpinkb {
font-family: 'db_helvethaica_x73_bdext';
color: #a05e5e;
}
a.btn-view {
display: inline-block;
position: relative;
border: #fff solid 2px;
color: #ffffff;
padding: 9px 20px;
transition: ease 0.5s;
}
a.btn-view:hover {
background: #585858;
border: #585858 solid 2px;
}
a.btn-viewall {
display: inline-block;
position: relative;
border: #fff solid 2px;
padding: 9px 20px;
text-align: center;
color: #ffffff;
transition: ease 0.5s;
font-family: 'db_helvethaica_x73_bdext';
}
a.btn-viewall:hover {
background: #585858;
border: #585858 solid 2px;
}
a.btn-viewall img {
vertical-align: middle;
margin-right: 6px;
}
a.btn-viewallpink {
display: inline-block;
position: relative;
font-size: 20px;
line-height: 20px;
padding: 10px 0;
text-align: center;
width: 181px;
color: #ffffff;
transition: ease 0.5s;
background: #a05e5e;
}
a.btn-viewallpink:hover {
background: #585858;
}
a.btn-viewallpink img {
vertical-align: middle;
margin-right: 6px;
}
a.btn-viewallpink.txtb {
width: 280px;
font-size: 22px;
}
a.btn-viewallpink.back {
width: 228px;
}
a.btn-viewallgray {
display: inline-block;
position: relative;
border: #4d4d4d solid 2px;
padding: 9px 20px;
text-align: center;
color: #4d4d4d;
transition: ease 0.5s;
font-family: 'db_helvethaica_x73_bdext';
}
a.btn-viewallgray:hover {
background: #4d4d4d;
border: #4d4d4d solid 2px;
color: #ffffff;
}
a.btn-viewpink {
display: inline-block;
position: relative;
font-size: 20px;
line-height: 20px;
padding: 10px 20px;
font-family: 'db_helvethaica_x73_bdext';
text-align: center;
color: #ffffff;
transition: ease 0.5s;
color: #a05e5e;
border: #a05e5e solid 2px;
}
a.btn-viewpink:hover {
background: #585858;
border: #585858 solid 2px;
color: #ffffff;
}
.bbcolor {
border-bottom: #bfbfbf solid 1px;
}
.mrnone {
margin-right: 0px !important;
}
.bbnone {
border-bottom: none !important;
}
.pbnone {
padding-bottom: 0px;
}
.txt-center {
text-align: center;
}
.txt-left {
text-align: left;
}
.txt-right {
text-align: right;
}
/*-----------------------------------------------------------------------------------*/
/* Cookie
/*-----------------------------------------------------------------------------------*/
.cover-cookie-card {
background-color: #f1f1f1;
left: 0px;
right: 0px;
bottom: 0px;
border-radius: 5px;
align-items: center;
flex-direction: row;
margin: 0.8em;
padding: 1.1em;
/* border-width: 1px;
border-style: solid; */
box-sizing: border-box;
display: flex;
flex-wrap: nowrap;
font-family: 'Roboto', 'Prompt', sans-serif;
line-height: 29px !important;
color: #000;
overflow: hidden;
position: fixed;
transition: opacity 1s ease 0s;
z-index: 9999;
font-weight: 300;
font-size: 16px;
box-shadow: -4px 3px 10px 0px rgb(68 68 68 / 21%);
}
.cookie-card-pic {
width: 130px;
height: auto;
margin-left: 15px;
}
.cover-cookie-card span.t1 {
display: block;
flex: 1 1 auto;
margin-right: 1em;
max-width: 100%;
line-height: 1.5;
margin-left: 15px;
}
.cover-cookie-card span.t1 a {
color: #a05e5e;
transition: 0.25s;
font-weight: 500;
text-decoration: none;
font-size: 16px;
}
.cover-cookie-card span.t1 a:hover {
color: #a05e5e;
transition: 0.25s;
}
.bt-accept-cookie a.accept {
font-family: 'Roboto', 'Prompt', sans-serif;
font-weight: normal;
line-height: 29px !important;
font-size: 17px;
color: #ffffff;
background-color: #a05e5e;
padding: 10.5px 50px;
height: 45px;
margin-right: 20px;
transition: 0.25s;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-decoration: none;
}
.bt-accept-cookie a.accept:hover {
background-color: #e2c6bd;
color: #a05e5e;
transition: 0.25s;
}
.bt-accept-cookie a.accept:active,
.bt-accept-cookie a.accept:focus {
outline: none;
border: none;
}
/* cookies policy */
.a-cookies-policy {
color: #a05e5e !important;
transition: 0.25s;
}
.a-cookies-policy:hover {
color: #a05e5e;
transition: 0.25s;
}
@media (max-width: 1285px) {
#bxinner {
top: 30px;
}
}
@media (max-width: 1024px) {
.topbar {
padding: 15px 0 15px 0!important;
}
.topbar.topbar_sub2 {
padding: 0px 0 0px 0!important;
}
}
@media (max-width: 991px) {
.topbar_sub2 .bxlang a {
top: -15px!important;
}
.topbar.topbar_sub2 {
padding: 15px 0px !important;
}
.c3.sub-mob {
top: -15px;
}
}
@media (max-width: 767px) {
.cover-cookie-card {
display: block;
}
.cover-cookie-card span.t1 {
display: inline-block;
flex: 1 1 auto;
margin-right: 1em;
max-width: 61%;
line-height: 1.5;
margin-left: 0px;
float: left;
font-size: 15px;
}
.cookie-card-pic {
width: 110px;
height: auto;
display: block;
}
.cookie-card-pic {
margin-bottom: 10px;
margin-top: 0px;
}
}
@media (max-width: 545px) {
.cover-cookie-card span.t1 {
max-width: 100%;
padding-right: 0px;
margin-bottom: 15px;
}
}
@media (max-width: 426px) {
.cover-cookie-card {
padding: 15px 0px 20px 5px;
}
.cookie-card-pic {
margin: auto;
width: 80px;
margin-bottom: 10px;
}
.cover-cookie-card span.t1 {
max-width: 100%;
margin-bottom: 15px;
text-align: center;
margin-right: 0px;
padding: 3px 15px 3px 15px;
font-size: 14px;
}
.bt-accept-cookie {
text-align: center;
}
.bt-accept-cookie a.accept {
margin-right: 0px;
font-size: 14px;
}
}
#sub-cookies_policy {
margin-bottom: 60px;
}
#sub-cookies_policy .section-text-head.sub .text-2 {
text-align: left;
line-height: 1.5;
font-size: 24px;
color: #a05e5e;
}
#sub-cookies_policy .section-text-head .text-2 span {
color: #ffffff;
}
#sub-cookies_policy .text-sub-p.b {
margin-top: 30px;
margin-bottom: 6px;
}
#sub-cookies_policy .text-sub-p.b b {
color: #a05e5e;
}
#sub-cookies_policy .text-sub-p b {
color: #ffffff;
}
#sub-cookies_policy dl dt {
float: left;
}
#sub-cookies_policy dl dd {
padding-left: 80px;
}