html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

/*html { line-height: 1; }*/

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }
a img { border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
.wapperBOX header img, , .wapperBOX section .notetext img { border: 0; display: block; width: 100%; height: auto; }
.wapperBOX section span.detail{font-size: 0.9em; color: #666; line-height: 1.3rem; display: block; text-align: left;}
html, body { width: 100%; min-height: 100%; font-family: "Noto Sans", "Microsoft JhengHei"; background: #fff; }

.noborder { box-shadow: none !important; }
.wapperBOX {width: 100%; overflow: hidden; max-width: 480px; margin: 0 auto; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 0px 0px 5px 0px rgba(0%,0%,0%,.2); line-height: 1.3rem; }
.wapperBOX:after { content: " "; display: block; clear: both; }
.wapperBOX .mt30{margin-top: 30px; display: block;}
.wapperBOX .mt15{margin-top: 15px; display: block;}

.wapperBOX section { width: 100%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.wapperBOX section h2 { font-size: 1.8rem; line-height: 1.8rem;  padding: 10px 0; color: #ffffff; margin: 15px auto; text-align:center; font-weight: 700; display: block; width: 100%;}
.wapperBOX section p { color: #ffffff; padding: 0;  font-weight: bold; line-height:1.3rem; text-align: center; padding-bottom: 4px;}
.wapperBOX section span.bluetext{color: #1004f4 ;font-size: 14px; }
.wapperBOX section span.yellowtext { color: #fff45c;}
.wapperBOX section span.redtext {color: #f52a11;font-size: 16px; }
.wapperBOX section span.graytext{color: #666666; font-size: 14px;}
.wapperBOX section span.graytext12{color: #666666; font-size: 14px; line-height:;}
.wapperBOX section span.whitetext{color: #ffffff; font-size: 14px; font-weight: normal;}

.bgpt{background: url(../images/bg.png) repeat ;background-size: contain;  }
.bgyellow{background: rgb(255,230,51);
background: linear-gradient(0deg, rgba(255,230,51,1) 0%, rgba(255,251,210,1) 35%, rgba(255,230,51,1) 100%);}


/*標題*/
.wapperBOX h2{ width: 100%; margin: 0;  font-size:26px; font-weight: 900; line-height: 1.8rem; text-align: center; background-color: #e40580; color: #ffffff; padding:20px 15px; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  }
.wapperBOX h2:before {content: ""; width: 0; height: 0; position: absolute; z-index: 1; border-width: 11px; border-style: solid; border-color: transparent; }
.wapperBOX h2:before {border-top-color: #e40580; bottom: -21px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }


/*網購結帳 大補帖*/
.wapperBOX section.activeBOX {clear: both; padding:10px;background: url(../images/bg.png) repeat ;background-size: contain; position: relative; overflow: hidden; }
.wapperBOX section.activeBOX dl {display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; }
.wapperBOX section.activeBOX dl.faq {background: url(../images/dotframe_1c.png) repeat-x bottom left; margin-bottom: 20px; }
.wapperBOX section.activeBOX dl.faq dt {background: url(../images/q_bg.png) no-repeat top left;     padding: 10px 20px 5px 62px; font-weight: bold; font-size: 16px; margin: 0 }
/*.wapperBOX section.activeBOX dl.faq dt img{width: 20%;}*/
.wapperBOX section.activeBOX dl.faq dd {background: url(../images/a_bg.png) no-repeat top left; padding: 10px 20px 10px 62px; margin: 0; }
.wapperBOX section.activeBOX dl ul{list-style:decimal;padding: 0px 20px; margin: 0px auto;}
.wapperBOX section.activeBOX dl ul li{padding: 0; margin:2px auto 10px auto; color: #333333; font-style: 16px; line-height: 1.5rem;}
.wapperBOX section.activeBOX dl.faq dt { min-height: 36px; line-height: 20px; }

/* 如何使用街口支付網購結帳 */
.wapperBOX section.stepBOX .step_content h3 {padding: 5px 0; font-size: 20px; font-weight: bold; color: #f52a11;text-align: left; background: #efefef; padding: 10px; }
.wapperBOX section.stepBOX .step_content{ display: block; border: 1px #cccccc dashed; background: #ffffff;}
.wapperBOX section.stepBOX .step_content p{text-align: left; color: #000000;font-size: 16px; line-height: 1.5rem;padding: 10px; margin: 0px;}


/*如何快速開通街口帳戶支付*/
.wapperBOX section.stepBOX { clear: both; padding: 10px 25px 30px 25px;  overflow: hidden; }
.wapperBOX section.stepBOX .block{clear: both; overflow: hidden; background: #ffffff; margin-top: 30px; padding: 7%; border-radius:5px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.wapperBOX section.stepBOX p{color: #1004f4; padding: 0; line-height:1.5rem;   font-weight: normal; text-align: left; padding-bottom: 4px;  font-size: 16px; margin: 10px 0;}
.wapperBOX section.stepBOX ul.noteul2 { list-style: none; padding: 0; }
.wapperBOX section.stepBOX ul.noteul2 li { background-size: 18px auto; padding: 10px 0 30px 0; margin: 0 auto; }
.wapperBOX section.stepBOX ul.noteul2 li p{ font-size: 18px; line-height: 1.6rem; color: #000000; padding: 0; margin: 0; }
.wapperBOX section.stepBOX ul.noteul2 li .step_t{display:inline-block ;width: 100%; margin: 0;text-align: left; }
.wapperBOX section.stepBOX ul.noteul2 li h5{display: inline-block; float: left; color:#f52a11;font-size: 22px; font-weight: bold;}
.wapperBOX section.stepBOX ul.noteul2 a{font-size: 18px; color: #000000; margin-top: 10px;  text-decoration: underline; display: block;}
.wapperBOX section.stepBOX ul.noteul2 li .step_t .step_img{ width: 30%; margin: 0 7px 0 0;box-shadow: none ; float: left; }
.wapperBOX section.stepBOX ul.noteul2 li .step_t .step_img img{max-width: 100%; margin: 0 auto;}
.wapperBOX section.stepBOX ul.noteul2 .app_img{width: 100%; display: block; margin: 10px auto 0 auto;}
.wapperBOX section.stepBOX ul.noteul2 .app_img img{max-width: 100%; margin: 0 auto; }


/*# sourceMappingURL=style.css.map */