.a11, .a12, .a21, .a31, .a34, .a43, .a35, .a53, .a23, .a32, .a54 { position: relative; display: inline-block; vertical-align: top; }
.img-circle.col-1,
.img-circle.col-2,
.img-circle.col-3,
.img-circle.col-4,
.img-circle.col-5,
.img-circle.col-6,
.img-circle.col-7,
.img-circle.col-8,
.img-circle.col-9,
.img-circle.col-10,
.img-circle.col-11,
.img-circle.col-12,
.img-circle.Col-1,
.img-circle.Col-2,
.img-circle.Col-3,
.img-circle.Col-4,
.img-circle.Col-5,
.img-circle.Col-6,
.img-circle.Col-7,
.img-circle.Col-8,
.img-circle.Col-9,
.img-circle.Col-10,
.img-circle.Col-11,
.img-circle.Col-12 { border-radius: 0% !important; }
.img-circle.Inside, .img-circle.Inside img{ border-radius: 50% !important; }
.PBox { position: relative; width: 100%; height: 100%; padding-top: 0!important; padding-bottom: 0px!important; }
.Inside {
width: 100%; margin: 0; height: 0; text-align: left; transition: all 0.8s; -webkit-transition: all 0.8s; -webkit-box-align: center; -webkit-box-pack: center; background-size: cover !important;
}
.Inside.size {
background-size: contain !important;
}
.Inside.originalSize {
background-size: auto !important;
}
.Inside:not(.size):not(.originalSize) img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
transition: all 0.8s;
}
.Inside.size img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: contain;
}
.Inside.originalSize img {
display: none;
}
.Inside img {
z-index: 1 ;
}
.img-text-group {
z-index: 3;
}
.effect-1 .Inside::before, .effect-2 .Inside::before {
content:"";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0,0,0,.35);
}
.effect-1 .Inside img {
top: 2.4% !important;
left: 2.4% !important;
box-shadow: 15px 15px 15px -15px rgba(var(--side_menu));
}
.Col-1.effect-1 .Inside img {
top: 8% !important;
left: 8% !important;
box-shadow: 50px 50px 50px -50px rgba(var(--side_menu));
}
.Col-2.effect-1 .Inside img {
top: 4.8% !important;
left: 4.8px !important;
box-shadow: 30px 30px 30px -30px rgba(var(--side_menu));
}
.effect-1 .Inside.size img {
box-shadow: none;
filter: drop-shadow(10px 10px 20px rgba(var(--side_menu)));
}
.Col-1.effect-1 .Inside.size img {
box-shadow: none;
filter: drop-shadow(10px 10px 20px rgba(var(--side_menu)));
}
.Col-2.effect-1 .Inside.size img {
box-shadow: none;
filter: drop-shadow(10px 10px 20px rgba(var(--side_menu)));
}
.effect-2 .Inside img {
top: 2.4% !important;
left: -2.4% !important;
}
.Col-1.effect-2 .Inside img {
top: 8% !important;
left: -8% !important;
}
.Col-2.effect-2 .Inside img {
top: 4.8% !important;
left: -4.8% !important;
}
.effect-2 .Inside:not(.size) img {
box-shadow: -15px 15px 15px -15px rgba(var(--side_menu));
}
.Col-1.effect-2 .Inside:not(.size) img{
box-shadow: -50px 50px 50px -50px rgba(var(--side_menu));
}
.Col-2.effect-2 .Inside:not(.size) img{
box-shadow: -30px 30px 30px -30px rgba(var(--side_menu));
}
.effect-2 .Inside.size img {
box-shadow: none;
filter: drop-shadow(-10px -10px 10px rgba(var(--side_menu)));
}
.Col-1.effect-2 .Inside.size img {
box-shadow: none;
filter: drop-shadow(-10px -10px 20px rgba(var(--side_menu)));
}
.Col-2.effect-2 .Inside.size img {
box-shadow: none;
filter: drop-shadow(-10px -10px 20px rgba(var(--side_menu)));
}
img.effect-3 {
box-shadow: 15px 15px rgba(var(--side_menu));
}
.effect-3 .Inside img {
top: 0 !important;
left: 0 !important;
box-shadow: 15px 15px rgba(var(--side_menu));
}
.Col-1.effect-3 .Inside img {
top: 0 !important;
left: 0 !important;
box-shadow: 50px 50px rgba(var(--side_menu));
}
.Col-2.effect-3 .Inside img {
top: 0 !important;
left: 0 !important;
box-shadow: 30px 30px rgba(var(--side_menu));
}
.effect-3 .Inside.size img {
box-shadow: none;
filter: drop-shadow(15px 15px rgba(var(--side_menu)));
}
.Col-1.effect-3 .Inside.size img {
box-shadow: none;
filter: drop-shadow(50px 50px rgba(var(--side_menu)));
}
.Col-2.effect-3 .Inside.size img {
box-shadow: none;
filter: drop-shadow(30px 30px rgba(var(--side_menu)));
}
img.effect-4 {
box-shadow: -15px 15px rgba(var(--side_menu));
}
.effect-4 .Inside img {
top: 0 !important;
left: 0 !important;
box-shadow: -15px 15px rgba(var(--side_menu));
}
.Col-1.effect-4 .Inside img {
top: 0 !important;
left: 0 !important;
box-shadow: -50px 50px rgba(var(--side_menu));
}
.Col-2.effect-4 .Inside img {
top: 0 !important;
left: 0 !important;
box-shadow: -30px 30px rgba(var(--side_menu));
}
.effect-4 .Inside.size img {
box-shadow: none;
filter: drop-shadow(-15px 15px rgba(var(--side_menu)));
}
.Col-1.effect-4 .Inside.size img {
box-shadow: none;
filter: drop-shadow(-50px 50px rgba(var(--side_menu)));
}
.Col-2.effect-4 .Inside.size img {
box-shadow: none;
filter: drop-shadow(-30px 30px rgba(var(--side_menu)));
}
.img-square .Inside.foreground::before,
.img-circle .Inside.foreground::before {
content:"";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(60, 64, 7,.35) !important;
background-color: rgba(60, 64, 79,.35) !important;
pointer-events: none; /* ç¡®ä¿å‰æ™¯è‰²ä¸ä¼šå¹²æ‰°ç”¨æˆ·äº¤äº’ */
z-index: 2;
transition: all .5s ease;
}
.img-square:hover .Inside.foreground::before,
.img-circle:hover .Inside.foreground::before {
content:"";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: none !important;
background-color: none !important;
pointer-events: none;
z-index: 2;
}
.img-square .Inside.foreground1::before,
.img-circle .Inside.foreground1::before {
content:"";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: none !important;
background-color: none !important;
pointer-events: none;
z-index: 2;
transition: all .5s ease;
}
.img-square:hover .Inside.foreground1::before,
.img-circle:hover .Inside.foreground1::before {
content:"";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(60, 64, 7,.35) !important;
background-color: rgba(60, 64, 79,.35) !important;
pointer-events: none;
z-index: 2;
}
.filterPNG img, .Black .filterPNG img, img.filterPNG {
filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.5)) !important;
}
.White .filterPNG img, .White img.filterPNG {
filter: drop-shadow(2px 2px 2px #fff) !important;
}
.shadow.img-square .Inside::before,
.shadow.img-square .Inside::after {
content:"";
}
.shadow.img-circle .Inside {
box-shadow: 10px 5px 10px -10px rgba(0,0,0,.5);
}
.shadow.img-square .Inside {
box-shadow: 2px 2px 8px rgba(0,0,0,.3), -2px -2px 8px rgba(0,0,0,.25) ;
}
.shadow.img-square.w50 .Inside {
box-shadow: 2px 2px 5px rgba(0,0,0,.3) , 0 -10px 12px -9px rgba(0,0,0,.3) inset;
}
.shadow.img-square.opaque:not(.w50):not(.w50C):not(.w50L) .img-text-group {
box-shadow: 2px 2px 8px rgba(0,0,0,.3) , 0 -10px 12px -9px rgba(0,0,0,.3) inset;
}
.shadow.img-square.opaque:not(.w50):not(.w50C):not(.w50L):not(.slide) .img-text-group::before {
content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: -2px -2px 8px rgba(0,0,0,.25);
}
.shadow.img-square.radius.opaque:not(.w50):not(.w50C):not(.w50L):not(.slide) .img-text-group::before { border-radius: 0 0 10px 10px; }
.shadow.img-square.w50C.opaque .img-text-group {
box-shadow: 2px 2px 8px rgba(0,0,0,.3), -2px -2px 8px rgba(0,0,0,.25) ;
}
.slide .img-text-group {
box-shadow:none !important;
}
.indent > div {
text-indent: 2em;
}
.img-square.radius,
.img-square.radius .Inside,
.img-square.radius .Inside img { border-radius: 10px !important; }
.img-square.radius.opaque:not(.w50):not(.w50C):not(.w50L) .Inside,
.img-square.radius.opaque:not(.w50):not(.w50C):not(.w50L) .Inside img{ border-radius: 10px 10px 0 0 !important; }
.img-square.radius.opaque:not(.w50):not(.w50C):not(.w50L) .img-text-group { border-radius: 0 0 10px 10px; }
.img-square.radius:not(.effect-1):not(.effect-2):not(.effect-3):not(.effect-4):not(.shadow),
.img-square.radius:not(.effect-1):not(.effect-2):not(.effect-3):not(.effect-4) .Inside,
.img-square.radius:not(.effect-1):not(.effect-2):not(.effect-3):not(.effect-4) .Inside img { overflow: hidden; }
.radiusTable { border-radius: 10px !important; }
.Inside.a11 { padding-bottom: 100%; display: block; }
.Inside.a12 { padding-bottom: calc( 100% / 1 * 2 ); display: block;}
.Inside.a21 { padding-bottom: calc( 100% / 2 * 1 ); display: block;}
.Inside.a23 { padding-bottom: calc( 100% / 2 * 3 ); display: block;}
.Inside.a31 { padding-bottom: calc( 100% / 3 * 1 ); display: block;}
.Inside.a32 { padding-bottom: calc( 100% / 3 * 2 ); display: block;}
.Inside.a34 { padding-bottom: calc( 100% / 3 * 4 ); display: block;}
.Inside.a43 { padding-bottom: calc( 100% / 4 * 3 ); display: block;}
.Inside.a35 { padding-bottom: calc( 100% / 3 * 5 ); display: block;}
.Inside.a53 { padding-bottom: calc( 100% / 5 * 3 ); display: block;}
.Inside.a54 { padding-bottom: calc( 100% / 5 * 4 ); display: block;}
.Inside.a32 { padding-bottom: calc( 100% / 3 * 2 ); display: block;}
.Inside.a23 { padding-bottom: calc( 100% / 2 * 3 ); display: block;}
.pd-00 { padding: 0;}
.pd-99 { padding: 0 0.5%;}
.pd-01 { padding: 0 1%;}
.pd-02 { padding: 0 2%;}
.pd-03 { padding: 0 3%;}
.pd-04 { padding: 0 4%;}
.pd-05 { padding: 0 5%;}
.pd-06 { padding: 0 6%;}
.pd-07 { padding: 0 7%;}
.pd-08 { padding: 0 8%;}
.pd-09 { padding: 0 9%;}
.pd-10 { padding: 0 10%;}
.pd-12 { padding: 0 12%;}
.pd-14 { padding: 0 14%;}
.pd-16 { padding: 0 16%;}
.pd-18 { padding: 0 18%;}
.pd-20 { padding: 0 20%;}
.pd-25 { padding: 0 25%;}
.pd-30 { padding: 0 30%;}
.Col-1 { width: 100%; }
.Col-2 { width: 50%;}
.Col-3 { width: 33.3333%; }
.Col-4 { width: 25%; }
.Col-5 { width: 20%; }
.Col-6 { width: 16.6667%; }
.Col-7 { width: 14.2857%; }
.Col-8 { width: 12.5%; }
.Col-9 { width: 11.1111%; }
.Col-10 { width: 10%; }
.Col-11 { width: 9.0909%; }
.Col-12 { width: 8.3333%; }
.Col-2[data-column='1'],
.Col-3[data-column='1'],
.Col-4[data-column='1'],
.Col-5[data-column='1'],
.Col-6[data-column='1'],
.Col-7[data-column='1'],
.Col-8[data-column='1'],
.Col-9[data-column='1'],
.Col-10[data-column='1'],
.Col-11[data-column='1'],
.Col-12[data-column='1'] { width: 100%; }
.Col-3[data-column='2'],
.Col-4[data-column='2'],
.Col-5[data-column='2'],
.Col-6[data-column='2'],
.Col-7[data-column='2'],
.Col-8[data-column='2'],
.Col-9[data-column='2'],
.Col-10[data-column='2'],
.Col-11[data-column='2'],
.Col-12[data-column='2'] { width: 50%; }
.Col-4[data-column='3'],
.Col-5[data-column='3'],
.Col-6[data-column='3'],
.Col-7[data-column='3'],
.Col-8[data-column='3'],
.Col-9[data-column='3'],
.Col-10[data-column='3'],
.Col-11[data-column='3'],
.Col-12[data-column='3'] { width: 33.3333%; }
.Col-5[data-column='4'],
.Col-6[data-column='4'],
.Col-7[data-column='4'],
.Col-8[data-column='4'],
.Col-9[data-column='4'],
.Col-10[data-column='4'],
.Col-11[data-column='4'],
.Col-12[data-column='4'] { width: 25%; }
.Col-6[data-column='5'],
.Col-7[data-column='5'],
.Col-8[data-column='5'],
.Col-9[data-column='5'],
.Col-10[data-column='5'],
.Col-11[data-column='5'],
.Col-12[data-column='5'] { width: 20%; }
.Col-7[data-column='6'],
.Col-8[data-column='6'],
.Col-9[data-column='6'],
.Col-10[data-column='6'],
.Col-11[data-column='6'],
.Col-12[data-column='6'] { width: 16.6667%; }
.Col-8[data-column='7'],
.Col-9[data-column='7'],
.Col-10[data-column='7'],
.Col-11[data-column='7'],
.Col-12[data-column='7'] { width: 4.2857%; }
.Col-9[data-column='8'],
.Col-10[data-column='8'],
.Col-11[data-column='8'],
.Col-12[data-column='8'] { width: 12.5%; }
.Col-10[data-column='9'],
.Col-11[data-column='9'],
.Col-12[data-column='9'] { width: 12.5%; }
.Col-11[data-column='10'],
.Col-12[data-column='10'] { width: 10%; }
.Col-12[data-column='11'] { width: 9.0909%; }
.Col-2[data-column='1'] .PBox{ padding: 25%;}
.Col-3[data-column='1'] .PBox{ padding: 33.33%;}
.Col-3[data-column='2'] .PBox{ padding: 16.67%;}
.Col-4[data-column='1'] .PBox{ padding: 37.5%;}
.Col-4[data-column='2'] .PBox{ padding: 25%;}
.Col-4[data-column='3'] .PBox{ padding: 12.5%;}
.Col-5[data-column='1'] .PBox{ padding: 40%;}
.Col-5[data-column='2'] .PBox{ padding: 30%;}
.Col-5[data-column='3'] .PBox{ padding: 20%;}
.Col-5[data-column='4'] .PBox{ padding: 10%;}
.Col-6[data-column='1'] .PBox{ padding: 41.67%;}
.Col-6[data-column='2'] .PBox{ padding: 33.33%;}
.Col-6[data-column='3'] .PBox{ padding: 25%;}
.Col-6[data-column='4'] .PBox{ padding: 16.67%;}
.Col-6[data-column='5'] .PBox{ padding: 8.33%;}
.Col-7[data-column='1'] .PBox{ padding: 42.86%;}
.Col-7[data-column='2'] .PBox{ padding: 35.71%;}
.Col-7[data-column='3'] .PBox{ padding: 28.57%;}
.Col-7[data-column='4'] .PBox{ padding: 21.43%;}
.Col-7[data-column='5'] .PBox{ padding: 14.29%;}
.Col-7[data-column='6'] .PBox{ padding: 7.14%;}
.Col-8[data-column='1'] .PBox{ padding: 43.75%;}
.Col-8[data-column='2'] .PBox{ padding: 37.5%;}
.Col-8[data-column='3'] .PBox{ padding: 31.25%;}
.Col-8[data-column='4'] .PBox{ padding: 25%;}
.Col-8[data-column='5'] .PBox{ padding: 18.75%;}
.Col-8[data-column='6'] .PBox{ padding: 12.5%;}
.Col-8[data-column='7'] .PBox{ padding: 6.25%;}
.Col-9[data-column='1'] .PBox{ padding: calc( (100% - 11.1111%) * 1 /2 )}
.Col-9[data-column='2'] .PBox{ padding: calc( (50% - 11.1111%) * 2 /2 )}
.Col-9[data-column='3'] .PBox{ padding: calc( (33.33% - 11.1111%) * 3 /2 )}
.Col-9[data-column='4'] .PBox{ padding: calc( (25% - 11.1111%) * 4 /2 )}
.Col-9[data-column='5'] .PBox{ padding: calc( (20% - 11.1111%) * 5 /2 )}
.Col-9[data-column='6'] .PBox{ padding: calc( (16.6667% - 11.1111%) * 6 /2 )}
.Col-9[data-column='7'] .PBox{ padding: calc( (14.2857% - 11.1111%) * 7 /2 )}
.Col-9[data-column='8'] .PBox{ padding: calc( (12.5% - 11.1111%) * 8 /2 )}
.Col-10[data-column='1'] .PBox{ padding: calc( (100% - 10%) * 1 /2 )}
.Col-10[data-column='2'] .PBox{ padding: calc( (50% - 10%) * 2 /2 )}
.Col-10[data-column='3'] .PBox{ padding: calc( (33.33% - 10%) * 3 /2 )}
.Col-10[data-column='4'] .PBox{ padding: calc( (25% - 10%) * 4 /2 )}
.Col-10[data-column='5'] .PBox{ padding: calc( (20% - 10%) * 5 /2 )}
.Col-10[data-column='6'] .PBox{ padding: calc( (16.6667% - 10%) * 6 /2 )}
.Col-10[data-column='7'] .PBox{ padding: calc( (14.2857% - 10%) * 7 /2 )}
.Col-10[data-column='8'] .PBox{ padding: calc( (12.5% - 10%) * 8 /2 )}
.Col-10[data-column='9'] .PBox{ padding: calc( (11.1111% - 10%) * 9 /2 )}
.Col-11[data-column='1'] .PBox{ padding: calc( (100% - 9.0909%) * 1 /2 )}
.Col-11[data-column='2'] .PBox{ padding: calc( (50% - 9.0909%) * 2 /2 )}
.Col-11[data-column='3'] .PBox{ padding: calc( (33.33% - 9.0909%) * 3 /2 )}
.Col-11[data-column='4'] .PBox{ padding: calc( (25% - 9.0909%) * 4 /2 )}
.Col-11[data-column='5'] .PBox{ padding: calc( (20% - 9.0909%) * 5 /2 )}
.Col-11[data-column='6'] .PBox{ padding: calc( (16.6667% - 9.0909%) * 6 /2 )}
.Col-11[data-column='7'] .PBox{ padding: calc( (14.2857% - 9.0909%) * 7 /2 )}
.Col-11[data-column='8'] .PBox{ padding: calc( (12.5% - 9.0909%) * 8 /2 )}
.Col-11[data-column='9'] .PBox{ padding: calc( (11.1111% - 9.0909%) * 9 /2 )}
.Col-11[data-column='10'] .PBox{ padding: calc( (10% - 9.0909%) * 10 /2 )}
.Col-12[data-column='1'] .PBox{ padding: calc( (100% - 8.3333%) * 1 /2 )}
.Col-12[data-column='2'] .PBox{ padding: calc( (50% - 8.3333%) * 2 /2 )}
.Col-12[data-column='3'] .PBox{ padding: calc( (33.33% - 8.3333%) * 3 /2 )}
.Col-12[data-column='4'] .PBox{ padding: calc( (25% - 8.3333%) * 4 /2 )}
.Col-12[data-column='5'] .PBox{ padding: calc( (20% - 8.3333%) * 5 /2 )}
.Col-12[data-column='6'] .PBox{ padding: calc( (16.6667% - 8.3333%) * 6 /2 )}
.Col-12[data-column='7'] .PBox{ padding: calc( (14.2857% - 8.3333%) * 7 /2 )}
.Col-12[data-column='8'] .PBox{ padding: calc( (12.5% - 8.3333%) * 8 /2 )}
.Col-12[data-column='9'] .PBox{ padding: calc( (11.1111% - 8.3333%) * 9 /2 )}
.Col-12[data-column='10'] .PBox{ padding: calc( (10% - 8.3333%) * 10 /2 )}
.Col-12[data-column='11'] .PBox{ padding: calc( (9.0909% - 8.3333%) * 11 /2 )}
.Col-1.w50 { width: 100% !important; }
.Col-2.w50 { width: 50% !important; }
.Col-3.w50 { width: 33.3333% !important; }
.Col-4.w50 { width: 25% !important; }
.Col-5.w50 { width: 20% !important; }
.Col-6.w50 { width: 16.6667% !important; }
.Col-7.w50 { width: 14.2857% !important; }
.Col-8.w50 { width: 12.5% !important; }
.Col-9.w50 { width: 11.1111% !important; }
.Col-10.w50 { width: 10% !important; }
.Col-11.w50 { width: 9.0909% !important; }
.Col-12.w50 { width: 8.3333% !important; }
.img-text-group {
position: relative; font-size: 17px; text-align: left; overflow: hidden;
}
.img-text-group .img-text{
font-size: 17px;
}
.w50 .img-text-group, .w50C .img-text-group, .w50L .img-text-group {
width: fit-content ;
}
.w50T .img-text-group {
position: absolute; top: 0; left: 0; min-height: 40%; transform: translate(0,0); text-align: left; color: #fff; text-shadow: 1px 1px 2px #333;
}
.w50C .img-text-group {
position: absolute; top: 50%; left: 50%;transform: translate(-50%,-50%); text-align: left; margin: 0 auto !important; color: #fff; text-shadow: 1px 1px 2px #333;
}
.w50C .img-text-group a:not(.btn) {
color: #fff; text-shadow: 1px 1px 2px #333;
}
.opaque.w50C .img-text-group {
min-width: 200px; border: 0x solid rgba(255,255,255,.5); color: #fff; text-shadow: none; display:inline-block !important;
}
.opaque.w50C .img-text-group a:not(.btn){
color: #fff; text-shadow: none;
}
.opaque .img-text-group a:not(.btn) {
color: #444;
}
.opaqueR .img-text-group {
border-radius: 12px;
}
.ContenBG .White .img-circle:not(.opaque) .img-text-group,
.ContenBG .White .img-circle:not(.opaque) .img-text-group a:not(.btn),
.ContenBG .White .img-square:not(.opaque) .img-text-group,
.ContenBG .White .img-square:not(.opaque) .img-text-group a:not(.btn){
color: #fff;
}
.img-circle .img-text-group {
text-align: center;
}
.img-circle .img-text-group {
margin-top: 15px;
}
.w50 .PBox,
.w50 .img-text-group { width:50% !important; display: inline-block !important; vertical-align: middle !important; margin: 0;}
.w50.w50L .PBox { float: right; }
.w50.w50L .img-text-group { float: left; position: absolute; top: 50%; left: 0%; transform: translate(0%, -50%); }
.w50- { display: flex; display: -ms-flexbox; -ms-flex-align: center; align-items: center; margin: 0 auto !important; justify-content: center; }
.w50- .PBox, .w50- .img-text-group { flex: 50%; !important; }
.w50- .PBox { order:1; vertical-align: middle !important; }
.w50- .img-text-group { order:2 ; vertical-align: middle !important; }
.w50-.w50L .PBox { order:2; vertical-align: middle !important; }
.ww50-50.w50L .img-text-group { order:1 ; vertical-align: middle !important; }
.w50.a11,
.w50.a12,
.w50.a21,
.w50.a31,
.w50.a34,
.w50.a43,
.w50.a35,
.w50.a53,
.w50.a32,
.w50.a23 { vertical-align: middle !important; }
.slide .w50 .PBox,
.slide .w50 .img-text-group { width: 100% !important; display: block !important; vertical-align: top !important;}
.slide .w50.a11,
.slide .w50.a12,
.slide .w50.a21,
.slide .w50.a31,
.slide .w50.a34,
.slide .w50.a43,
.slide .w50.a35,
.slide .w50.a53,
.slide .w50.a32,
.slide .w50.a23 { vertical-align: top !important; }
.img-text nav {
letter-spacing: 2px;
text-align: center;
margin: 0 auto;
}
.img-text nav:not(.border) > div > div {
line-height: 1.2; margin-bottom: 0rem;
}
.img-text nav.border > div {
position: relative; display: inline-block; padding: 0 50px;
}
.img-text nav.border > div::before, .img-text nav.border > div::after,
.img-text nav.border.White > div::before, .img-text nav.border.White > div::after,
.W .img-text nav.border > div::before, .W .img-text nav.border > div::after {
content: "";
position: absolute;
width: 200px;
height: 1px;
transition: all .5s 1.5s ease-in-out;
}
.waypoint-animation .img-text nav.border > div::before, .waypoint-animation .img-text nav.border > div::after,
.waypoint-animation .img-text nav.border.White > div::before, .waypoint-animation .img-text nav.border.White > div::after,
.waypoint-animation .W .img-text nav.border > div::before, .waypoint-animation .W .img-text nav.border > div::after {
width: 0px;
}
.img-text nav.border > div::before, .img-text nav.border.Black > div::before {
top: 50%;
left: 0;
transform: translate(-100%, -50%);
background: #000 !important;
}
.img-text nav.border > div::after, .img-text nav.border.Black > div::after {
top: 50%;
right: 0;
transform: translate(100%, -50%);
background: #000 !important;
}
.img-text nav.border.White > div::before,
.img-text nav.border.White > div::after,
.White .img-text nav.border:not(.Black) > div::before ,
.White .img-text nav.border:not(.Black) > div::after {
background: #fff !important;
}
.img-text nav.border.Black > div::before,
.img-text nav.border.Black > div::after,
.Black .img-text nav.border:not(.White) > div::before ,
.Black .img-text nav.border:not(.White) > div::after {
background: #000 !important;
}
.W .img-text nav.border > div::before ,
.W .img-text nav.border > div::after {
background: var( --newsBorde_32 ) !important;
}
.img-text nav.border.warning > div::before,
.img-text nav.border.warning > div::after {
background: #ffc107; !important;
}
.img-text nav.border.danger > div::before,
.img-text nav.border.danger > div::after {
background: #dc3545; !important;
}
.img-text nav.border.info > div::before,
.img-text nav.border.info > div::after {
background: #17a2b8; !important;
}
.img-text nav.border.primary > div::before,
.img-text nav.border.primary > div::after {
background: #007bff; !important;
}
.img-text nav.border.success > div::before,
.img-text nav.border.success > div::after {
background: #28a745; !important;
}
.load .img-text nav.border > div::before, .load .img-text nav.border > div::after,
.load .img-text nav.border.White > div::before, .load .img-text nav.border.White > div::after,
.load .W .img-text nav.border > div::before, .load .W .img-text nav.border > div::after {
width: 160px;
}
@keyframes img-text-line {
0% {
width: 0px;
}
100% {
width: 250px
}
}
.img-text-- nav.border {
display: flex;
flex-direction: row;
width: 75%;
}
.img-text-- nav.border:before,.img-text-- nav.border:after {
content: "";
flex: 1 1;
margin: auto;
height: 1px;
background:rgba(0,0,0,.35) !important;
}
.White .img-text-- nav.border:before, .White .img-text-- nav.border:after,
.img-text-- nav.border.White:before, .img-text-- nav.border.White:after {
border-bottom: 1px solid rgba(0,0,0,.35) !important;
}
.W .img-text-- nav.border:before, .W .img-text-- nav.border:after {
background: var( --fontColor ) !important;;mix-blend-mode: difference;
}
.img-text h4 {
display: flex;
flex-direction: row;
width: 60%;
margin: 0 auto;
text-align: center;
}
.img-text h4:before,.img-text h4:after {
content: "";
flex: 1 1;
margin: auto;
border-bottom: 1px solid #686868;
}
.img-text h4 > span {
padding: 0 10px; display: inline-block;
}
.White .img-text h4:before, .White .img-text h4:after {
border-bottom: 1px solid #bbb;
}
.W .img-text h4:before, .W .img-text h4:after {
border-bottom: 1px solid var( --fontColor );
}
.row.split {
margin-right: 0 !important;
margin-left: 0 !important;
}
.row.split > div:not(.pd-range) {
padding-right: 0 !important;
padding-left: 0 !important;
}
.sp.shadowT {
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3) ;
}
.sp.shadowInset {
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3), 0 -2px 10px -6px rgba(0, 0, 0, 1) inset ;
}
.img-text-group.txt-pd-01:not(.pd-range) { padding: 1% !important;}
.img-text-group.txt-pd-02:not(.pd-range) { padding: 2% !important;}
.img-text-group.txt-pd-03:not(.pd-range) { padding: 3% !important;}
.img-text-group.txt-pd-04:not(.pd-range) { padding: 4% !important;}
.img-text-group.txt-pd-05:not(.pd-range) { padding: 5% !important;}
.img-text-group.txt-pd-06:not(.pd-range) { padding: 6% !important;}
.img-text-group.txt-pd-07:not(.pd-range) { padding: 7% !important;}
.img-text-group.txt-pd-08:not(.pd-range) { padding: 8% !important;}
.img-text-group.txt-pd-09:not(.pd-range) { padding: 9% !important;}
.img-text-group.txt-pd-10:not(.pd-range) { padding: 10% !important;}
.img-text-group.txt-pd-12:not(.pd-range) { padding: 12% !important;}
.img-text-group.txt-pd-14:not(.pd-range) { padding: 14% !important;}
.img-text-group.txt-pd-16:not(.pd-range) { padding: 16% !important;}
.img-text-group.txt-pd-18:not(.pd-range) { padding: 18% !important;}
.img-text-group.txt-pd-20:not(.pd-range) { padding: 20% !important;}
.img-text-group.txt-pd-25:not(.pd-range) { padding: 25% !important;}
.img-text-group.txt-pd-30:not(.pd-range) { padding: 30% !important;}
.row.split.txt-pd-01:not(.pd-range)>.sp { padding-right: 1% !important; padding-bottom: 1% !important; }
.row.split.txt-pd-02:not(.pd-range)>.sp { padding-right: 2% !important; padding-bottom: 2% !important; }
.row.split.txt-pd-03:not(.pd-range)>.sp { padding-right: 3% !important; padding-bottom: 3% !important; }
.row.split.txt-pd-04:not(.pd-range)>.sp { padding-right: 4% !important; padding-bottom: 4% !important; }
.row.split.txt-pd-05:not(.pd-range)>.sp { padding-right: 5% !important; padding-bottom: 5% !important; }
.row.split.txt-pd-06:not(.pd-range)>.sp { padding-right: 6% !important; padding-bottom: 6% !important; }
.row.split.txt-pd-07:not(.pd-range)>.sp { padding-right: 7% !important; padding-bottom: 7% !important; }
.row.split.txt-pd-08:not(.pd-range)>.sp { padding-right: 8% !important; padding-bottom: 8% !important; }
.row.split.txt-pd-09:not(.pd-range)>.sp { padding-right: 9% !important; padding-bottom: 9% !important; }
.row.split.txt-pd-10:not(.pd-range)>.sp { padding-right: 10% !important; padding-bottom: 10% !important; }
.row.split.txt-pd-12:not(.pd-range)>.sp { padding-right: 12% !important; padding-bottom: 12% !important; }
.row.split.txt-pd-14:not(.pd-range)>.sp { padding-right: 14% !important; padding-bottom: 14% !important; }
.row.split.txt-pd-16:not(.pd-range)>.sp { padding-right: 16% !important; padding-bottom: 16% !important; }
.row.split.txt-pd-18:not(.pd-range)>.sp { padding-right: 18% !important; padding-bottom: 18% !important; }
.row.split.txt-pd-20:not(.pd-range)>.sp { padding-right: 20% !important; padding-bottom: 20% !important; }
.row.split.txt-pd-25:not(.pd-range)>.sp { padding-right: 25% !important; padding-bottom: 25% !important; }
.row.split.txt-pd-30:not(.pd-range)>.sp { padding-right: 30% !important; padding-bottom: 30% !important; }
.txt-pd-01:not(.pd-range)>.sp.Default,
.txt-pd-01:not(.pd-range)>.sp.Dark,
.txt-pd-01:not(.pd-range)>.sp.Light,
.txt-pd-01:not(.pd-range)>.sp.divBorder,
.txt-pd-01:not(.pd-range)>.sp.opaqueR { padding-left: 1% !important; padding-top: 1% !important; }
.txt-pd-02:not(.pd-range)>.sp.Default,
.txt-pd-02:not(.pd-range)>.sp.Dark,
.txt-pd-02:not(.pd-range)>.sp.Light,
.txt-pd-02:not(.pd-range)>.sp.divBorder,
.txt-pd-02:not(.pd-range)>.sp.opaqueR { padding-left: 2% !important; padding-top: 2% !important; }
.txt-pd-03:not(.pd-range)>.sp.Default,
.txt-pd-03:not(.pd-range)>.sp.Dark,
.txt-pd-03:not(.pd-range)>.sp.Light,
.txt-pd-03:not(.pd-range)>.sp.divBorder,
.txt-pd-03:not(.pd-range)>.sp.opaqueR { padding-left: 3% !important; padding-top: 3% !important; }
.txt-pd-04:not(.pd-range)>.sp.Default,
.txt-pd-04:not(.pd-range)>.sp.Dark,
.txt-pd-04:not(.pd-range)>.sp.Light,
.txt-pd-04:not(.pd-range)>.sp.divBorder,
.txt-pd-04:not(.pd-range)>.sp.opaqueR { padding-left: 4% !important; padding-top: 4% !important; }
.txt-pd-05:not(.pd-range)>.sp.Default,
.txt-pd-05:not(.pd-range)>.sp.Dark,
.txt-pd-05:not(.pd-range)>.sp.Light,
.txt-pd-05:not(.pd-range)>.sp.divBorder,
.txt-pd-05:not(.pd-range)>.sp.opaqueR { padding-left: 5% !important; padding-top: 5% !important; }
.txt-pd-06:not(.pd-range)>.sp.Default,
.txt-pd-06:not(.pd-range)>.sp.Dark,
.txt-pd-06:not(.pd-range)>.sp.Light,
.txt-pd-06:not(.pd-range)>.sp.divBorder,
.txt-pd-06:not(.pd-range)>.sp.opaqueR { padding-left: 6% !important; padding-top: 6% !important; }
.txt-pd-07:not(.pd-range)>.sp.Default,
.txt-pd-07:not(.pd-range)>.sp.Dark,
.txt-pd-07:not(.pd-range)>.sp.Light,
.txt-pd-07:not(.pd-range)>.sp.divBorder,
.txt-pd-07:not(.pd-range)>.sp.opaqueR { padding-left: 7% !important; padding-top: 7% !important; }
.txt-pd-08:not(.pd-range)>.sp.Default,
.txt-pd-08:not(.pd-range)>.sp.Dark,
.txt-pd-08:not(.pd-range)>.sp.Light,
.txt-pd-08:not(.pd-range)>.sp.divBorder,
.txt-pd-08:not(.pd-range)>.sp.opaqueR { padding-left: 8% !important; padding-top: 8% !important; }
.txt-pd-09:not(.pd-range)>.sp.Default,
.txt-pd-09:not(.pd-range)>.sp.Dark,
.txt-pd-09:not(.pd-range)>.sp.Light,
.txt-pd-09:not(.pd-range)>.sp.divBorder,
.txt-pd-09:not(.pd-range)>.sp.opaqueR { padding-left: 9% !important; padding-top: 9% !important; }
.txt-pd-10:not(.pd-range)>.sp.Default,
.txt-pd-10:not(.pd-range)>.sp.Dark,
.txt-pd-10:not(.pd-range)>.sp.Light,
.txt-pd-10:not(.pd-range)>.sp.divBorder,
.txt-pd-10:not(.pd-range)>.sp.opaqueR { padding-left: 10% !important; padding-top: 10% !important; }
.txt-pd-12:not(.pd-range)>.sp.Default,
.txt-pd-12:not(.pd-range)>.sp.Dark,
.txt-pd-12:not(.pd-range)>.sp.Light,
.txt-pd-12:not(.pd-range)>.sp.divBorder,
.txt-pd-12:not(.pd-range)>.sp.opaqueR { padding-left: 12% !important; padding-top: 12% !important; }
.txt-pd-14:not(.pd-range)>.sp.Default,
.txt-pd-14:not(.pd-range)>.sp.Dark,
.txt-pd-14:not(.pd-range)>.sp.Light,
.txt-pd-14:not(.pd-range)>.sp.divBorder,
.txt-pd-14:not(.pd-range)>.sp.opaqueR { padding-left: 14% !important; padding-top: 14% !important; }
.txt-pd-16:not(.pd-range)>.sp.Default,
.txt-pd-16:not(.pd-range)>.sp.Dark,
.txt-pd-16:not(.pd-range)>.sp.Light,
.txt-pd-16:not(.pd-range)>.sp.divBorder,
.txt-pd-16:not(.pd-range)>.sp.opaqueR { padding-left: 16% !important; padding-top: 16% !important; }
.txt-pd-18:not(.pd-range)>.sp.Default,
.txt-pd-18:not(.pd-range)>.sp.Dark,
.txt-pd-18:not(.pd-range)>.sp.Light,
.txt-pd-18:not(.pd-range)>.sp.divBorder,
.txt-pd-18:not(.pd-range)>.sp.opaqueR { padding-left: 18% !important; padding-top: 18% !important; }
.txt-pd-20:not(.pd-range)>.sp.Default,
.txt-pd-20:not(.pd-range)>.sp.Dark,
.txt-pd-20:not(.pd-range)>.sp.Light,
.txt-pd-20:not(.pd-range)>.sp.divBorder,
.txt-pd-20:not(.pd-range)>.sp.opaqueR { padding-left: 20% !important; padding-top: 20% !important; }
.txt-pd-25:not(.pd-range)>.sp.Default,
.txt-pd-25:not(.pd-range)>.sp.Dark,
.txt-pd-25:not(.pd-range)>.sp.Light,
.txt-pd-25:not(.pd-range)>.sp.divBorder,
.txt-pd-25:not(.pd-range)>.sp.opaqueR { padding-left: 25% !important; padding-top: 25% !important; }
.txt-pd-30:not(.pd-range)>.sp.Default,
.txt-pd-30:not(.pd-range)>.sp.Dark,
.txt-pd-30:not(.pd-range)>.sp.Light,
.txt-pd-30:not(.pd-range)>.sp.divBorder,
.txt-pd-30:not(.pd-range)>.sp.opaqueR { padding-left: 30% !important; padding-top: 30% !important; }
/*-----------------------range------------------------------------*/
.txt-pd-00.pd-range { padding: 0 ;}
.txt-pd-01.pd-range { padding: 1% ;}
.txt-pd-02.pd-range { padding: 2% ;}
.txt-pd-03.pd-range { padding: 3% ;}
.txt-pd-04.pd-range { padding: 4% ;}
.txt-pd-05.pd-range { padding: 5% ;}
.txt-pd-06.pd-range { padding: 6% ;}
.txt-pd-07.pd-range { padding: 7% ;}
.txt-pd-08.pd-range { padding: 8% ;}
.txt-pd-09.pd-range { padding: 9% ;}
.txt-pd-10.pd-range { padding: 10% ;}
.txt-pd-12.pd-range { padding: 12% ;}
.txt-pd-14.pd-range { padding: 14% ;}
.txt-pd-16.pd-range { padding: 16% ;}
.txt-pd-18.pd-range { padding: 18% ;}
.txt-pd-20.pd-range { padding: 20% ;}
.txt-pd-25.pd-range { padding: 25% ;}
.txt-pd-30.pd-range { padding: 30% ;}
.range-1 { padding-right: 0% !important; padding-bottom: 0% !important; }
.range-2 { padding-top: 0% !important; padding-left: 0% !important; }
.range-3 {}
.range-4 { padding-right: 0% !important; padding-bottom: 0% !important; padding-left: 0% !important; }
.range-5 { padding-top: 0% !important; padding-bottom: 0% !important; padding-left: 0% !important; }
.range-6 { padding-top: 0% !important; padding-right: 0% !important; padding-left: 0% !important; }
.range-7 { padding-top: 0% !important; padding-right: 0% !important; padding-bottom: 0% !important; }
.range-8 { padding-top: 0% !important; padding-bottom: 0% !important; }
.txt-md-00 { margin: 0 ;}
.txt-md-01 { margin: 1px ;}
.txt-md-02 { margin: 2px ;}
.txt-md-03 { margin: 3px ;}
.txt-md-04 { margin: 4px ;}
.txt-md-05 { margin: 5px ;}
.txt-md-06 { margin: 6px ;}
.txt-md-07 { margin: 7px ;}
.txt-md-08 { margin: 8px ;}
.txt-md-09 { margin: 9px ;}
.txt-md-10 { margin: 10px ;}
.txt-md-12 { margin: 12px ;}
.txt-md-14 { margin: 14px ;}
.txt-md-16 { margin: 16px ;}
.txt-md-18 { margin: 18px ;}
.txt-md-20 { margin: 20px ;}
.txt-md-25 { margin: 25px ;}
.txt-md-30 { margin: 30px ;}
.rangeM-1 { margin-right: 0px!important; margin-bottom: 0px!important; }
.rangeM-2 { margin-top: 0px!important; margin-left: 0px!important; }
.rangeM-3 {}
.rangeM-4 { margin-right: 0px!important; margin-bottom: 0px!important; margin-left: 0px!important; }
.rangeM-5 { margin-top: 0px!important; margin-bottom: 0px!important; margin-left: 0px!important; }
.rangeM-6 { margin-top: 0px!important; margin-right: 0px!important; margin-left: 0px!important; }
.rangeM-7 { margin-top: 0px!important; margin-right: 0px!important; margin-bottom: 0px!important; }
.rangeM-8 { margin-right: 0px!important; margin-left: 0px!important; }
.rangeM-9 { margin-top: 0px!important; margin-bottom: 0px!important; }
/*----------------------- end range------------------------------------*/
.divBorder .Inside {
border: 1px solid #c7c7c7;
}
.divBorder:not(.w50):not(.w50c) .img-text-group {
border: 1px solid #c7c7c7; border-top-width:0;
}
.row.split>.sp.divBorder {
position: relative; border: 1px solid #c7c7c7 ;
}
.divBorder.wb .Inside, .divBorder.wb:not(.w50):not(.w50c) .img-text-group, .row.split > .divBorder.wb.sp {
border-color: #fff;
}
.divBorder.Trans .Inside, .divBorder.Trans:not(.w50):not(.w50c) .img-text-group, .row.split > .divBorder.Trans.sp {
border-color: rgba(0,0,0,0);
}
.sp.opaqueR {
border-radius: 10px;
}
.row.split > .col-md-2.sp {
*width: calc(100% / 6 - 4px);
}
.row.split > .col-md-3.sp {
*width: calc(100% / 4 - 4px);
}
.row.split > .col-md-4.sp {
*width: calc(100% / 3 - 4px);
}
.row.split > .col-md-5.sp {
*width: calc(100% / (12/5) - 4px);
}
.row.split > .col-md-6.sp {
*width: calc(100% / 2 - 4px);
}
.row.split > .col-md-7.sp {
*width: calc(100% / (12/7) - 4px);
}
.row.split > .col-md-8.sp {
*width: calc(100% / (12/8) - 4px);
}
.row.split > .col-md-9.sp {
*width: calc(100% / (12/9) - 4px);
}
.row.split > .col-md-10.sp {
*width: calc(100% / (12/10) - 4px);
}
.row.split > .col-md-11.sp {
*width: calc(100% / (12/11) - 4px);
}
.row.split > .col-md-12.sp {
*margin-left: 0px; *margin-right: 0px;
}
.row.split>.sp:first-child:not(:last-child) {
*margin-right: 4px;
}
.row.split>.sp:not(:first-child):not(:last-child) {
*margin-left: 2px; *margin-right: 2px;
}
.row.split>.sp:last-child:not(:first-child) {
*margin-left: 4px;
}
#indexContent ul{padding-left: 30px;}
span.firstUCase, span.firstIncrease {
display: inline-block;
}
.LCase, .firstUCase {
text-transform: lowercase;
}
.firstUCase::first-letter {
text-transform: uppercase;
}
.UCase, .firstIncrease {
text-transform: uppercase;
}
.firstIncrease::first-letter {
font-size: calc(1em + 0.3em);
}
@media (min-width: 1024px) {
.transformScale .Inside {
overflow: hidden;
}
.transformScale .Inside::before{
background: inherit; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; content: ""; -webkit-transition: inherit;
}
.img-circle.transformScale .Inside:hover::before{
transform: scale(1.4); -webkit-transform: scale(1.4); transition: inherit;
}
.img-square.transformScale:hover .Inside::before{
transform: scale(1.3); -webkit-transform: scale(1.3); transition: inherit;
}
.img-circle.transformScale:hover .Inside img{
transform: scale(1.4); -webkit-transform: scale(1.4); transition: inherit;
}
.img-square.transformScale:hover .Inside img{
transform: scale(1.3); -webkit-transform: scale(1.3); transition: inherit;
}
}
@media (max-width: 1024px) {
.img-circle .img-text-group {
margin-top: 0px;
}
.img-square:not(.opaque) .img-text-group {
margin-top: 0px;
}
}
@media (min-width: 575.99px) {
.pd-01.w50,
.pd-02.w50,
.pd-03.w50,
.pd-04.w50,
.pd-05.w50,
.pd-06.w50,
.pd-07.w50,
.pd-08.w50,
.pd-09.w50,
.pd-10.w50,
.pd-12.w50,
.pd-14.w50,
.pd-16.w50,
.pd-18.w50,
.pd-20.w50,
.pd-25.w50,
.pd-30.w50 { padding-left: 0 !important}
}
@media (max-width: 575.98px) {
.img-square,
.img-square.Col-1,
.img-square.Col-2,
.img-square.Col-3,
.img-square.Col-4,
.img-square.Col-5,
.img-square.Col-6,
.img-square.Col-7,
.img-square.Col-8,
.img-square.Col-9,
.img-square.Col-10,
.img-square.Col-11,
.img-square.Col-12 { width: 100%!important; }
.pd-01.w50 .PBox,
.pd-02.w50 .PBox,
.pd-03.w50 .PBox,
.pd-04.w50 .PBox,
.pd-05.w50 .PBox,
.pd-06.w50 .PBox,
.pd-07.w50 .PBox,
.pd-08.w50 .PBox,
.pd-09.w50 .PBox,
.pd-10.w50 .PBox,
.pd-12.w50 .PBox,
.pd-14.w50 .PBox,
.pd-16.w50 .PBox,
.pd-18.w50 .PBox,
.pd-20.w50 .PBox,
.pd-25.w50 .PBox,
.pd-30.w50 .PBox { padding-right: 0!important}
.Col-1.pd-01 { padding: 0!important ;}
.Col-2.pd-02 { padding: 0 calc( 2% * 2 );}
.Col-3.pd-02 { padding: 0 calc( 2% * 3 );}
.Col-4.pd-02 { padding: 0 calc( 2% * 4 );}
.Col-5.pd-02 { padding: 0 calc( 2% * 5 );}
.Col-6.pd-02 { padding: 0 calc( 2% * 6 );}
.Col-7.pd-02 { padding: 0 calc( 2% * 7 );}
.Col-8.pd-02 { padding: 0 calc( 2% * 8 );}
.Col-9.pd-02 { padding: 0 calc( 2% * 9 );}
.Col-2.pd-03 { padding: 0 calc( 3% * 2 );}
.Col-3.pd-03 { padding: 0 calc( 3% * 3 );}
.Col-4.pd-03 { padding: 0 calc( 3% * 4 );}
.Col-5.pd-03 { padding: 0 calc( 3% * 5 );}
.Col-6.pd-03 { padding: 0 calc( 3% * 6 );}
.Col-7.pd-03 { padding: 0 calc( 3% * 7 );}
.Col-8.pd-03 { padding: 0 calc( 3% * 8 );}
.Col-9.pd-03 { padding: 0 calc( 3% * 9 );}
.Col-2.pd-04 { padding: 0 calc( 4% * 2 );}
.Col-3.pd-04 { padding: 0 calc( 4% * 3 );}
.Col-4.pd-04 { padding: 0 calc( 4% * 4 );}
.Col-5.pd-04 { padding: 0 calc( 4% * 5 );}
.Col-6.pd-04 { padding: 0 calc( 4% * 6 );}
.Col-7.pd-04 { padding: 0 calc( 4% * 7 );}
.Col-8.pd-04 { padding: 0 calc( 4% * 8 );}
.Col-9.pd-04 { padding: 0 calc( 4% * 9 );}
.Col-2.pd-05 { padding: 0 calc( 5% * 2 );}
.Col-3.pd-05 { padding: 0 calc( 5% * 3 );}
.Col-4.pd-05 { padding: 0 calc( 5% * 4 );}
.Col-5.pd-05 { padding: 0 calc( 5% * 5 );}
.Col-6.pd-05 { padding: 0 calc( 5% * 6 );}
.Col-7.pd-05 { padding: 0 calc( 5% * 7 );}
.Col-8.pd-05 { padding: 0 calc( 5% * 8 );}
.Col-9.pd-05 { padding: 0 calc( 5% * 9 );}
.Col-2.pd-06 { padding: 0 calc( 6% * 2 );}
.Col-3.pd-06 { padding: 0 calc( 6% * 3 );}
.Col-4.pd-06 { padding: 0 calc( 6% * 4 );}
.Col-5.pd-06 { padding: 0 calc( 6% * 5 );}
.Col-6.pd-06 { padding: 0 calc( 6% * 6 );}
.Col-7.pd-06 { padding: 0 calc( 6% * 7 );}
.Col-8.pd-06 { padding: 0 calc( 6% * 8 );}
.Col-9.pd-06 { padding: 0 calc( 6% * 9 );}
.Col-2.pd-07 { padding: 0 calc( 7% * 2 );}
.Col-3.pd-07 { padding: 0 calc( 7% * 3 );}
.Col-4.pd-07 { padding: 0 calc( 7% * 4 );}
.Col-5.pd-07 { padding: 0 calc( 7% * 5 );}
.Col-6.pd-07 { padding: 0 calc( 7% * 6 );}
.Col-7.pd-07 { padding: 0 calc( 7% * 7 );}
.Col-8.pd-07 { padding: 0 calc( 7% * 8 );}
.Col-9.pd-07 { padding: 0 calc( 7% * 9 );}
.Col-2.pd-08 { padding: 0 calc( 8% * 2 );}
.Col-3.pd-08 { padding: 0 calc( 8% * 3 );}
.Col-4.pd-08 { padding: 0 calc( 8% * 4 );}
.Col-5.pd-08 { padding: 0 calc( 8% * 5 );}
.Col-6.pd-08 { padding: 0 calc( 8% * 6 );}
.Col-7.pd-08 { padding: 0 calc( 8% * 7 );}
.Col-8.pd-08 { padding: 0 calc( 8% * 8 );}
.Col-9.pd-08 { padding: 0 calc( 8% * 9 );}
.Col-2.pd-09 { padding: 0 calc( 9% * 2 );}
.Col-3.pd-09 { padding: 0 calc( 9% * 3 );}
.Col-4.pd-09 { padding: 0 calc( 9% * 4 );}
.Col-5.pd-09 { padding: 0 calc( 9% * 5 );}
.Col-6.pd-09 { padding: 0 calc( 9% * 6 );}
.Col-7.pd-09 { padding: 0 calc( 9% * 7 );}
.Col-8.pd-09 { padding: 0 calc( 9% * 8 );}
.Col-9.pd-09 { padding: 0 calc( 9% * 9 );}
.Col-2.pd-100 { padding: 0 calc( 10% * 2 );}
.Col-3.pd-100 { padding: 0 calc( 10% * 3 );}
.Col-4.pd-100 { padding: 0 calc( 10% * 4 );}
.Col-5.pd-100 { padding: 0 calc( 10% * 5 );}
.Col-6.pd-100 { padding: 0 calc( 10% * 6 );}
.Col-7.pd-100 { padding: 0 calc( 10% * 7 );}
.Col-8.pd-100 { padding: 0 calc( 10% * 8 );}
.Col-9.pd-100 { padding: 0 calc( 10% * 9 );}
.img-text-group{
margin-top: 0px !important;
}
.w50.a11,
.w50.a12,
.w50.a21,
.w50.a31,
.w50.a34,
.w50.a43,
.w50.a35,
.w50.a53 ,
.w50.a32,
.w50.a23 { vertical-align: top !important; }
.w50.a11 .img-text-group,
.w50.a12 .img-text-group,
.w50.a21 .img-text-group,
.w50.a31 .img-text-group,
.w50.a34 .img-text-group,
.w50.a43 .img-text-group,
.w50.a35 .img-text-group,
.w50.a53 .img-text-group ,
.w50.a32 .img-text-group,
.w50.a23 .img-text-group { *padding-bottom: 0!important; }
.opaque.w50C .img-text-group {
*padding-left: 10px; *padding-right: 10px;
}
.opaque.opaqueR .img-text-group {
border-radius: 8px;
}
.radius:not(.img-circle).opaque:not(.w50C) .Inside { border-radius: 10px 10px 0 0 !important; }
.radius:not(.img-circle).opaque:not(.w50C) .img-text-group { border-radius: 0 0 10px 10px !important; }
#indexContent .ContentW {
position: relative !important;
letter-spacing: 0.05rem;
line-height: 1.8 !important;
}
.img-text h4 {
width: 100%;
}
.img-text nav {
text-align: left;
}
.img-text nav.border {
text-align: center; overflow: hidden;
}
.img-text nav.border > div {
padding: 0 20px;
}
.txt-pd-01:not(.pd-range)>.sp { padding-right: 0% !important; padding-bottom: 2% !important; }
.txt-pd-02:not(.pd-range)>.sp { padding-right: 0% !important; padding-bottom: 4% !important; }
.txt-pd-03:not(.pd-range)>.sp { padding-right: 0% !important; padding-bottom: 6% !important; }
.txt-pd-04:not(.pd-range)>.sp { padding-right: 0% !important; padding-bottom: 8% !important; }
.txt-pd-05:not(.pd-range)>.sp { padding-right: 0% !important; padding-bottom: 10% !important; }
.txt-pd-06:not(.pd-range)>.sp { padding-right: 0% !important; padding-bottom: 12% !important; }
.txt-pd-07:not(.pd-range)>.sp { padding-right: 0% !important; padding-bottom: 14% !important; }
.txt-pd-08:not(.pd-range)>.sp { padding-right: 0% !important; padding-bottom: 16% !important; }
.txt-pd-09:not(.pd-range)>.sp { padding-right: 0% !important; padding-bottom: 18% !important; }
.txt-pd-10:not(.pd-range)>.sp { padding-right: 0% !important; padding-bottom: 20% !important; }
.txt-pd-12:not(.pd-range)>.sp { padding-right: 0% !important; padding-bottom: 24% !important; }
.txt-pd-14:not(.pd-range)>.sp { padding-right: 0% !important; padding-bottom: 28% !important; }
.txt-pd-16:not(.pd-range)>.sp { padding-right: 0% !important; padding-bottom: 32% !important; }
.txt-pd-18:not(.pd-range)>.sp { padding-right: 0% !important; padding-bottom: 36% !important; }
.txt-pd-20:not(.pd-range)>.sp { padding-right: 0% !important; padding-bottom: 40% !important; }
.txt-pd-25:not(.pd-range)>.sp { padding-right: 0% !important; padding-bottom: 50% !important; }
.txt-pd-30:not(.pd-range)>.sp { padding-right: 0% !important; padding-bottom: 60% !important; }
.txt-pd-01:not(.pd-range)>.sp.divBorder { padding: 2% !important; }
.txt-pd-02:not(.pd-range)>.sp.divBorder { padding: 4% !important; }
.txt-pd-03:not(.pd-range)>.sp.divBorder { padding: 6% !important; }
.txt-pd-04:not(.pd-range)>.sp.divBorder { padding: 4% !important; }
.txt-pd-05:not(.pd-range)>.sp.divBorder { padding: 10% !important; }
.txt-pd-06:not(.pd-range)>.sp.divBorder { padding: 12% !important; }
.txt-pd-07:not(.pd-range)>.sp.divBorder { padding: 14% !important; }
.txt-pd-08:not(.pd-range)>.sp.divBorder { padding: 16% !important; }
.txt-pd-09:not(.pd-range)>.sp.divBorder { padding: 18% !important; }
.txt-pd-10:not(.pd-range)>.sp.divBorder { padding: 20% !important; }
.txt-pd-12:not(.pd-range)>.sp.divBorder { padding: 24% !important; }
.txt-pd-14:not(.pd-range)>.sp.divBorder { padding: 28% !important; }
.txt-pd-16:not(.pd-range)>.sp.divBorder { padding: 32% !important; }
.txt-pd-18:not(.pd-range)>.sp.divBorder { padding: 36% !important; }
.txt-pd-20:not(.pd-range)>.sp.divBorder { padding: 40% !important; }
.txt-pd-25:not(.pd-range)>.sp.divBorder { padding: 50% !important; }
.txt-pd-30:not(.pd-range)>.sp.divBorder { padding: 60% !important; }
.row.split > .col-md-1.sp, .row.split > .col-md-2.sp, .row.split > .col-md-3.sp , .row.split > .col-md-4.sp, .row.split > .col-md-5.sp, .row.split > .col-md-6.sp,.row.split > .col-md-7.sp, .row.split > .col-md-8.sp, .row.split > .col-md-9.sp, .row.split > .col-md-10.sp, .row.split > .col-md-11.sp, .row.split > .col-md-12.sp{
width: 100% !important;
}
.w50 .PBox {
position: relative;
width: 100% !important;
display: block !important;
vertical-align: top !important;
margin: 0;
}
.w50 .img-text-group {
position: relative;
width: 100% !important;
display: flex !important;
vertical-align: top !important;
margin: 0;
min-height: calc( 100vw / 2 );
justify-content: center;
align-items: center;
flex-direction: column; /* 這裡è¨ç½®ç‚º column，確ä¿åå…ƒç´ è±Žç›´æŽ’åˆ— */
}
.w50 .img-text-group .img-text{
flex: 1 1 100% !important;
}
.w50New.w50:not(.w50L) .PBox {
clear : both !important;
}
.w50New.w50:not(.w50L-) .img-text-group {
clear : both !important;
position: relative;
top: 0;
right: 0;
transform: none;
}
.w50.w50L .PBox { float: right; }
.w50.w50L .img-text-group { clear : both ; position: relative; top: 0; left: 0%; transform: none; width: 100%; *display: flex !important; *display: -ms-flexbox; -ms-flex-align: center; *align-items: center;}
@keyframes img-text-line {
0% {
width: 0px;
}
100% {
width: 50px
}
}
.w50C .img-text-group {
*display: inline-block;
*max-width: 90vw ;
*white-space: nowrap;
}
.w50C .img-text-group >div {
transform: scale(0.85);
transform-origin: center center;
*display: inline-block;
*max-width: 100%;
*white-space: nowrap;
}
.effect-1 .Inside ,
.effect-2 .Inside ,
.effect-3 .Inside ,
.effect-4 .Inside ,
.effect-1 .Inside img,
.effect-2 .Inside img,
.effect-3 .Inside img,
.effect-4 .Inside img {
box-shadow: none !important;
}
.effect-1 .Inside:not(.size) img,
.effect-2 .Inside:not(.size) img,
.effect-3 .Inside:not(.size) img,
.effect-4 .Inside:not(.size) img,
.Col-1.effect-1 .Inside:not(.size) img,
.Col-1.effect-2 .Inside:not(.size) img,
.Col-1.effect-3 .Inside:not(.size) img,
.Col-1.effect-4 .Inside:not(.size) img,
.Col-2.effect-1 .Inside:not(.size) img ,
.Col-2.effect-2 .Inside:not(.size) img ,
.Col-2.effect-3 .Inside:not(.size) img ,
.Col-2.effect-4 .Inside:not(.size) img ,
.Inside:not(.size) img{
position: absolute;
width: 100%;
height: 100% !important;
top: 0 !important;
left: 0 !important;
object-fit: cover;
transition: all 0.8s;
}
.effect-1 .Inside.size img,
.effect-2 .Inside.size img,
.effect-3 .Inside.size img,
.effect-4 .Inside.size img,
.Col-1.effect-1 .Inside.size img,
.Col-1.effect-2 .Inside.size img,
.Col-1.effect-3 .Inside.size img,
.Col-1.effect-4 .Inside.size img,
.Col-2.effect-1 .Inside.size img ,
.Col-2.effect-2 .Inside.size img ,
.Col-2.effect-3 .Inside.size img ,
.Col-2.effect-4 .Inside.size img ,
.Inside.size img {
position: absolute;
width: 100%;
height: 100%;
top: 50% !important;
left: 0 !important;
transform: translate(0, -50%);
object-fit: contain;
transition: all 0.8s;
transform-origin: 50% 50%;
}
.effect-1,
.effect-2,
.effect-3,
.effect-4,
.Col-1.effect-1,
.Col-1.effect-2,
.Col-1.effect-3,
.Col-1.effect-4,
.Col-2.effect-1,
.Col-2.effect-2,
.Col-2.effect-3,
.Col-2.effect-4 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
.w50New-.w50:not(.w50L) .PBox { float: left; }
.w50New-.w50:not(.w50L) >.img-text-group { float: right; position: absolute; top: 50%; right: 0%; transform: translate(0%, -50%); }
.w50New-.w50 >.img-text-group { display: table !important; height:100%}
.w50New-.w50 >.img-text-group >.img-text { display: table-cell; vertical-align: middle; }
.Dark .img-text,
.Dark .img-text a:not(.btn),
.Dark .img-text span a:not(.btn),
.Dark div,
.Dark div a:not(.btn),
.Dark div span a:not(.btn){
color: #ffffff !important;
}
.Light .img-text,
.Light .img-text a:not(.btn),
.Light .img-text span a:not(.btn),
.Light div,
.Light div a:not(.btn),
.Light div span a:not(.btn){
color: #333333 !important;
}
.filter-100,.invert { filter: invert(100%); }
.filter-75 { filter: invert(75%); }
.filter-50 { filter: invert(50%); }
.filter-25 { filter: invert(25%); }