/* GC alts */

html {
    --icon-color: #1d1d1f;
    --icon-hover-color: #565657;
    --icon-color-dark: #fff;
}

.section-tiles-grid .grid-container .modal-trigger .icon {
    color: var(--icon-color);
    pointer-events: none;
    font-size: 40px;
}

.section-tiles-grid .grid-container .modal-trigger:hover .icon {
    cursor: pointer;
    color: var(--icon-hover-color)
}

@media only screen and (max-width: 1068px) {
    .section-tiles-grid .grid-container .modal-trigger .icon {
        width: 30px;
        height: 30px;
        font-size: 40px;
    }

    html.text-zoom .section-tiles-grid .grid-container .modal-trigger .icon {
        right: 52px;
        bottom: 62px;
        height: auto;
        width: auto;
    }
}

.section-tiles-grid .grid-container .modal-trigger .icon:after {
    display: inline;
}


.modal .card-back .subsection-grid {
    display: grid;
    grid-gap: 60px 70px;
    grid-template-columns: 1fr 1fr;
}


#main .grid-item-back-tap {
    grid-column: span 2;
}
.card-back-tap.full .header-content{
    padding: var(--tile-padding) var(--tile-padding) 0!important;

}
/* GC alts */


/* 更多资讯 */
.section-resources .resources-grid {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(var(--grid-columns), var(--grid-column-size));
    grid-gap: 10px;
    justify-content: center;
    padding-inline-start: var(--padding-inline);
    padding-inline-end: var(--padding-inline);
    margin-block-start: 59px;
    --padding-inline: 20px;
    --grid-columns: 3;
    --grid-column-size:320px
}

@media only screen and (max-width: 1068px) {
    .section-resources .resources-grid {
        margin-block-start: 50px;
        --grid-column-size:225px
    }
}

@media only screen and (max-width: 734px) {
    .section-resources .resources-grid {
        margin-block-start: 32px;
        --padding-inline: 10px;
        --grid-columns: 1;
        --grid-column-size: 1fr;
        max-width: var(--small-max-width);
        margin-inline:auto
    }
}

.section-resources .resources-grid .resource-item {
    height: 100%;
    min-height: 368px;
    padding-block-start: 65px;
    align-self: start;
    align-content: start;
    --icon-container-size: 55px;
    background-color: #f5f5f7;
    border-radius: var(--tile-border-radius);
    box-sizing: border-box;
    display: grid;
    grid-template-rows: var(--icon-container-size) max-content max-content;
    justify-items: center;
    text-align:center
}

@media only screen and (max-width: 1068px) {
    .section-resources .resources-grid .resource-item {
        min-height: 325px;
        padding-block-start: 60px;
        --icon-container-size:41px
    }
}

@media only screen and (max-width: 734px) {
    .section-resources .resources-grid .resource-item {
        min-height: 327px;
        padding-block-start: unset;
        align-self: center;
        align-content: center;
        --icon-container-size:max-content
    }
}

.section-resources .resources-grid .resource-item picture {
    align-self:center
}

.section-resources .resources-grid .resource-item .icon-headline {
    margin-block-start: 21.5px;
    margin-block-end: 12px;
    max-width:10.5ch
}

@media only screen and (max-width: 1068px) {
    .section-resources .resources-grid .resource-item .icon-headline {
        margin-block-start: 18.5px;
        margin-block-end:10px
    }
}

@media only screen and (max-width: 734px) {
    .section-resources .resources-grid .resource-item .icon-headline {
        margin-block-start:16.5px
    }
}

.section-resources .resources-grid .resource-item .resource-cta {
    margin: 0;
    max-width:18ch
}

.section-resources .resources-grid .resource-item a:focus .icon-copy {
    text-decoration:underline
}

.section-resources .resources-grid .resource-item .icon-after {
    color:#06c
}

/* 更多资讯 */

/* eye tracking */
@media only screen and (min-width:735px) {
	.grid-item.full.grid-item-eye-tracking .header-content {
		padding-top: 30px;
	}
}
@media only screen and (max-width:734px) {
	.grid-item.grid-item-eye-tracking {
		display: flex;
	}
}
/* eye tracking end*/


/* voice over image*/
@media only screen and (max-width:734px) {
	.grid-item-voiceover .header-content {
		padding-block-end: 333px;
	}
}
/* voice over image*/

/* the relay */
@media only screen and (min-width:735px) {
		.section-films .films-grid {
		grid-template-columns: repeat(1,1fr);
	}
	
	.section-films .films-grid .film-item {
		min-height: 368px;
		display: grid;
		align-items: center;
	}
	
	.section-films .films-grid .film-item-content {
		margin-inline: 85px;
		margin-bottom: 3px;
	}
	
	.section-films .films-grid .typography-eyebrow-super {
		margin-bottom: 0.2em;
	}
	
	.section-films .films-grid .typography-eyebrow-super {
		line-height: 1;
	}
	
	.section-films .films-grid .button {
		padding: 11px 21px;
	}
}

@media only screen and (max-width:1068px) and (min-width:735px) {
	.section-films .films-grid .film-item{
        display: grid;
        align-items: center;
        min-height: 320px;
        .film-item-content {
            margin-inline: 34px;
            
        }
    }
}
/* the relay */