.section-line {
	border-top: 1px solid #c3c3c3;
}

.margin-btm-em {
	margin-bottom: .25em;
}

.margin-lf {
	margin-left: 42px;
}

@media only screen and (max-width: 735px) {
	.margin-lf {
		margin-left: 0px;
	}
}

@media only screen and (max-width: 735px) {
	.small-telf {
		text-align: left;
	}
}

.section-add .typography-intro {
	text-align: center;
	margin-bottom: 90px;
	margin-top: 1.6em;
}

@media only screen and (max-width: 1068px) {
	.section-add .typography-intro {
		text-align: center;
		margin-bottom: 88px;
		margin-top: 1.1em;
	}
}

@media only screen and (max-width: 735px) {
	.section-add .typography-intro {
		text-align: left;
		margin-bottom: 60px;
		margin-top: 1.1em;
	}
}

.section-moreways .typography-intro {
	text-align: center;
	margin-bottom: 114px;
	margin-top: 1.6em;
}

@media only screen and (max-width: 1068px) {
	.section-moreways .typography-intro {
		margin-top: 1.1em;
		margin-bottom: 88px;
	}
}

@media only screen and (max-width: 735px) {
	.section-moreways .typography-intro {
		margin-top: 1.1em;
	}
}

.section-pay .typography-intro {
	margin-top: 1.6em;
}

@media only screen and (max-width: 735px) {
	.section-pay .typography-intro {
		margin-top: 1.1em;
	}
}

@media only screen and (max-width: 735px) {
	.section-moreways .section-content .typography-intro {
		text-align: left;	
		margin-bottom: 60px;
	}
}

@media only screen and (max-width: 735px) {
	.section-cashless .typography-intro-elevated {
		text-align: center;
	}
}

.section-privacy .image-product-iphone {
	margin-left: 59px;
}

.section-privacy .get-paid-subsection-wrapper-watch {
	margin-top: 43px;
	margin-left: 59px;
	padding-bottom: 120px;
}

@media only screen and (max-width: 1068px) { 
	.section-privacy .get-paid-subsection-wrapper-watch { 
		margin-top: 37px;
	}
}

@media only screen and (max-width: 735px) {
	.section-privacy .get-paid-subsection-wrapper-watch {
		margin-top: 60px;
		margin-left: 0px;
		padding-bottom: 90px;
	}
}

@media only screen and (max-width: 735px) {
	.get-paid-subsection-wrapper {
		padding-bottom: 0px;
	}
}

.section-privacy .image-product-watch {
	margin-left: 60px;
}

.section-devices .row-locations {
	margin-bottom: 43px;
	margin-top: 120px;
}

@media only screen and (max-width: 735px) {
	.section-devices .row-locations {
		margin-bottom: 0px;
		margin-top: 66px;
	}
}

.section-devices .row-locations .typography-headline-reduced {
	margin-top: 24px;
	text-align: left;
}

.section-devices .row-locations .row-transit {
	margin-top: 27px;
	padding-bottom: 40px;
	margin-left: 80px;
}

@media only screen and (max-width: 1068px) {
	.section-devices .row-locations .row-transit {
		margin-left: 53px;
	}
}

@media only screen and (max-width: 735px) {
	.section-devices .row-locations .row-transit {
		margin-top: 58px;
		padding-bottom: 58px;
		margin-left: 0px;
	}
}

.section-devices .column-line .row-prod {
	margin-left: 80px;
	margin-top: 35px;
	padding-bottom: 42px;
}

@media only screen and (max-width: 1068px) {
	.section-devices .column-line .row-prod {
		margin-left: 53px;
	}
}

@media only screen and (max-width: 735px) {
	.section-devices .column-line .row-prod {
		padding: 53px 0 0;
		margin: 0;
	}
}

@media only screen and (max-width: 735px) {
	.row-apple-watch {
		margin-bottom: 53px;
	}
}

@media only screen and (max-width: 735px) {
	.row-ph {
		margin-bottom: 53px;
	}
}

.section-devices .row-devices {
    margin-bottom: 43px;
    border-top: 1px solid #ccc;
    padding-top: 43px;
}

@media only screen and (max-width: 1068px) {
    .section-devices .row-devices {
        margin-bottom: 43px
    }
}

@media only screen and (max-width: 735px) {
    .section-devices .row-devices {
        padding-top: 0px;
        margin-bottom: 0px
    }
}

.section-devices .row-connect {
    margin-bottom: 120px;
    margin-top: 0;
    border-top: 1px solid #ccc;
    padding-top: 43px;
}

@media only screen and (max-width: 1068px) {
    .section-devices .row-connect {
        margin-bottom: 120px
    }
}

@media only screen and (max-width: 735px) {
    .section-devices .row-connect {
        padding-top: 0px;
        margin-bottom: 90px
    }
}

.section-devices .column-line .row-cards {
	margin-top: 27px;
	margin-bottom: 40px;
	margin-left: 80px;
}

@media only screen and (max-width: 1068px) {
	.section-devices .column-line .row-cards {
		margin-left: 53px;
	}
}

@media only screen and (max-width: 735px) {
	.section-devices .column-line .row-cards {
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
	}
}

.section-cashless .section-block {
	padding: 126px 0 354px 0;
}

@media only screen and (max-width: 735px) {
	.section-cashless .section-block {
		padding: 90px 0 275px 0;
	}
}

.section-video .video-cta {
	margin-top: 80px;
}

.section-video.section-move-goal .color {
	color: #f49020;
}

ul, ol {
	margin-left: 0.94117em;
}

@media only screen and (max-width: 735px) {
	.small-88 {
		width: 88%;
	}
}

@media only screen and (max-width: 735px) {
	.section-devices .row-devices .typography-headline-reduced {
		margin-top: 54px;
	}
}

@media only screen and (max-width: 735px) {
	.section-devices .row-connect .typography-headline-reduced {
		margin-top: 53px;
		margin-bottom: 53px;
	}
}

@media only screen and (max-width: 735px) {
	.section-hero .image-hero-logo {
		margin: 0 auto 6px;
	}
}

@media only screen and (max-width: 735px) {
	.section-hero .section-block .intro-wrapper {
		margin-top: 1.02em;
	}
}

@media only screen and (max-width: 735px) {
	.smb-60 {
		margin-bottom: 60px;
	}
}

@media only screen and (max-width: 1068px) {
	.section-top {
		padding-top: 120px;
	}
}

@media only screen and (max-width: 735px) {
	.section-top {
		padding-top: 90px;
	}
}

@media only screen and (max-width: 1068px) {
	.medium-56 {
		width: 56%;
	}
}

.section-devices ul li {
	margin-top: 1em;
}

.section-devices ul li:first-child {
	margin-top: .4em;
}

@media only screen and (max-width: 735px) {
	.section-devices ul li {
		margin-top: .75em;
	}
	
	.section-devices ul li:first-child {
		margin-top: .75em;
	}
	
	.section-devices ul li.no-mt {
		margin-top: 0em;
	}
}

/* section-spend start */

.section-spend .get-paid-subsection-wrapper .typography-headline-elevated {
	text-align: left;
}

.section-spend .get-paid-subsection-wrapper {
	padding-bottom: 120px;
	margin-top: -8px;
}

@media only screen and (max-width: 1068px) {
	.section-spend .get-paid-subsection-wrapper {
		padding-bottom: 110px;
	}
}

@media only screen and (max-width: 750px) {
	.section-spend .get-paid-subsection-wrapper {
		padding-bottom: 0px;
	}
}

.section-spend .typography-intro {
	margin-top: 1.6em;
}

@media only screen and (max-width: 735px) {
	.section-spend .typography-intro {
		margin-top: 1.1em;
	}
}

.section-spend .hardware-iphone .image-monitor-spend {
	margin-left: 48px;
	margin-bottom: 120px;
}

@media only screen and (max-width: 1068px) {
	.section-spend .hardware-iphone .image-monitor-spend {
		margin-left: -5px;
		margin-bottom: 120px;
	}
}

@media only screen and (max-width: 735px) {
	.section-spend .hardware-iphone .image-monitor-spend {
		margin-left: auto;
		margin-bottom: 90px;
	}
}
/* section-spend end */

/* section-banner start */
/* font */
@media only screen and (max-width: 734px) {
    .typography-banner-intro-elevated {
        font-size: 14px;
        line-height: 1.92859;
        font-weight: 400;
        letter-spacing: -.016em;
        font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-banner-intro-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-banner-intro-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-banner-intro-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-banner-intro-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}
/* font */

/* show banner in top */
@media only screen and (max-width: 1068px) {
	html.show-bottom {
		position: relative;
		padding-bottom: 43px;
	}
}
.section-banner {
    display: none;
}

@media only screen and (max-width: 1068px) {
    .section-banner {
    	display: none;
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 3;
        background-color:#1d1d1d;
    	width: 100%;
    	-webkit-transform: translateZ(0);
    	transform: translateZ(0);
    }

    .section-banner .section-content {
        width: 100%;
        height:43px;
    }

    .section-banner .section-content .banner {
        width: 100%;
    }
    
    .section-banner .section-content .banner h4 {
        color: #ffffff;
        padding:8px 0
    }

    .section-banner .section-content .banner .btn {
        display: block;
        width: 47px;
        height: 25px;
        background-color: #316cc6;
        border-radius:3px;
        text-align: center;
    }

    .section-banner .section-content .banner a {
        color: #ffffff;
        margin: 8px 0;
    }

    .section-banner .section-content .banner a:hover {
        text-decoration:none
    }

    .section-banner .section-content .banner .images-icon-wall {
        margin: 2px auto 0
    }
}

@media only screen and (max-width: 1068px) {
    .section-banner .section-content .banner .images-icon-wall {
        width: 62px;
        height: 41px;
        background-size: 62px 41px;
        background-repeat: no-repeat;
        background-image: url("/hk/apple-pay/octopus/images/icon_wallet_small.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-banner .section-content .banner .images-icon-wall {
        background-image: url("/hk/apple-pay/octopus/images/icon_wallet_small_2x.jpg")
    }
}

@media only screen and (max-width: 320px) {
    .section-banner .typography-banner-intro-elevated {
        font-size:13px
    }

    .section-banner .section-content .banner h4 {
        padding: 9px 0
    }

    .section-banner .section-content .banner a {
        margin: 9px 0
    }
}
/* section-banner end */