* {
    -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
            box-sizing: border-box;
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
            box-sizing: border-box;
}
html, body, form { height: 100%; }
body { margin: 0; padding: 0; font-family: Arial, 微軟正黑體; }
body.bg1 { background: #f7f7f7; }
body.bg2 { padding: 15px; }
form { display: flex; align-items: center; padding: 15px; }

/*付款成功or失敗*/
.LinePayBox { width: 100%; max-width: 380px; margin: 30px auto; padding: 20px 30px; background: #fff; box-shadow: 0 1px 12px #999; border-radius: 15px; }
.LinePayBox h1, 
.LinePayBox h3, 
.LinePayBox div { text-align: center; }
.LinePayBox h1 > img { height: 35px; vertical-align: text-bottom; margin-right: 15px; }
.LinePayBox p { line-height: 1.6; }
.btn {
    display: inline-block;
    padding: .3em 1em;
    margin: 3px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
        touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    border: none;
    border-radius: 5px;
}
.btnRed { background-color: #fa5c51; color: white !important; }
.btnRed:hover, .btnRed:active { background-color: #dd4c42; }


/*操作說明*/
.LinePayBox2 { width: 100%; max-width: 900px; margin: 30px auto; text-align: center;/*padding: 20px 10px; background: #fff; box-shadow: 0 1px 12px #999; border-radius: 15px;*/ }
.LinePayBox2 h2 { display: flex; flex-wrap: wrap; justify-content: center; background: #efefef; padding: 10px 0; }
.LinePayBox2 h2 span { display: inline-block; }
.LinePayBox2 h2 img { height: 35px; vertical-align: text-bottom; margin-right: 15px; }
.LinePayBox2 h4 { color: #333; line-height: 1.6; }
.LinePayBox2 ul { text-align: left; display: inline-block; margin: 0 auto 20px; line-height: 1.6; }
.LinePayBox2 ul > li strong { color: #B81C22; }
.LinePayBox2 .swiper-slide { padding-bottom: 40px; }
.LinePayBox2 .swiper { /*height: 620px;*/ position: relative; }
.LinePayBox2 .swiper-button-prev, 
.LinePayBox2 .swiper-button-next { height: 100%; top: 0; margin-top: 0; }
.LinePayBox2 .payStep > div > h3 { text-align: center; color: #3f72af; }
.LinePayBox2 .payStep > div > div > img { max-width: 100%; }
.LinePayBox2 .payStep > div > div > img.shadow { box-shadow: 0 1px 12px #999; }