This commit is contained in:
parent
e58bbb675b
commit
b81fc5c3f4
|
|
@ -14,43 +14,27 @@
|
||||||
margin-top: 8em;
|
margin-top: 8em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.ba-banner-widget-youtube {
|
.ba-banner-widget-youtube{
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
height: auto !important;
|
iframe{
|
||||||
.w-ad-banner__caption_text{
|
@media(min-width:1025px){
|
||||||
display: none!important;
|
|
||||||
}
|
|
||||||
.banner-overlay{
|
|
||||||
visibility: visible!important;
|
|
||||||
}
|
|
||||||
iframe {
|
|
||||||
@media(min-width: 1025px) {
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: -15vw;
|
top: -180px;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: calc(100% + 11vw);
|
height: calc(100% + 215px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.jarallax-video-audio{
|
||||||
.w-ba-banner__wrap {
|
@media(min-width:769px){
|
||||||
overflow: hidden;
|
top: 7em;
|
||||||
position: relative;
|
|
||||||
|
|
||||||
// ✅ 固定顯示區域高度,超出的底部黑條就被裁切
|
|
||||||
@media(min-width: 1025px) {
|
|
||||||
height: 40vw !important;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.w-ba-banner__wrap{
|
||||||
.jarallax-video-audio {
|
height: auto !important;
|
||||||
@media(min-width: 769px) {
|
|
||||||
top: 7em;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
.banner-overlay{
|
||||||
.banner-overlay {
|
@media(max-width:768px){
|
||||||
@media(max-width: 768px) {
|
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -306,16 +290,10 @@ ul.button-mid{
|
||||||
}
|
}
|
||||||
// Widget 0
|
// Widget 0
|
||||||
.ba-banner-widget-0 {
|
.ba-banner-widget-0 {
|
||||||
@media(max-width:768px){
|
height: 70vh !important;
|
||||||
height: 30vh !important;
|
|
||||||
.w-ba-banner__wrap{
|
|
||||||
height: 30vh !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
height: 50vh;
|
|
||||||
z-index: 0;
|
z-index: 0;
|
||||||
.w-ba-banner__wrap{
|
.w-ba-banner__wrap{
|
||||||
height: 50vh;
|
height: 70vh !important;
|
||||||
}
|
}
|
||||||
.youtube, .cycle-youtube {
|
.youtube, .cycle-youtube {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
@ -345,7 +323,7 @@ ul.button-mid{
|
||||||
// text-shadow: 1px 1px 1px #0000008c;
|
// text-shadow: 1px 1px 1px #0000008c;
|
||||||
}
|
}
|
||||||
img{
|
img{
|
||||||
// position: fixed;
|
position: fixed;
|
||||||
top:0;
|
top:0;
|
||||||
left: 0;
|
left: 0;
|
||||||
@media(max-width: 1500px){
|
@media(max-width: 1500px){
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue