<>
.partials.homepage-hero .active-item .wrapper #slick-dots .slick-dots {
text-align: center;
padding-right: 0;
}
@media screen and (min-width: 992px){
.partials.homepage-hero .active-item .wrapper #slick-dots .slick-dots {
text-align: right;
padding-right: 35px;
}
}
.partials.homepage-hero .slick-dots li {
display: inline-block;
width: .7rem;
height: .7rem;
margin-left: 5px;
text-align: center;
}
.partials.homepage-hero .slick-dots li button {
background: #000;
border-radius: 50px;
border: 1px solid #fff;
font-size: 0;
width: 100%;
height: 100%;
outline: 0;
}
.partials.homepage-hero .slick-dots li.slick-active button {
background: #fff;
border-radius: 50px;
border: 1px solid #fff;
}
@media screen and (max-width: 991px){
.partials.homepage-hero .vertical-carousel .item {
height: 405px;
}
.partials.homepage-hero .active-item {
height: 30px;
}
.partials.homepage-hero .active-item .wrapper {
top: 0;
bottom: auto;
}
.partials.homepage-hero .slick-dots li button {
background: #fff;
border: 1px solid #666666;
}
.partials.homepage-hero .slick-dots li.slick-active button {
background: #666666;
border: 1px solid #666666;
}
}
.partials.homepage-hero .vertical-carousel .slick-prev {
top: -1.5em;
}
.partials.homepage-hero .vertical-carousel .slick-next {
bottom: -0.5em;
}
.partials.homepage-hero .active-item .overlay-3 {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: -webkit-linear-gradient(90deg#000 0%rgba(0,0,0,0.95) 5.5%rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear50% 100%50% 0%color-stop(0#000)color-stop(0.055rgba(0,0,0,0.95))color-stop(1rgba(0,0,0,0)));
background: -ms-linear-gradient(90deg#000 0%rgba(0,0,0,0.95) 5.5%rgba(0,0,0,0) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000'endColorstr='#000000' ,GradientType=0)";
background: -webkit-gradient(linearleft bottomleft topfrom(#000)color-stop(5.5%rgba(0,0,0,0.95))to(rgba(0,0,0,0)));
background: -webkit-linear-gradient(bottom#000 0%rgba(0,0,0,0.95) 5.5%rgba(0,0,0,0) 100%);
background: linear-gradient(0deg#000 0%rgba(0,0,0,0.95) 5.5%rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#000000' GradientType=0);
}
.partials.homepage-hero .vertical-carousel .item:hover .background:after.partials.homepage-hero .vertical-carousel .item.hover-active .background:after {
background: -webkit-linear-gradient(linear#000 0%rgba(0,0,0,0.95) 5.5%rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear50% 100%50% 0%color-stop(0#000)color-stop(0.055rgba(0,0,0,0.95))color-stop(1rgba(0,0,0,0)));
background: -ms-linear-gradient(linear#000 0%rgba(0,0,0,0.95) 5.5%rgba(0,0,0,0) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000'endColorstr='#000000' ,GradientType=0)";
background: -webkit-gradient(linearleft bottomleft topfrom(#000)color-stop(5.5%rgba(0,0,0,0.95))to(rgba(0,0,0,0)));
background: -webkit-linear-gradient(bottom#000 0%rgba(0,0,0,0.95) 5.5%rgba(0,0,0,0) 100%);
background: linear-gradient(0deg#000 0%rgba(0,0,0,0.95) 5.5%rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#000000' GradientType=0);
}
@media printscreen and (min-width: 992px){
.partials.homepage-hero .vertical-carousel .item:hover .background:after {
background: -webkit-linear-gradient(90deg#000 0%rgba(20,8,0,0.99) 3.7%rgba(75,31,0,0.94) 14.56%rgba(123,51,0,0.9) 25.81%rgba(164,68,0,0.85) 37.21%rgba(197,82,0,0.8) 48.81%rgba(222,92,0,0.76) 60.66%rgba(241,100,0,0.71) 72.87%rgba(251,105,0,0.66) 85.67%rgba(255,106,0,0.6) 100%);
background: -webkit-gradient(linear50% 100%50% 0%color-stop(0#000)color-stop(0.037rgba(20,8,0,0.99))color-stop(0.1456rgba(75,31,0,0.94))color-stop(0.2581rgba(123,51,0,0.9))color-stop(0.3721rgba(164,68,0,0.85))color-stop(0.4881rgba(197,82,0,0.8))color-stop(0.6066rgba(222,92,0,0.76))color-stop(0.7287rgba(241,100,0,0.71))color-stop(0.8567rgba(251,105,0,0.66))color-stop(1rgba(255,106,0,0.6)));
background: -ms-linear-gradient(90deg#000 0%rgba(20,8,0,0.99) 3.7%rgba(75,31,0,0.94) 14.56%rgba(123,51,0,0.9) 25.81%rgba(164,68,0,0.85) 37.21%rgba(197,82,0,0.8) 48.81%rgba(222,92,0,0.76) 60.66%rgba(241,100,0,0.71) 72.87%rgba(251,105,0,0.66) 85.67%rgba(255,106,0,0.6) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000'endColorstr='#FF6A00' ,GradientType=0)";
background: -webkit-gradient(linearleft bottomleft topfrom(#000)color-stop(3.7%rgba(20,8,0,0.99))color-stop(14.56%rgba(75,31,0,0.94))color-stop(25.81%rgba(123,51,0,0.9))color-stop(37.21%rgba(164,68,0,0.85))color-stop(48.81%rgba(197,82,0,0.8))color-stop(60.66%rgba(222,92,0,0.76))color-stop(72.87%rgba(241,100,0,0.71))color-stop(85.67%rgba(251,105,0,0.66))to(rgba(255,106,0,0.6)));
background: -webkit-linear-gradient(bottom#000 0%rgba(20,8,0,0.99) 3.7%rgba(75,31,0,0.94) 14.56%rgba(123,51,0,0.9) 25.81%rgba(164,68,0,0.85) 37.21%rgba(197,82,0,0.8) 48.81%rgba(222,92,0,0.76) 60.66%rgba(241,100,0,0.71) 72.87%rgba(251,105,0,0.66) 85.67%rgba(255,106,0,0.6) 100%);
background: linear-gradient(0deg#000 0%rgba(20,8,0,0.99) 3.7%rgba(75,31,0,0.94) 14.56%rgba(123,51,0,0.9) 25.81%rgba(164,68,0,0.85) 37.21%rgba(197,82,0,0.8) 48.81%rgba(222,92,0,0.76) 60.66%rgba(241,100,0,0.71) 72.87%rgba(251,105,0,0.66) 85.67%rgba(255,106,0,0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF6A00',endColorstr='#000000' GradientType=0);
}
}
.partials.homepage-hero .active-item .background:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: none !important;
}
.bc-player-SJGy9Zzob_default .v-big-play-button {
top: 50%;
left: 50%;
margin-left: -1em;
margin-top: -1em;
width: 2em;
height: 2em;
line-height: 2em;
border: none;
border-radius: 50%;
font-size: 2em;
background-color: #FF6A00;
color: #fff;
-webkit-transition: border-color .4s,outline .4s,background-color .4s;
-moz-transition: border-color .4s,outline .4s,background-color .4s;
-ms-transition: border-color .4s,outline .4s,background-color .4s;
-o-transition: border-color .4s,outline .4s,background-color .4s;
transition: border-color .4s,outline .4s,background-color .4s;
}
.partials.homepage-hero .active-item .wrapper #slick-dots .slick-dots {
line-height: 0;
}
@media screen and (max-width: 640px){
div[class*="homepage-"] .title {
line-height: 22px !important;
font-family: 'Work Sans'PingFangTC-RegularLiHei Pro'Hiragino Sans GB''SimHei''Microsoft JhengHei'STXiheisans-serif;
letter-spacing: 0.5px !important;
font-size: 16px !important;
}
}
div[class*="homepage-"] a.title:hover {
color:#FF7300 !important;
}
.partials.homepage-hero .vertical-carousel .item .text .description {
display: block;
}
/* spacing */
.partials.homepage-hero .vertical-carousel .item .text .grid-x .cell:first-of-type.partials.homepage-hero .active-item .wrapper .text .grid-x .cell:first-of-type {
margin-bottom: 2px;
}
.partials.homepage-hero {
padding-top: 15px;
padding-bottom: 0;
margin-bottom: 30px;
}
@media screen and (min-width: 640px){
.partials.homepage-hero {
padding-top: 20px;
padding-bottom: 0;
}
}
@media screen and (min-width: 992px){
.partials.homepage-hero {
padding-top: 50px;
padding-bottom: 0;
margin-bottom: 50px;
}
}
.title-bar {
margin-bottom: 15px;
}
@media screen and (min-width: 640px){
.title-bar {
margin-bottom: 20px;
}
}
.thumbnail {
margin-bottom: 15px !important;
}
@media screen and (min-width: 640px){
.thumbnail {
margin-bottom: 25px !important;
}
}
.text {
padding-top: 0 !important;
}
@media screen and (min-width: 992px){
.text {
padding-top: 20px !important;
}
}
.partials.homepage-hero .description.show-for-medium-only {
padding-top: 15px;
}
/* END of spacing */
>
<>
.partials.homepage-latest .posts-grid .text .title {
font-weight: bold;
}
@media screen and (max-width: 640px){
}
.partials.homepage-latest .posts-grid {
padding-top: 50px;
background: #234383 !important;
/* background-image: url(https://via.placeholder.com/150x1000/234383/234383);*/
}
/* spacing */
.partials.homepage-latest .posts-grid .text .grid-x .cell:first-of-type {
margin-bottom: 2px;
}
@media screen and (min-width: 640px){
.partials.homepage-latest .posts-grid {
background-position: 0 50px;
}
}
@media screen and (min-width: 991px){
.partials.homepage-latest .posts-grid {
background-position: 0 100px;
}
}
.homepage-latest.partials .posts-grid {
padding-top: 50px;
}
@media screen and (min-width: 640px){
.homepage-latest.partials .posts-grid {
padding-top: 50px;
}
}
.homepage-latest.partials .title {
margin-bottom: 30px !important;
}
@media screen and (min-width: 640px){
.homepage-latest.partials .title {
margin-bottom: 20px !important;
}
}
div[class*="homepage-"].partials .title-bar {
margin-bottom: 15px;
}
@media screen and (min-width: 992px){
div[class*="homepage-"].partials .title-bar {
margin-bottom: 20px;
}
}
/* END spacing */
>
最新消息
<>
.partials.homepage-video .title {
font-weight: bold;
}
@media screen and (max-width: 640px){
.partials.homepage-video .carousel-item .thumbnail {
margin-right: 0;
}
}
@media screen and (min-width: 641px){
.partials.homepage-video .carousel-item:last-of-type {
padding-bottom: 0;
margin-bottom: 0;
}
}
.partials.homepage-video .carousel-item .text:hover {
color: inherit;
}
.partials.homepage-video .carousel-item .text .title:hover {
color: #FF7300;
cursor: pointer;
}
/* spacing */
.homepage-video.partials {
margin-bottom: 10px;
}
@media screen and (min-width: 640px){
.homepage-video.partials {
margin-bottom: 50px;
}
}
.partials.homepage-video .video-carousel .active-item .text .grid-x .cell:first-of-type {
margin-bottom: 2px;
}
.partials.homepage-video .carousel-item .text .grid-x .cell:first-of-type {
margin-bottom: 2px;
}
@media screen and (min-width: 641px){
.homepage-video.partials .active-item .description {
margin-bottom:30px;
}
}
@media screen and (min-width: 992px){
.homepage-video.partials .active-item .title {
}
.homepage-video.partials .active-item .description {
margin-bottom:0;
}
}
.homepage-video.partials .title {
margin-bottom: 30px !important;
}
@media screen and (min-width: 640px){
.homepage-video.partials .title {
margin-bottom: 15px !important;
}
}
@media screen and (min-width: 992px){
.homepage-video.partials .title {
margin-bottom: 20px !important;
}
}
.homepage-video.partials .carousel-item {
margin-bottom: 0;
padding: 0;
}
@media screen and (min-width: 640px){
.homepage-video.partials .carousel-item {
margin-bottom: 20px;
padding: 20px 0 ;
}
}
@media screen and (min-width: 992px){
.homepage-video.partials .carousel-item {
padding: 0;
}
}
.partials.homepage-video .text {
padding-top: 0 !important;
}
/* END spacing */
.partials.homepage-video .carousel-item {
border-bottom: none;
}
@media screen and (min-width: 640px){
.partials.homepage-video .carousel-item {
border-bottom: 1px solid #AAB9C1;
}
}
@media printscreen and (min-width: 991px){
.homepage-video.partials .grid-margin-x>.cell {
margin-left: 20px;
margin-right: 20px;
width: calc(50% - 40px);
}
}
@media printscreen and (min-width: 1200px){
.homepage-video.partials .grid-margin-x>.cell {
margin-left: 25px;
margin-right: 25px;
width: calc(50% - 50px);
}
}
@media printscreen and (min-width: 641px){
.homepage-video.partials .carousel-item .thumbnail.relative {
max-width: 200px;
margin-right: 0;
margin-bottom: 20px !important;
}
.homepage-video.partials .carousel-item .auto.cell {
margin-left: 25px;
}
}
@media printscreen and (min-width: 1200px){
.homepage-video.partials .carousel-item .thumbnail.relative {
max-width: 220px;
}
}
>
影像故事
<>
.embed-responsive.embed-responsive-16by9>* { position: absolute!important; }
>
<>
.partials.homepage-subscription .title {
font-weight: bold;
}
.partials.homepage-subscription .title-bar .blue-cell {
padding: 16px 25px;
text-align: center;
}
.button.custom-1 {
padding: .4em 1.367em;
box-shadow: 2px 2px 2px rgba(0000.35);
}
.button.custom-1:hover {
padding: .4em 1.367em;
box-shadow: 2px 2px 5px rgba(0000.35);
background-color: #FF7300;
}
@media screen and (max-width: 640px){
.partials.homepage-subscription {
background-color: #fff;
}
}
>
<>
.homepage-story.partials .title {
font-weight: bold;
}
/* spacing */
.partials.homepage-story .text .grid-x .cell:first-of-type {
margin-bottom: 2px;
}
/* END spacing */
>
專題探討
<>
.partials.homepage-aliview .title {
font-weight: bold;
}
.social-feed-button a:hover{
background-color: #234383;
}
.social-feed {
overflow: hidden;
padding: 15px;
background-color: #234383;
}
@media screen and (max-width: 640px){
.social-feed-button{
/* padding-left: 15px;
padding-right: 15px;*/
padding-left: 0;
padding-right: 0;
}
.partials.homepage-aliview .title-bar .read-more a:first-child:after {
content: '';
margin-left: 0;
color: #FF6A00;
}
.social-feed {
overflow: hidden;
/* margin-left: 15px;
margin-right: 15px;*/
margin-left: 0;
margin-right: 0;
padding: 15px 20px;
background-color: #234383;
}
}
/*--spacing--*/
.homepage-aliview.partials .thumbnail {
margin-bottom: 0;
}
.partials.homepage-aliview .post .text .grid-x .cell:first-of-type {
margin-bottom: 2px;
}
.partials.homepage-aliview .post {
margin-bottom: 0;
}
@media screen and (min-width: 640px){
.partials.homepage-aliview .post {
margin-bottom: 30px;
}
}
/* END of spacing */
.partials.homepage-aliview .post {
border-bottom: 1px solid #AAB9C1;
margin-right: 0;
}
.partials.homepage-aliview .post {
border-bottom: none;
}
.partials.homepage-aliview .post .text {
border-bottom: none;
padding-top: 20px;
}
@media screen and (min-width: 641px){
.partials.homepage-aliview .post {
border-bottom: 1px solid #AAB9C1;
margin-right: 25px;
}
}
@media screen and (min-width: 992px){
.partials.homepage-aliview .post {
border-bottom: none;
margin-right: 0;
}
.partials.homepage-aliview .post .text {
border-bottom: 1px solid #AAB9C1;
padding-top: 0;
}
}
.homepage-aliview.partials .grid-x .post .grid-x .small-12.medium-5.cell {
padding-right: 0;
}
@media screen and (min-width: 641px){
.homepage-aliview.partials .grid-x .post .grid-x .small-12.medium-5.cell {
padding-right: 10px;
}
}
.homepage-aliview.partials .grid-x .post .grid-x .small-12.medium-7.cell {
padding-left: 10px;
padding-right: 10px;
}
.homepage-aliview.partials .grid-x .small-12.medium-3.cell {
padding-left: 0;
}
.partials.homepage-aliview .post .text {
padding-bottom: 0;
}
@media screen and (min-width: 640px){
.partials.homepage-aliview .post .text {
padding-bottom: 25px;
}
}
@media screen and (min-width: 992px){
.homepage-aliview.partials .grid-x .post .grid-x .small-12.medium-5.cell {
padding-right: 17.5px;
}
.homepage-aliview.partials .grid-x .post .grid-x .small-12.medium-7.cell {
padding-left: 17.5px;
padding-right: 17.5px;
}
.homepage-aliview.partials .grid-x .small-12.medium-3.cell {
padding-left: 17.5px;
}
.partials.homepage-aliview .post .text {
padding-bottom: 25px;
}
}
@media screen and (min-width: 1199px){
.homepage-aliview.partials .grid-x .post .grid-x .small-12.medium-5.cell {
padding-right: 25px;
}
.homepage-aliview.partials .grid-x .post .grid-x .small-12.medium-7.cell {
padding-left: 25px;
padding-right: 25px;
}
.homepage-aliview.partials .grid-x .small-12.medium-3.cell {
padding-left: 25px;
}
.partials.homepage-aliview .post .text {
padding-bottom: 0;
}
}
>
巴巴觀點
<>
.social-feed {
height: 160px;
}
.fb-page {
width: 100%;
max-width: 260px;
max-height: 130px;
overflow: hidden;
}
.fb-page.fb_iframe_widget_fluid {
display: block !important;
}
@media screen and (min-width: 640px){
.social-feed {
height: 446px;
}
.fb-page {
width: 100%;
max-width: 100%;
max-height: 440px;
overflow: visible;
}
}
.fb-page>span {
min-height: 420px;
width: 100% !important;
max-width: 100% !important;
}
.fb-page iframe {
width: 100% !important;
min-height: 420px;
/*height: 300px;*/
}
._2p3a {
width:100% !important;
}
.uiScaledImageContainer.scaledImageFitWidth {
width:100% !important;
max-width:100% !important;
}
/* spacing */
.partials.homepage-aliview {
padding-top: 30px;
padding-bottom: 40px;
background-color: #E5E7E9;
}
@media screen and (min-width: 992px){
.partials.homepage-aliview {
padding-top: 50px;
padding-bottom: 100px;
background-color: #E5E7E9;
margin-bottom:0;
}
}
>
社交互動
<>
.partials.homepage-media .media-carousel .wrapper .slick-arrow.slick-prev {
z-index: 2;
}
.slick-arrow {
cursor: pointer;
}
@media screen and (max-width: 991px){
.partials.homepage-media .media-carousel .wrapper .slick-arrow {
padding: 10px;
background: #fff;
border-radius: 50px;
box-shadow: rgba(0000.25) 0px 4px 3px;
}
.partials.homepage-media .media-carousel .wrapper .slick-arrow.slick-prev {
left: -20px;
}
.partials.homepage-media .media-carousel .wrapper .slick-arrow.slick-next {
right: -20px;
}
}
@media screen and (min-width: 992px){
.partials.homepage-media .media-carousel .wrapper .slick-arrow.slick-prev {
left: -30px;
}
.partials.homepage-media .media-carousel .wrapper .slick-arrow.slick-next {
right: -30px;
}
}
@media screen and (min-width: 1200px){
.partials.homepage-media .media-carousel .wrapper .slick-arrow.slick-prev {
left: -40px;
}
.partials.homepage-media .media-carousel .wrapper .slick-arrow.slick-next {
right: -40px;
}
}
@media screen and (max-width: 640px){
.partials.homepage-media .wrapper.slick-initialized.slick-slider {
padding-left: 15px;
padding-right: 15px;
}
.partials.homepage-media .media-carousel .wrapper .slick-arrow.slick-prev {
left: -5px;
}
.partials.homepage-media .media-carousel .wrapper .slick-arrow.slick-next {
right: -5px;
}
}
.partials.homepage-media .media-carousel .wrapper .item .text .title{
margin-bottom:0;
font-weight: bold;
}
>