/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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,
strong,
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-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

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

input {
    -webkit-appearance: none;
    /* Safari 和 Chrome，常用於iOS下移除內建樣式 */
    -moz-appearance: none;
    /* FireFox */
    appearance: none;
}

/*input,button Reset  Start---------------------------------*/
input,
label,
select,
button,
textarea {
    margin: 0;
    border: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    background: none;
    line-height: 1;

    font-family: Arial;
}

/* Remove the stupid outer glow in Webkit */
input:focus {
    outline: 0;
}

/* Box Sizing Reset*/

/* All of our custom controls should be what we expect them to be */
input,
textarea {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* These elements are usually rendered a certain way by the browser */
button,
input[type=reset],
input[type=button],
input[type=submit],
input[type=checkbox],
input[type=radio],
select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Text Inputs */

input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week] {}

/* Button Controls */

input[type=checkbox],
input[type=radio] {
    width: 13px;
    height: 13px;
}

/* File Uploads */

input[type=file] {}

/* Search Input*/

/* Make webkit render the search input like a normal text field */
input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
}

/* Turn off the recent search for webkit. It adds about 15px padding on the left */
::-webkit-search-decoration {
    display: none;
}

/* Buttons */
button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
    /* Fix IE7 display bug */
    overflow: visible;
    width: auto;
}

/* IE8 and FF freak out if this rule is within another selector */
::-webkit-file-upload-button {
    padding: 0;
    border: 0;
    background: none;
}

/* Textarea */
textarea {
    /* Move the label to the top */
    vertical-align: top;

    /* Turn off scroll bars in IE unless needed */
    overflow: auto;
}

/* Selects */
select {}

select[multiple] {
    /* Move the label to the top */
    vertical-align: top;
}

/*input,button Reset  End---------------------------------*/

button:focus {
    outline: none;
}

button::-moz-focus-inner {
    border: 0;
}

/*以上為CSS Reset*/


/* get the required local files */
/*固定頁頭 Start 參考資料 Fixed固定天地方式 https://blog.xuite.net/xiaolian/blog/318085558--------------*/
#fixed-header-slide {
    width: 100%;
    height: 44px;
    /* 視情況而定(本例依圖片高度而設定) */
    position: fixed;
    top: 0px;
    z-index: 2;
}

#fixed-header-wrap {
    width: 100%;
    height: 44px;
    /* 視情況而定(本例依圖片高度而設定) */
    position: absolute;
    bottom: 0px;
}

header {
    width: 100%;
    height: 44px;
    /* 視情況而定(本例依圖片高度而設定) */
    margin: 0 auto;
    position: relative;
    z-index: 1;
    background: #fff;
    border-bottom: solid 1px #e6e5e5;
    display: flex;
    flex-flow: row nowrap;
    place-content: stretch space-between;
    align-items: flex-start;
}

/*固定頁頭 End----------------*/

/*固定頁尾 Start--------------*/
#fixed-footer-wrap {
    width: 100%;
    /* height: 40px; 視情況而定 */
    position: fixed;
    bottom: 0px;
    z-index: 3;
    overflow: visible;
}

.footer_mobile {
    background-color: #999999;
    color: #ffffff;
    width: 100%;
    height: 40px;
    /* 視情況而定 */
    margin: 0 auto;
}

/*固定頁尾 End--------------*/

/*全域控制 Start--------------*/

body {
    /*font-size: 14px;*/
    font-size: 1rem/1.6;
    /*font-family: "Helvetica", sans-serif-light;*/
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft JhengHei", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #313131;
    background: #f5f5f5;
}

img {
    width: 100%;
}

input {
    font-size: 1rem;
    color: #313131;
}

::placeholder {
    /* CSS 3 標準 */
    color: #b1b1b1;
}

::-webkit-input-placeholder {
    /* Chrome, Safari */
    color: #b1b1b1;
}

::-ms-input-placeholder {
    /* IE 10+ */
    color: #b1b1b1;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #b1b1b1;
    opacity: 1;
}

.not-text ::placeholder {
    /* CSS 3 標準 */
    color: #ff001f;
}

.not-text ::-webkit-input-placeholder {
    /* Chrome, Safari */
    color: #ff001f;
}

.not-text ::-ms-input-placeholder {
    /* IE 10+ */
    color: #ff001f;
}

.not-text ::-moz-placeholder {
    /* Firefox 19+ */
    color: #ff001f;
    opacity: 1;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

/*文字於div垂直居中 開始*/
.text-v-center {
    vertical-align: top;
}

.text-v-center:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.text-h-center {
    text-align: center;
}

.text-v-center p {
    display: inline-block;
}

/*文字於div垂直居中 結束*/
.text-B {
    font-weight: bold;
}

.text-15B {
    font-size: 1.2rem;
    font-weight: bold;
}

.text-16 {
    font-size: 1rem;
    line-height: 1.5rem;
}

.text-13 {
    font-size: .8rem;
}

.text-12 {
    font-size: .7rem;
}

.text-C-O {
    color: #fd4d01;
}

.text-C-R {
    color: #ff001f;
}

.text-C-B {
    color: #00a0fc;
}

.text-C-313131 {
    color: #313131;
}

.text-C-979797 {
    color: #979797;
}

.text-C-e2e2e2 {
    color: #e2e2e2;
}

.text-prompt-L {
    font-size: 1rem;
    margin: 8px 24px 0 24px;
}

.text-prompt-C {
    font-size: 1rem;
    line-height: 1.2rem;
    text-align: center;
    padding: 0 0 16px 0;
}

.text-prompt-top {
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    margin: 8px 24px 16px 24px;
}

.text-prompt-bottom {
    font-size: .8rem;
    text-align: center;
    margin: 8px 24px 16px 24px;
}

.vertical-A-M {
    vertical-align: middle
}

/*.allpage-VH-center {
    height: 100vh;
    display: flex;
    flex-flow: row nowrap;
    place-content:
    flex-start center;
    align-items: center;
}*/
.OPA06 {
    opacity: 0.6;
}

.OPA03 {
    opacity: 0.3;
}

.btn_outline_n {
    border: 1px solid #cccccc;
    border-radius: 12px;
    font-size: 1rem;
    padding: 10px 0;
}

.btn_outline_t {
    font-size: 1rem;
    font-weight: bold;
    color: #ffffff;
    background-color: #ff6300;
    border: 1px solid rgba(255, 255, 255, 0.41);
    border-radius: 12px;
    padding: 10px 0;
}

.btn_outline_n-T12 {
    border: 1px solid #cccccc;
    border-radius: 12px;
    font-size: .7rem;
    padding: 10px 0;
}

.btn_outline_t-T12 {
    font-size: .7rem;
    font-weight: bold;
    color: #ffffff;
    background-color: #ff6300;
    border: 1px solid rgba(255, 255, 255, 0.41);
    border-radius: 12px;
    padding: 10px 0;
}

.btn_ml-8 {
    margin-left: 8px;
}

.btn_mr-8 {
    margin-right: 8px;
}

.icon-img-44 {
    width: 44px;
    height: 44px;
}

.icon-img-R-48 {
    width: 48px;
    height: 48px;
    border-radius: 4px;
}

.icon-img-40 {
    width: 40px;
    height: 40px;
}

.icon-img-16 {
    width: 16px;
    height: 16px;
}

.icon-img-20 {
    width: 20px;
    height: 20px;
}

.icon-img-30 {
    width: 30px;
    height: 30px;
}

.w-100 {
    width: 100%;
}

.w-95 {
    width: 95%;
}

.w-50 {
    width: 50%;
}

.h-100 {
    height: 100%;
}

.h {
    visibility: hidden
}

.dis-flex-JS-AC {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.dis-flex-JC-AC {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flexbox-flex-Frn-Pss-Afs {
    display: flex;
    flex-flow: row nowrap;
    place-content: stretch space-between;
    align-items: flex-start;
}

.flexbox-flex-Fcn-Pss-Ac {
    display: flex;
    flex-flow: column nowrap;
    place-content: stretch space-between;
    align-items: center;
}

.flexbox-flex-Fcn-Psc-Ac {
    display: flex;
    flex-flow: column nowrap;
    place-content: stretch center;
    align-items: center;
}

.flexbox-flex-Frn-Psc-Afs {
    display: flex;
    flex-flow: row nowrap;
    place-content: stretch center;
    align-items: flex-start;
}

.flexbox-flex-Frn-Psf-Afs {
    display: flex;
    flex-flow: row nowrap;
    place-content: stretch flex-start;
    align-items: flex-start;
}

.div-hide {
    visibility: hidden;
}

.Zindex-999 {
    z-index: 999;
}

/*全域控制 End--------------*/

/*header 樣式 Start--------------*/
header h1 {
    font-size: 1.0625rem;
    font-weight: bold;
    color: #030303;
    text-align: center;
    padding: 14px 0;
    margin-left: 20px;
}

.btn-back-n {
    width: 24px;
    height: 44px;
    display: block;
    /*float: left;*/
}

.btn-close-n {
    width: 44px;
    height: 44px;
    display: block;
    /*float: right;*/
}

.btn-arrow-right-n {
    width: 44px;
    height: 44px;
    display: block;
    float: left;
}

.filter-bar {
    width: 100%;
    height: 44px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    background: #fff;
    border-bottom: solid 1px #e6e5e5;
}

.filter-bar ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.filter-bar h2 {
    font-size: 1.2rem;
    font-weight: bold;
    color: #030303;
    text-align: center;
    padding: 14px 0;
}

.filter-bar img {
    width: 40px;
    height: 40px;
    margin-left: 6px;
}

.bookmark-bar {
    width: 100%;
    height: 44px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    background: #fff;
    border-bottom: solid 1px #e6e5e5;
}

.bookmark-bar ul {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.bookmark-bar li {
    font-size: 1rem;
    line-height: 2.6rem;
    text-align: center;
    color: #b1b1b1;
}

.bookmark-bar .active {
    color: #313131;
    font-weight: bold;
}

.bar-line-AT {
    margin-top: -5px;
}

.bar-line-AT-L {
    width: 50%;
}

.bar-line-AT-R {
    width: 50%;
    margin-left: 50%;
}

.bar-line-AT-LX3 {
    width: 33.333%;
}

.bar-line-AT-CX3 {
    width: 33.333%;
    margin-left: 33.333%;
}

.bar-line-AT-RX3 {
    width: 33.333%;
    margin-left: 66.666%;
}

.bar-line-001 {
    background: #ffdf96;
    height: 3px;
    border-radius: 1.5px;
    margin-top: 6px;
}

.bar-line-002 {
    background: #feb101;
    height: 3px;
    border-radius: 1.5px;
    margin: 0 4px;
}

.bar-line-003 {
    background: #fd4c00;
    height: 3px;
    border-radius: 1.5px;
    margin: 0 4px;
}

/*header 樣式 End--------------*/

/*main 樣式 Start--------------*/
.main {
    width: 100%;
    margin-top: 61px;
    margin-bottom: 2.5%;
}

.main-mtop-0 {
    margin-top: 0px;
}

.main-mtop-106 {
    margin-top: 106px;
}

.main-mtop-150 {
    margin-top: 150px;
}

.main-mtop-220 {
    margin-top: 220px;
}

.main-mtop-252 {
    margin-top: 252px;
}

.main-mtop-260 {
    margin-top: 260px;
}

.main-mtop-276 {
    margin-top: 276px;
}

.main-mtop-47 {
    margin-top: 47px;
}

.main-mtop-44 {
    margin-top: 44px;
}

.main-mtop-60 {
    margin-top: 60px;
}

.main-mbottom-65 {
    margin-bottom: 65%;
}

.main-mbottom-4 {
    margin-bottom: 4%;
}

.main-mbottom-20 {
    margin-bottom: 20%;
}

.main-mbottom-30 {
    margin-bottom: 30%;
}

.BG-POPUP {
    background: rgba(245, 245, 245, 0.96);
    height: 100vh;
    /*display: flex;
    flex-flow: column;*/
    padding-top: 15%;
}

.BG-POPUP_VHC {
    background: rgba(0, 0, 0, 0.1);
    height: 100vh;
    display: flex;
    flex-flow: row nowrap;
    place-content: stretch center;
    align-items: center;
}

.POPUP_card {
    border-radius: 12px 12px 0px 0px;
    background-color: #ff6300;
    font-size: 1.0625rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin: 0 24px;
    padding: 12px 20px;
}

.POPUP_card-vou {
    border-radius: 12px 12px 0px 0px;
    border: 1px solid #FF6300;
    border-bottom: 0px;
    background-color: #fff;
    font-size: 1.0625rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin: 0 24px;
    padding: 12px 20px;
}

@media (max-width: 320px) {
    .POPUP_card {
        font-size: .9rem;
    }
}

.POPUP_card-close {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
}

.POPUP_card-close p {
    width: calc(100% - 75px);
    padding-top: 3px;
}

.POPUP_content {
    border: 1px solid #FF6300;
    background: #fff;
    border-radius: 0px 0px 12px 12px;
    margin: 0 24px;
    padding: 24px 12px 0 12px;
}

.POPiOS {
    border: 0px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 12px;
}

.POPiOS button {
    color: #20aa88;
}

.POPUP_prompt {
    width: 100%;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 12px;
}

.POPUP_prompt ul {
    margin-top: 18px;
}

.POPUP_prompt li {
    display: list-item;
    text-align: -webkit-match-parent;
    list-style-type: decimal;
    text-align: left;
    margin-left: 18px;
}

.POPUP_prompt h3 {
    font-size: .8rem;
}

.POPUP_text {
    width: 100%;
    height: 85vw;
    margin-bottom: 12px;
    background: #848484;
}

.POPUP_BTN {
    display: flex;
    justify-content: flex-start;
    font-size: 1.2rem;
    border-top: 1px solid #bcbbc1;
    padding: 6px;
    background: #fff;
    border-radius: 0px 0px 12px 12px;
}

.POPUP_BTN-dis {
    border: 0px;
}

.btn-POPUP {
    font-size: 1.2rem;
    font-weight: bold;
    width: 50%;
    color: #313131;
    text-align: center;
    padding: 8px;
}

.btn-POPUP-S {
    width: 100%;
}

.btn-POPUP-L {
    border-right: 1px solid #bcbbc1;
}

.BG-POPUP-Teach {
    background: rgba(255, 255, 255, 0.92);
    padding: 0 24px;
    height: 100vh;
    display: flex;
    align-items: center;
}

.divider-Teach {
    width: 100%;
    border: 1px solid #ff6300;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(170, 170, 170, 0.06), 0 4px 12px 0 rgba(197, 197, 197, 0.07);
    margin: 0 auto;
    padding: 24px 16px 36px 16px;
}

.divider-Teach h1 {
    font-size: 1.375rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 24px;
}

.divider-Teach li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 30px;
}

.divider-Teach li p {
    font-size: .8rem;
    line-height: 1.25rem;
    padding-left: 8px;
}

.Teach-cfm {
    font-size: .8rem;
    margin-top: 13PX;
}

.Teach-cfm P {
    font-size: 1rem;
    font-weight: bold;
    padding-left: 8px;
}

.RABX3 {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.RABX3 li {
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.2rem;
}

.PIC-game {
    width: 30%;
    margin-bottom: 2.5%;
}

.PIC-telecom {
    width: 45%;
    margin-bottom: 2.5%;
}

/* 如果最后一行是2个元素  參考資料：https://www.zhangxinxu.com/wordpress/2019/08/css-flex-last-align/*/
.PIC-game:last-child:nth-child(3n - 1) {
    margin-right: calc(30% + 7% / 3);
}

/* 如果最后一行是1个元素 */
.PIC-game:last-child:nth-child(3n - 2) {
    margin-right: calc(60% + 14% / 3);
}

.PIC-telecom:last-child:nth-child(2n - 1) {
    margin-right: calc(44.5% + 7.5% / 2);
}

.h2-index {
    font-size: 1.2rem;
    font-weight: bold;
    padding: 20px 6.2%;
}

.btn-index {
    width: 28%;
    height: 55px;
    margin-bottom: 2.5%;
    font-size: 1.0625rem;
    font-weight: normal;
    color: #fff;
    text-align: center;
    background: linear-gradient(to bottom, #a6aebd 5%, #8a90ae 100%);
    background-color: #a6aebd;
    box-shadow: 0px 1px 6px 0px #d4dbec;
    border-radius: 12px;
    line-height: 1.6rem;
}

/* 如果最后一行是2个元素  參考資料：https://www.zhangxinxu.com/wordpress/2019/08/css-flex-last-align/*/
.btn-index:last-child:nth-child(3n - 1) {
    margin-right: calc(29% + 9% / 3);
}

/* 如果最后一行是1个元素 */
.btn-index:last-child:nth-child(3n - 2) {
    margin-right: calc(57.5% + 20% / 3);
}

/*.btn-index:last-child:nth-child(2n - 1) {
    margin-right: calc(28% + 8% / 2);
}*/

.top-logo {
    padding: 0 47px;
}

.divider_card {
    border-radius: 12px 12px 0px 0px;
    box-shadow: 0 -0.5px 0 0 rgba(0, 0, 0, 0.05);
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.15);
    background-color: #e6e5e5;
    font-weight: bold;
    margin: 0 12px;
    padding: 4px 20px;
    font-size: 1rem;
    line-height: 1.5rem;
}

.divider_content {
    box-shadow: 0 2px 4px 0 rgba(170, 170, 170, 0.06), 0 4px 12px 0 rgba(197, 197, 197, 0.07);
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(to bottom, #ffffff, #efefef);
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #efefef);
    background-origin: border-box;
    border-radius: 0px 0px 12px 12px;
    margin: 0 12px 117px 12px;
}

.divider_PIC_TEXT {
    display: flex;
    justify-content: flex-start;
    padding: 8px 12px 8px 8px;
    border-bottom: 1px solid #e6e5e5;
}

.divider_PIC {
    width: 32%;
}

.divider_TEXT {
    width: 68%;
    padding: 16px 0 6px 16px;
}

.divider_TEXT ul {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.divider_TEXT_PN {
    font-size: 1.25rem;
    margin-bottom: 11px;
}

.divider_TEXT_PR {
    font-size: 1rem;
    font-weight: normal;
}

.divider_TEXT_QTY {
    display: flex;
    justify-content: flex-end;
    margin-top: 12px;
}

.divider_TEXT_QTY .QTY {
    padding-top: 9px;
    font-size: 1rem;
    font-weight: normal;
}

.divider_TEXT_QTY form {
    width: 123px;
    height: 34px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #efefef;
    margin-left: 9px;
    display: flex;
    justify-content: space-between;
}

.divider_TEXT_QTY input[type="button"] {
    width: 34px;
    height: 34px;
    margin-top: -1px;
}

.divider_TEXT_QTY .btn-minus-n {
    background-image: url(../img/btn-minus-n.svg);
}

.divider_TEXT_QTY .btn-minus-dis {
    background-image: url(../img/btn-minus-dis.svg);
}

.divider_TEXT_QTY .btn-plus-n {
    background-image: url(../img/btn-plus-n.svg);
}

.divider_TEXT_QTY .btn-plus-dis {
    background-image: url(../img/btn-plus-dis.svg);
}

.divider_TEXT_QTY input[type=text] {
    width: 44px;
    text-align: center;
    font-size: 1.2rem;
}

.form-flxe {
    display: flex;
}

.form-con {
    justify-content: space-between;
}

.divider-input {
    border-radius: 12px;
    box-shadow: 0 2px 4px 0 rgba(170, 170, 170, 0.06), 0 4px 12px 0 rgba(197, 197, 197, 0.07);
    border: 1px solid;
    border-image-source: linear-gradient(to bottom, #ffffff, #efefef);
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #efefef);
    background-origin: border-box;
    margin: 0 12px 0 12px;
    padding: 16px 12px 24px 12px;
}

.input-single {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    padding: 6px 0 6px 12px;
}

.input-mb-16 {
    margin-bottom: 16px;
}

.divider-input h2 {
    font-size: 1rem;
    font-weight: bold;
}

.divider-input h3 {
    font-size: 1rem;
    font-weight: bold;
    margin-top: 24px;
}

.divider-input input[type="tel"],
.divider-input input[type="text"] {
    width: 100%;
    height: 44px;
    border-bottom: 1px solid #bcbbc1;
    border-radius: 0px;
}

.input-deltext input:focus {
    outline: 0;
    background: url("../img/btn-delete-text-n.svg") no-repeat right center transparent;
}

.divider-input p {
    font-size: .8rem;
    line-height: 1.2rem;
    margin-top: 4px;
}

.divider-input-not input[type="tel"],
.divider-input-not input[type="text"] {
    border-bottom: 2px solid #ff001f;
}

.input-grids {
    display: flex;
    justify-content: space-between;
}

.input-grids input {
    text-align: center;
}

.serv-guide {
    margin: 0 16px;
}

.serv-guide h4 {
    font-size: 1.2rem;
    font-weight: bold;
    padding-bottom: 16px;
}

.grids-hyphen {
    width: 25px;
    height: 44px;
    text-align: center;
    font-weight: bold;
    line-height: 2.97rem;
    color: #bcbbc1;
}

.serv-tel,
.serv-ibonmobile {
    display: flex;
    justify-content: center;
    font-size: .8rem;
    line-height: 1.14rem;
}

.serv-ibonmobile h5 {
    padding-left: 9px;
}

.serv-info {
    display: flex;
    justify-content: flex-start;
    margin-top: 8px;
}

.serv-info h4 {
    font-size: 1rem;
    font-weight: bold;
    color: #00a0fc;
    line-height: 1.35rem;
    padding-left: 8px;
}

.divider-input-flex {
    display: flex;
    flex-wrap: wrap;
    /*padding: 16px 20px 24px 20px;*/
    padding: 16px 20px 0 20px;
}

.divider-input-flex-W100 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
}

.divider-input select,
.divider-input button {
    font-size: 1rem;
    color: #313131;
    width: 100%;
    height: 44px;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.divider-input .btn-white-two button,
.divider-Teach .btn-white-two button,
.sendgoods-filterbox .btn-white-two button,
.popcard-content-text button {
    color: #fd4c01;
    height: 36px;
    border-radius: 13px;
    border: solid 1px #cccccc;
    background-image: linear-gradient(to bottom, #f6f6f6, #e9e9e9);
    margin-top: 24px;
}

.divider-Teach .btn-white-two {
    margin: 0 24px;
}

.divider-Teach .btn-white-two button {
    width: 100%;
    margin-top: 13px;
}

.kind-select select {
    border-bottom: 1px solid #bcbbc1;
    border-radius: 0;
    background: url("../img/btn-arrow-downg-n.svg") no-repeat right center transparent;
}

.kind-select select:focus {
    border-bottom: 1px solid #ff6300;
    outline: 0;
    background: url("../img/btn-arrow-downg-t.svg") no-repeat right center transparent;
}

.kind-select select::-ms-expand {
    display: none;
}

.select-oftenuse,
.button-scan,
.pendingpay-button-scan {
    padding: 0;
    border-radius: 12px;
    margin-bottom: 16px;
    font-weight: bold;
}

.select-oftenuse select {
    height: 53px;
    border-radius: 12px;
    padding: 16px 53px 16px 12px;
    font-size: 1rem;
    font-weight: bold;
    background: url("../img/btn-arrow-downg-oftenuse-n.svg") no-repeat right center transparent;
}

.button-scan button,
.button-TKT-INQ button,
.pendingpay-button-scan button {
    display: flex;
    justify-content: flex-start;
    height: 74px;
    text-align: left;
    border-radius: 12px;
    padding: 16px 53px 16px 12px;
    font-weight: bold;
    background: url(../img/btn-arrow-right-n.svg) no-repeat right center transparent;
}

.button-scan button h2 {
    padding: 13px 0 0 16px;
}

.button-TKT-INQ {
    padding: 0;
    margin-bottom: 24px;
}

.button-TKT-INQ button {
    align-items: center;
    padding: 16px 53px 16px 16px;
}

.button-TKT-INQ button h2 {
    width: 21px;
    height: 21px;
}

.button-TKT-INQ button p {
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5rem;
    margin-top: 0;
}

.select-oftenuse select:focus {
    outline: 0;
    border-radius: 12px;
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    box-shadow: 0 2px 4px 0 rgba(170, 170, 170, 0.06), 0 4px 12px 0 rgba(197, 197, 197, 0.07);
    border: solid 2px #ff6300;
    background: url("../img/btn-arrow-downg-oftenuse-t.svg") no-repeat right center transparent;
}

.select-oftenuse select::-ms-expand {
    display: none;
}

.btn-flex-Single {
    flex-direction: row;
    justify-content: center;
    flex: 100%;
    margin-bottom: 16px;
}

.btn-flex-double {
    flex-direction: row;
    justify-content: center;
    flex: calc(50% - 16px);
    margin-bottom: 16px;
}

.btn-flex-double:last-child:nth-child(2n - 1) {
    /*margin-bottom: 24px;*/
    margin-right: 50%;
}

/* 如果最后一行是1个元素
.btn-flex-double:last-child:nth-child(3n - 1) {
    margin-bottom: 0;
    margin-right: 50%;
}
.btn-flex-double:last-child:nth-child(3n - 2) {
    margin-bottom: 0;
    margin-right: 50%;
} */

.divider_content input[type=checkbox],
.divider-selectbill input[type=checkbox],
.divider-myinfo input[type=checkbox],
.divider-Teach input[type=checkbox],
.footer-check_box input[type=checkbox],
.print-list-td input[type=checkbox],
.same-checkbox input[type=checkbox],
.sendgoods-list-td input[type=checkbox] {
    width: 36px;
    height: 36px;
}

.divider_content .checkbox-dis,
.divider-selectbill .checkbox-dis,
.divider-myinfo .checkbox-dis,
.divider-Teach .checkbox-t,
.print-list-td .checkbox-dis,
.same-checkbox .checkbox-dis,
.sendgoods-list-td .checkbox-dis {
    background: url(../img/btn-check-box-dis.svg);
}

.divider_content .checkbox-n,
.divider-selectbill .checkbox-n,
.divider-myinfo .checkbox-n,
.divider-Teach .checkbox-n,
.footer-check_box .checkbox-n,
.print-list-td .checkbox-n,
.same-checkbox .checkbox-n,
.sendgoods-list-td .checkbox-n {
    background: url(../img/btn-check-box-n.svg);
}

.divider_content .checkbox-t,
.divider-selectbill .checkbox-t,
.divider-myinfo .checkbox-t,
.divider-Teach .checkbox-t,
.footer-check_box .checkbox-t,
.print-list-td .checkbox-t,
.same-checkbox .checkbox-t,
.sendgoods-list-td .checkbox-t {
    background: url(../img/btn-check-box-t.svg);
}

.divider_content hr {
    margin-block-start: 0em;
    margin-block-end: 0em;
    border: 0;
    background-color: #e6e5e5;
    height: 1px;
}

.divider_content_form {
    padding: 4px 20px;
}

.divider_content_form table {
    width: 100%;
    font-size: 1.2rem;
    text-align: center;
    margin-top: 20px;
}

.divider_content_form th {
    font-size: 1rem;
    font-weight: bold;
}

.divider_content_form td {
    line-height: 21px;
}

.divider_content_form .PN {
    font-size: 1rem;
    margin-bottom: 6px;
}

.divider_content_form .number {
    font-size: 1rem;
}

.divider_content_form .PS,
.divider_content_form .PS span {
    font-size: .8rem;
    line-height: 1.35rem;
}

.divider_payment {
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    text-align: center;
    padding: 16px;
    margin-bottom: 24px;
}

.divider_payment h2 {
    font-size: 1.2rem;
    font-weight: bold;
}

.divider_payment h3 {
    font-size: 1.2rem;
    font-weight: bold;
    color: #fd4d01;
    margin-top: 16px;
}

.divider-payinfo {
    border-radius: 12px;
    box-shadow: 0 2px 4px 0 rgba(170, 170, 170, 0.06), 0 4px 12px 0 rgba(197, 197, 197, 0.07);
    border: 1px solid;
    border-image-source: linear-gradient(to bottom, #ffffff, #efefef);
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #efefef);
    background-origin: border-box;
    margin: 0 12px 0 12px;
    padding: 16px 0 24px 16px;
    margin-bottom: 16px;
    display: flex;
    flex-flow: row nowrap;
    place-content: stretch space-between;
    align-items: flex-start;
}

.divider-payinfo-n {
    box-shadow: none;
    border: none;
    border-image-source: none;
    background-image: none;
    background-origin: border-box;
    margin: 0 24px 0 12px;
    padding: 0 0 24px 16px;
    margin-bottom: 16px;
    display: flex;
}

.payinfo-items h2 {
    font-size: 1.2rem;
    font-weight: bold;
    padding: 10px 5px 0 16px;
}

.payinfo-items p {
    font-size: .8rem;
    padding: 8px 5px 0 16px;
    line-height: 1.48rem;
}

.divider-myinfo {
    border-radius: 12px;
    box-shadow: 0 2px 4px 0 rgba(170, 170, 170, 0.06), 0 4px 12px 0 rgba(197, 197, 197, 0.07);
    border: 1px solid;
    border-image-source: linear-gradient(to bottom, #ffffff, #efefef);
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #efefef);
    background-origin: border-box;
    margin: 0 12px 0 12px;
    padding: 16px 0 0 10px;
    margin-bottom: 16px;
}

.selectbill-myinfo {
    display: flex;
    flex-flow: row nowrap;
    place-content: stretch start;
    align-items: flex-start;
}

.myinfo-items h2 {
    font-size: 1rem;
    font-weight: bold;
    padding: 10px 18px 0 8px;
}

.myinfo-items p {
    font-size: .8rem;
    padding: 8px 18px 0 8px;
    margin-bottom: 24px;
    line-height: 1.33rem;
}

.btn_seg_r {
    font-size: 1rem;
    padding: 8px 16px;
    margin-bottom: 8px;
    display: flex;
    justify-content: space-between;
}

.btn_seg_l_t {
    width: 50%;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(149, 147, 146, 0.5);
    text-align: center;
    color: #ffffff;
    border: 1px solid #ff6300;
    background: #ff6300;
    border-radius: 20px 0 0 20px;
    padding: 5px 0;
}

.btn_seg_l_n {
    width: 50%;
    text-align: center;
    color: #fd4c01;
    border: 1px solid #ff6300;
    border-radius: 20px 0 0 20px;
    padding: 5px 0;
}

.btn_seg_r_n {
    width: 50%;
    text-align: center;
    color: #fd4c01;
    border: 1px solid #ff6300;
    border-radius: 0 20px 20px 0;
    padding: 5px 0;
}

.btn_seg_r_t {
    width: 50%;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(149, 147, 146, 0.5);
    text-align: center;
    color: #ffffff;
    border: 1px solid #ff6300;
    background: #ff6300;
    border-radius: 0 20px 20px 0;
    padding: 5px 0;
}

.btn_seg_c_t {
    width: 50%;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(149, 147, 146, 0.5);
    text-align: center;
    color: #ffffff;
    border: 1px solid #ff6300;
    background: #ff6300;
    padding: 5px 0;
}

.btn_seg_c_n {
    width: 50%;
    text-align: center;
    color: #fd4c01;
    border: 1px solid #ff6300;
    padding: 5px 0;
}

.eTag-step {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 44px;
}

.eTag-step p {
    padding: 0 34px 0 10px;
    margin: 0;
}

.eTag-card {
    background: url(../img/group-2.svg);
    width: 345px;
    height: 151px;
    margin: 0 auto;
}

.eTag-text {
    margin-left: 78px;
    padding-top: 22px;
}

.eTag-card h2 {
    font-size: .8rem;
    margin-bottom: 6px;
}

.eTag-pop-card {
    font-size: .8rem;
    background: url(../img/img-popup-no-header-new.svg);
    width: 315px;
    height: 135px;
    margin: 0 auto;
}

.eTag-pop-text {
    margin-left: 65px;
    padding-top: 14px;
}

.eTag-pop-card h2 {
    margin-bottom: 6px;
}

.eTag-pop-card p {
    text-align: center;
    margin-top: 18px;
}

.divider-pop-Barcode {
    width: 236px;
}

.eTag-pop-Barcode {
    height: 48px;
    background: #b1b1b1;
}

.divider-pop-Barcode h2 {
    text-align: center;
    margin-top: 6px;
}

.divider-selectbill {
    border-radius: 12px;
    box-shadow: 0 2px 4px 0 rgba(170, 170, 170, 0.06), 0 4px 12px 0 rgba(197, 197, 197, 0.07);
    border: 1px solid;
    border-image-source: linear-gradient(to bottom, #ffffff, #efefef);
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #efefef);
    background-origin: border-box;
    margin: 0 12px 0 12px;
    padding: 16px 0 0 16px;
    margin-bottom: 16px;
    display: flex;
    flex-flow: row nowrap;
    place-content: stretch start;
    flex-wrap: wrap;
    align-items: flex-start;
}

.items-R-text-W40 {
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
}

.selectbill-items h2 {
    font-size: 1.2rem;
    font-weight: bold;
    padding: 10px 5px 0 12px;
    line-height: 1rem;
}

.selectbill-items p {
    font-size: 1rem;
    padding: 8px 5px 0 12px;
    line-height: 1.46rem;
}

.selectbill-items span {
    font-size: 1rem;
    color: #ff001f;
}

.selectbill-items .no-more {
    margin-bottom: 24px;
}

.selectbill-items .no-more p {
    font-size: 1rem;
    line-height: 1.5rem;
}

.selectbill-items ul {
    margin-bottom: 24px;
}

.selectbill-items li {
    display: list-item;
    text-align: -webkit-match-parent;
    list-style-type: decimal;
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: left;
    margin-left: 30px;
}

.selectbill-items .more {
    display: flex;
    flex-flow: row nowrap;
    place-content: stretch flex-end;
    align-items: flex-start;
}

.selectbill-items .more p {
    font-size: .8rem;
    color: #979797;
}

.selectbill-items .more-open p {
    color: #fd4d01;
    font-weight: bold;
}

.selectbill-items button {
    padding: 5px 10px;
    border: 1px solid #9c9c9d;
    border-radius: 5px;
    color: #9c9c9d;
    margin: 0 10px 10px 0;
    font-size: .8rem;
    ;
}

.selectbill-items .often-btn-go button {
    background-image: linear-gradient(to bottom, #50c53e, #1b8140 99%);
    color: #ffffff;
    width: 80px;
    height: 36px;
    font-size: 1rem;
    margin-top: 10px;
}

.divider-selectbill hr {
    margin-block-start: 0em;
    margin-block-end: 0em;
    border: 0;
    background-color: #e6e5e5;
    height: 1px;
    margin-left: 28px;
}

.selectbill-bill {
    padding: 16px 19px 8px 44px;
    font-size: .8rem;
}

.bill-TV h2 {
    font-weight: bold;
    padding-bottom: 12px;
}

.bill-TV h3 {
    padding-bottom: 16px;
}

.bill-TV p {
    font-size: 1rem;
    line-height: 1.5rem;
    padding-bottom: 16px;
}

.bill-TEL h2 {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.425rem;
}

.bill-TEL p {
    font-size: .8rem;
    line-height: 1.3rem;
    padding-bottom: 16px;
}

.bill-TEL p span {
    display: block;
    font-size: .8rem;
    line-height: 1.3rem;
}

.items-water {
    padding-bottom: 16px;
}

.items-water span {
    font-weight: bold;
    color: #ff001f;
}

.items-water .deadline {
    display: inline-block;
    color: #fff;
    font-size: .8rem;
    font-weight: normal;
    background: #d0021b;
    border-radius: 10px;
    text-align: center;
    padding: 2px 8px;
}

.divider-ness {
    margin: 0 32px;
    font-size: 1rem;
    line-height: 1.5rem;
}

.divider-ness h3 {
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 24px;
}

.ness-VHC {
    height: 100vh;
    display: flex;
    flex-flow: row nowrap;
    place-content: stretch center;
    align-items: center;
}

.divider-ness h2 {
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.5rem;
}

.ness-p-mb22 {
    font-size: 1rem;
    margin-bottom: 22px;
}

.divider-ness li {
    display: list-item;
    text-align: -webkit-match-parent;
    list-style-type: decimal;
    margin-left: 18px;
}

.ness-mT1 li {
    list-style: none;
    text-indent: -1rem;
    margin-left: 1rem;
}

.ness-suT1 li {
    list-style: none;
    text-indent: -1rem;
    margin-left: 1rem;
}

.ness-suT2 li {
    list-style: none;
    text-indent: -0.85rem;
    margin-left: 0.85rem;
}

.divider-ness th,
.divider-ness td {
    font-size: .8rem;
    line-height: 1.2rem;
    border: 1px solid #313131;
    padding: .05rem;
}

@media (min-width: 376px) {
    .ness-br-min-376 {
        display: none;
    }
}

@media (min-width: 321px) {
    .ness-br-min-321 {
        display: none;
    }
}

/*loading css 動畫Start*/
.loading-BG {
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
}

.loading-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.loading-content img {
    width: 50%;
}

.lds-spinner {
    color: official;
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
}

.lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background: #616a5b;
}

.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}

@keyframes lds-spinner {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.loading-mT {
    font-size: .8rem;
    text-align: center;
}

/*loading css 動畫End*/

.often {
    font-size: 1rem;
}

.often h2 {
    font-size: 1.0625rem;
    background: #e5e5e5;
    font-weight: bold;
    padding: 12px 24px;
}

.often-btn {
    background: #fff;
}

.often button {
    font-size: 1.0625rem;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    background: url(../img/btn-arrow-right-n.svg) no-repeat right center transparent;
    text-align: left;
    padding: 12px 24px;
}

/*20210928 列印頁態 開始*/
.main-print-upload {
    margin-top: 161px;
}

.print-upload {
    background: #fff;
    height: 75px;
    padding: 0 10px;
}

.print-button {
    width: 80%;
    height: 36px;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    line-height: 2.3rem;
    color: #fd4c01;
    border-radius: 13px;
    border: solid 1px #cccccc;
    background-image: linear-gradient(to bottom, #f6f6f6, #e9e9e9);
}

.bookmark-bar-print {
    height: 75px;
}

.bookmark-bar-print li {
    font-size: .8rem;
    line-height: .85rem;
    padding-top: 0;
}

.bookmark-bar-print .print-AT-localfile {
    width: 33.333%;
}

.bookmark-bar-print .print-AT-googledrive {
    margin-left: 33.333%;
    width: 33.333%;
}

.bookmark-bar-print .print-AT-dropbox {
    margin-left: 66.666%;
    width: 33.333%;
}

/*.print-upload ul {
    display: flex;
    flex-flow: row nowrap;
    place-content: flex-start space-between;
    align-items: flex-start;
    font-size: .8rem;
    text-align: center;
}
.print-upload li {
    width: 85px;
    height: 56px;
    color: #b1b1b1;
}
.print-upload .font-t {
    font-weight: bold;
    color: #313131;
}*/
.print-list-th {
    background: #e6e5e5;
    width: 100%;
}

.print-list-th th,
.print-list-td td {
    font-size: 1rem;
    padding: 12px 3px;
}

.print-list-td td {
    padding: 12px 3px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.print-list-td {
    background: #fff;
    color: #313131;
    line-height: 1.5rem;
}

.print-list-td-thumbnail {
    width: 48px;
    height: 48px;
    border: 1px solid #dbdcdc;
    margin: 0 auto;
    border-radius: 4px;
}

.print-list-td-VAM {
    vertical-align: middle;
}

.print-format {
    border-radius: 12px;
    box-shadow: 0 2px 4px 0 rgb(170 170 170 / 6%), 0 4px 12px 0 rgb(197 197 197 / 7%);
    border: 1px solid;
    border-image-source: linear-gradient(to bottom, #ffffff, #efefef);
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #efefef);
    background-origin: border-box;
    margin: 0 12px 0 12px;
    padding: 16px 12px 24px 12px;
}

.print-format-btn_seg {
    display: flex;
    flex-flow: row nowrap;
    place-content: flex-start space-between;
    align-items: flex-start;
}

.print-format-btn_seg h2 {
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.5rem;
    width: 20%;
}

.print-format-btn_seg_r {
    padding: 0;
    margin-bottom: 40px;
    width: 80%;
}

.print-format p {
    font-size: .8rem;
    text-align: right;
    margin: 3px 0 24px 0;
}

@media (max-width: 375px) {
    .print-format-btn_seg h2 {
        font-size: .8rem;
    }

    .print-format-btn_seg_r {
        font-size: .7rem;
    }

    .print-format p {
        font-size: .7rem;
    }
}

/*20210928 列印頁態 結束*/

/*20211001 寄件頁態 開始*/
.page-image {
    margin: 12px auto;
    width: 50%;
    height: auto;
    border-radius: 5px;
}

.sendgoods-title {
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.8rem;
    margin: 0 16px;
}

.sendgoods-title span {
    font-size: .8rem;
    font-weight: normal;
    color: #ff001f;
    line-height: 1.9rem;
}

@media (max-width: 375px) {
    .sendgoods-title span {
        font-size: .7rem;
    }
}

.sendgoods-freight {
    font-size: 1rem;
    line-height: 2.7rem;
}

.sendgoods-prompt {
    font-size: .8rem;
    line-height: 1.1rem;
}

.sendgoods-anc {
    font-size: 1rem;
    line-height: 1.5rem;
    background: #fff;
    border: solid 1px #e6e5e5;
    padding: 12px 12px;
    margin-bottom: 15px;
}

.sendgoods-info h4 {
    font-size: .8rem;
    font-weight: normal;
    color: #313131;
    line-height: 1.35rem;
    padding-left: 8px;
}

.sendgoods-filter-bar {
    width: 100%;
    height: 44px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.sendgoods-filter-bar ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.sendgoods-filter-bar h2 {
    font-size: 1rem;
    font-weight: bold;
    color: #030303;
    text-align: center;
    padding: 0;
}

.sendgoods-filter-bar .text-12 {
    font-size: .7rem;
}

.sendgoods-filter-bar img {
    width: 40px;
    height: 40px;
    margin-left: 4px;
}

.sendgoods-list-th {
    background: #e6e5e5;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.sendgoods-list-th th,
.sendgoods-list-td td {
    font-size: 1rem;
    padding: 12px 3px;
    text-align: left;
    vertical-align: middle;
}

.sendgoods-list-td {
    width: 100%;
    background: #fff;
    color: #313131;
    line-height: 1.5rem;
}

.sendgoods-list-td td {
    padding: 12px 3px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.sendgoods-filterbox {
    background: #fff;
    border-bottom: solid 1px #e6e5e5;
    padding: 16px 16px 0 16px;
}

.sendgoods-filterbox-grey {
    background: #f5f5f5;
    border-bottom: solid 1px #e6e5e5;
    padding-top: 16px;
}

.sendgoods-filterbox .btn-white-two button {
    width: 100%;
    margin: 0 0 10px 0;
}

.sendgoods-bookmark-bar li {
    width: 25%;
    font-size: 1rem;
    text-align: center;
    line-height: 2.4rem;
}

.sendgoods-bookmark-bar .active {
    font-weight: bold;
    color: #ff6300;
    border-bottom: 3px solid #ff6300;
}

.sendgoods-filterlist,
.sendgoods-pickup {
    padding: 0 16px;
}

.sendgoods-filterlist-fixedth {
    padding-top: 23px;
    background: #f5f5f5;
}

.sendgoods-filterlist table,
.sendgoods-pickup table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.sendgoods-filterlist th {
    font-size: 1rem;
    background: #e6e5e5;
    padding: 0;
    text-align: left;
    vertical-align: middle;
}

.sendgoods-filterlist th:first-child {
    border-top-left-radius: 10px;
}

.sendgoods-filterlist th:last-child {
    border-top-right-radius: 10px;
}

.sendgoods-filterlist td {
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 12px 0;
    text-align: left;
    vertical-align: middle;
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.sendgoods-pickup td {
    font-size: .9rem;
    line-height: 1.5rem;
    padding: 12px 0;
    text-align: left;
    vertical-align: middle;
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.sendgoods-pickup button {
    font-size: .9rem;
    padding: 10px;
    line-height: 1.2rem;
}

@media (max-width: 375px) {
    .sendgoods-filterlist td {
        font-size: .9rem;
        line-height: 1.35rem;
    }

    .sendgoods-pickup td {
        font-size: .8rem;
        line-height: 1.2rem;
    }
}

@media (max-width: 320px) {
    .sendgoods-pickup td {
        font-size: .75rem;
        line-height: 1.1rem;
    }
}

.sendgoods-filterlist tbody:last-of-type td,
.sendgoods-pickup tbody:last-of-type td {
    border: 0;
}

.sendgoods-pickup tbody:first-of-type td:first-child {
    border-top-left-radius: 10px;
}

.sendgoods-pickup tbody:first-of-type td:last-child {
    border-top-right-radius: 10px;
}

.sendgoods-filterlist tbody:last-of-type td:first-child,
.sendgoods-pickup tbody:last-of-type td:first-child {
    border-bottom-left-radius: 10px;
}

.sendgoods-filterlist tbody:last-of-type td:last-child,
.sendgoods-pickup tbody:last-of-type td:last-child {
    border-bottom-right-radius: 10px;
}

.sendgoods-CEV td {
    padding-left: 10px;
    padding-right: 10px;
}

@media (max-width: 320px) {
    .sendgoods-CEV td {
        padding-left: 5px;
        padding-right: 5px;
    }
}

.sendgoods-CEV button {
    width: 100%;
    font-size: .9rem;
    padding: 4px;
    line-height: 1.2rem;
    font-weight: bold;
    color: #ffffff;
    background-color: #ff6300;
    border: 1px solid rgba(255, 255, 255, 0.41);
    border-radius: 12px;
}

.sendgoods-CEV .sendgoods-CEV-list {
    padding: 0;
    width: 46px;
}

.sendgoods-CEV-list button {
    width: 46px;
    background: none;
    padding: 0;
}

.sendgoods-filterdown {
    width: 100%;
    height: calc(100% - 220px);
    background: rgba(245, 245, 245, 0.8);
    /*margin-top: -23px;*/
    margin-top: -55px;
    position: absolute;
    z-index: 4;
}

.sendgoods-filterdown .mtop-23 {
    margin-top: 23px;
}

.sendgoods-filterdown-grey {
    width: 100%;
    height: calc(100% - 276px);
    background: rgba(245, 245, 245, 0.8);
    position: absolute;
    z-index: 4;
}

.sendgoods-filterdown-grey .mtop-23 {
    margin-top: 23px;
}

.sendgoods-lastlayer {
    position: relative;
    z-index: 1;
}

.sendgoods-list-results ul {
    margin-top: 0;
}

.sendgoods-list-results ul li:last-child {
    margin-bottom: 18px;
}

.sendgoods-list-results ul li {
    text-align: left;
    margin-bottom: 9px;
    margin-top: 0;
    list-style: none;
}

/*20211001 寄件頁態 結束*/

/*20211108 待辦繳費 開始*/
.pendingpay-filterbox {
    background: #fff;
    border-bottom: solid 1px #e6e5e5;
    padding: 0 16px;
}

.pendingpay-filterbox-grey {
    padding: 0;
}

.pendingpay-filter-bar {
    width: 100%;
    height: 44px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.pendingpay-filter-bar ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.pendingpay-filter-bar h2 {
    font-size: 1rem;
    font-weight: bold;
    color: #030303;
    text-align: center;
    padding: 0;
}

.pendingpay-filter-bar .text-12 {
    font-size: .7rem;
}

.pendingpay-filter-bar img {
    width: 40px;
    height: 40px;
    margin-left: 4px;
}

.pendingpay-selectbill {
    border-radius: 12px;
    box-shadow: 0 2px 4px 0 rgba(170, 170, 170, 0.06), 0 4px 12px 0 rgba(197, 197, 197, 0.07);
    border: 1px solid;
    border-image-source: linear-gradient(to bottom, #ffffff, #efefef);
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #efefef);
    background-origin: border-box;
    margin: 0 12px 0 12px;
    margin-bottom: 16px;
    display: flex;
    flex-flow: row nowrap;
    place-content: stretch start;
    flex-wrap: wrap;
    align-items: flex-start;
}

.pendingpay-items {
    width: 68%;
    border-right: 3px solid #38bff1;
    box-sizing: border-box;
}

.pendingpay-items-text,
.pendingpay-itemsdel-text {
    padding: 12px 6px 12px 12px;
}

.pendingpay-items h2,
.pendingpay-itemsdel h2 {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.8rem;
}

.pendingpay-items p,
.pendingpay-itemsdel p {
    font-size: .95rem;
    line-height: 1.3rem;
}

.pendingpay-items-barcode {
    width: 32%;
    text-align: center;
    box-sizing: border-box;
}

.pendingpay-items-barcode h2 {
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.2rem;
}

.pendingpay-items-barcode p {
    font-size: .7rem;
    line-height: 1rem;
}

.pendingpay-items-barcode img {
    width: 40px;
    height: 40px;
}

.pendingpay-items-barcode-imgExp {
    margin-top: 7px;
}

.pendingpay-items-barcode-imgExpNO {
    margin-top: 16px;
}

.pendingpay-items-barcode span {
    display: block;
    color: #fff;
    background: #d0021b;
    padding: 1px 5px;
    border-radius: 12px;
    margin-top: 3px;
}

.pendingpay-itemsdel {
    width: 80%;
    box-sizing: border-box;
}

.pendingpay-itemsdel-btn {
    width: 20%;
    text-align: center;
    box-sizing: border-box;
}

.pendingpay-itemsdel-btn img {
    width: 50px;
    margin-top: 30px;
}

.pendingpay-button-scan button {
    padding-bottom: 74px;
}

.pendingpay-button-scan button h2 {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.8rem;
    padding: 6px 0 0 16px;
}

.pendingpay-button-scan button h2 span {
    font-size: .95rem;
    font-weight: normal;
    line-height: 1.3rem;
}

.pendingpay-filterdown {
    width: 100%;
    height: calc(100% - 135px);
    background: rgba(245, 245, 245, 0.8);
    margin-top: -15px;
    position: absolute;
    z-index: 4;
}

.pendingpay-filterdown .mtop-23 {
    margin-top: 23px;
}

@media (max-width: 375px) {

    .pendingpay-items h2,
    .pendingpay-itemsdel h2,
    .pendingpay-button-scan button h2 {
        font-size: 1rem;
        line-height: 1.3rem;
    }

    .pendingpay-items p,
    .pendingpay-itemsdel p,
    .pendingpay-button-scan button h2 span {
        font-size: .85rem;
        line-height: 1.1rem;
    }

    .pendingpay-items-barcode h2 {
        font-size: .9rem;
        line-height: 1rem;
    }

    .pendingpay-items-barcode p {
        font-size: .7rem;
        line-height: .9rem;
    }

    .pendingpay-items-barcode-imgExp {
        margin-top: 0px;
    }

    .pendingpay-items-barcode-imgExpNO {
        margin-top: 10px;
    }

    .pendingpay-itemsdel-btn img {
        margin-top: 22px;
    }

    .pendingpay-button-scan button {
        padding-bottom: 37px;
    }
}

@media (max-width: 320px) {
    .pendingpay-items {
        width: 65%;
    }

    .pendingpay-items-text,
    .pendingpay-itemsdel-text {
        padding: 12px 2px 12px 2px;
    }

    .pendingpay-items h2,
    .pendingpay-itemsdel h2,
    .pendingpay-button-scan button h2 {
        font-size: 1rem;
        line-height: 1.3rem;
    }

    .pendingpay-items p,
    .pendingpay-itemsdel p {
        font-size: .75rem;
        line-height: 1.1rem;
    }

    .pendingpay-items-barcode {
        width: 35%;
    }

    .pendingpay-button-scan button {
        padding-right: 40px;
    }

    .pendingpay-button-scan button h2 {
        padding: 6px 0 0 8px;
    }

    .pendingpay-button-scan button h2 span {
        font-size: .7rem;
        line-height: 1.1rem;
    }
}

/*20211108 待辦繳費 結束*/
/*20211109 已完成繳費 開始*/
.compay-box {
    width: 100%;
    background: #fff;
    padding: 12px 16px 15px;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.compay-box h2 {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.8rem;
}

.compay-box p {
    font-size: 1rem;
    line-height: 1.5rem;
}

.compay-filterbox {
    background: #f5f5f5;
    border-bottom: solid 1px #e6e5e5;
    padding: 16px 16px 4px 16px;
}

.compay-filterdown {
    width: 100%;
    height: calc(100% - 150px);
    background: rgba(245, 245, 245, 0.8);
    position: absolute;
    z-index: 4;
}

.compay-filterdown .mtop-23 {
    margin-top: 23px;
}

/*20211109 已完成繳費 結束*/

/*20211109 POPCARD 開始*/
.POPUP_card-BG {
    background: #f5f5f5;
    opacity: 0.96;
    height: 100vh;
    display: flex;
    flex-flow: column nowrap;
    place-content: stretch center;
    align-items: center;
}

.POPUP_card-content {
    /*height: calc(100vh - 135px);*/
    max-height: 90%;
    border: 1px solid #FF6300;
    background: #fff;
    border-radius: 0px 0px 12px 12px;
    margin: 0 24px;
    padding: 15px 12px 0 12px;
}

.POPUP_card-content-pt20 {
    /*max-height: 90%;*/
    border: 1px solid #FF6300;
    background: #fff;
    border-radius: 0px 0px 12px 12px;
    margin: 0 24px;
    padding-top: 20px;
}

.POPUP_card-maskword {
    width: 100%;
    height: calc(80vh - 90px);
    background: #fff;
    -webkit-mask-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 92.5%, rgba(0, 0, 0, 0) 100%);
}

.popcard-content-text {
    width: 100%;
    text-align: center;
    padding-bottom: 40px;
}

.popcard-content-text h2 {
    font-size: 1.0625rem;
    font-weight: bold;
    line-height: 1.6rem;
    padding: 0 6px;
}

.popcard-content-text h3 {
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 12px 15px;
}

.popcard-content-text h4 {
    font-size: .8rem;
    line-height: 1.2rem;
    text-align: left;
    padding: 15px;
}

.popcard-overdue h2 {
    color: #ff001f;
}

.popcard-overdue h4 {
    color: #ff001f;
    text-align: center;
}

.popcard-content-text p {
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 12px 6px;
}

.popcard-content-text img {
    box-sizing: border-box;
    padding: 0 15px;
}

.popcard-content-text .payprint {
    padding: 0 6px;
}

.popcard-content-text .paybtn-n button {
    color: #b1b1b1;
    height: 36px;
    border-radius: 13px;
    border: solid 1px #cccccc;
    background-image: linear-gradient(to bottom, #f6f6f6, #e9e9e9);
    margin-top: 24px;
}

.popcard-content-text .payprint button {
    height: 36px;
    font-size: .8rem;
    color: #b1b1b1;
    background: #fff;
    border-radius: 13px;
    border: solid 1px #cccccc;
    margin-top: 9px;
}

.popcard-content-exp {
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: left;
    padding: 0 16px;
}

.popcard-content-exp h2 {
    padding: 12px 0;
}

.popcard-content-exp a {
    color: #00a0fc;
    padding: 0;
    text-decoration: none;
}

.popcard-content-exp p {
    padding: 0;
}

.popcard-content-exp ol {
    list-style-type: decimal;
    margin-left: 1.5rem;
}

.payprint .prin-btn-28pct {
    width: 28%;
}

.payprint .prin-btn-40pct {
    width: 40%;
}

.payprint .prin-btn-49pct {
    width: 49%;
}

.popcard-content-text .payprint button img {
    width: 36px;
    height: 36px;
    padding: 0;
}

.popcard-content-text .payprint button span {
    line-height: 2.2rem;
    padding-right: 5px;
}

@media (max-width: 320px) {
    .popcard-content-text .payprint button .payprint-btn-Ssize {
        width: 28%;
    }

    .popcard-content-text .payprint button span {
        padding-right: 0;
    }
}

.popcard-content-text .popcard-barcode-nd {
    font-size: .8rem;
    padding: 0 15px;
}

.popcard-content-text .popcard-barcode-img {
    box-sizing: border-box;
    padding: 0 46px;
    margin: 0;
}

.popcard-QRcode {
    width: 50%;
    margin: 0 auto;
    position: relative;
}

.popcard-QRcode img {
    width: 100%;
}

.popcard-QRcode-QR {
    position: absolute;
    z-index: 1;
}

.popcard-QRcode-used {
    position: relative;
    z-index: 2;
}

.popcard-content-text .btn-white-two,
.popcard-content-text .btn-white-two-n {
    padding: 0 46px;
}

.popcard-content-text .btn-white-two button {
    width: 100%;
    margin: 9px 0 18px 0;
}

.popcard-content-text .btn-white-two-n button {
    width: 100%;
    margin: 9px 0 18px 0;
    color: #b1b1b1;
}

.popcard-content-text hr {
    width: calc(100% - 32px);
    height: 1px;
    border-color: rgba(255, 255, 255, 0);
    box-shadow: inset 0 0.5px 0 0 rgba(0, 0, 0, 0.15);
    margin: 0 auto;
}

.popcard-content-text .popcard-payday {
    width: 100%;
    background: #f5f5f5;
    box-sizing: border-box;
    padding: 12px;
}

.popcard-content-text .popcard-payday h2 {
    font-size: 1rem;
}

.popcard-content-text .popcard-payday p {
    font-size: 1rem;
    font-weight: bold;
    color: #fd4c01;
    padding: 0 15px;
}

.popcard-overdue .popcard-payday p {
    color: #e2e2e2;
    font-weight: normal;
}

.popcard-payday-daydata {
    font-size: .85rem;
    line-height: 1.2rem;
    width: 50%;
    padding: 8px 4px 8px 24px;
}

.popcard-payday-sort {
    font-size: .85rem;
    line-height: 1.2rem;
    width: 50%;
    padding: 8px 24px 8px 4px;
}

.popcard-btn-bar {
    width: 100%;
    margin-top: 20px;
}

.popcard-singlecard button span {
    color: #e2e2e2;
}

.popcard-singlecard p {
    color: #e2e2e2;
}

.popcard-btn-bar button {
    font-size: 1.0625rem;
}

.popcard-btn-bar img {
    width: 44px;
    height: 50px;
    vertical-align: middle;
}

.popcard-btn-section {
    font-size: 1rem;
    height: 50px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

.popcard-btn-section-dis {
    color: #e2e2e2;
}

@media (max-width: 375px) {
    .popcard-content-text p {
        font-size: .9rem;
        line-height: 1.2rem;
    }
}

.preview-img {
    height: 200px;
    margin: 0 auto;
}

.preview-img img {
    padding: 0 40px;
    height: 100%;
    object-fit: scale-down;
}

.preview-img hr {
    width: calc(100% - 32px);
    height: 1px;
    border-color: rgba(255, 255, 255, 0);
    box-shadow: inset 0 0.5px 0 0 rgb(0 0 0 / 15%);
    margin: 0 auto;
    margin-top: 7px;
    margin-bottom: 7px;
}
.preview-text {
    width: 100%;
    height: 200px;
    line-height: 200px;
    text-align: center;
    vertical-align: middle;
    font-size: 1.25rem;
    color: #b1b1b1;
}

/*20211109 POPCARD 結束*/
/*20211109 紅利兌換券POPCARD 開始*/
.POPUP_card-voucouponicon {
    width: 50%;
}

.POPUP_card-content-vou {
    /*max-height: 90%;*/
    border: 1px solid #FF6300;
    background: #fff;
    border-radius: 0px 0px 12px 12px;
    margin: 0 24px;
}

.POPUP_card-content-vou .popcard-content-text h2 {
    text-align: left;
    padding: 0 25px;
}

.POPUP_card-content-vou .popcard-content-text h4 {
    padding: 15px 25px;
}

.POPUP_card-content-vou .popcard-content-text h5 {
    font-size: .8rem;
    line-height: 1.2rem;
    text-align: center;
}

.POPUP_card-content-vou .popcard-content-text h6 {
    font-size: .7rem;
    line-height: 1rem;
    text-align: left;
    padding: 0 16px;
}

.POPUP_card-vou-btn button {
    width: 107px;
    height: 36px;
    font-size: 1rem;
    color: #ffffff;
    padding: 6px 20px;
    margin: 8px 0 18px 0;
    background-image: linear-gradient(to bottom, #50c53e, #1b8140 99%);
}

.POPUP_card-igift-nb,
.POPUP_card-igift-vouused {
    width: calc(100% - 46px);
    font-size: 1rem;
    line-height: 1.2rem;
    background: #f5f5f5;
    box-sizing: border-box;
    border-radius: 12px;
    margin: 0 auto;
    padding: 10px 0;
}

.POPUP_card-igift-vouused {
    text-align: left;
}

.POPUP_card-igift-vouused-text {
    padding-left: 16px;
}

.POPUP_card-igift-nb span,
.POPUP_card-igift-vouused span {
    display: block;
    font-size: 1.0625rem;
    font-weight: bold;
}

.POPUP_card-igift-vouused {
    background: rgba(59, 189, 106, 0.1);
    margin-bottom: 16px;
}

.POPUP_card-igift-vouused img {
    width: 50px;
    padding: 0;
    vertical-align: middle;
}

/*20211109 紅利兌換券POPCARD 開始*/

/*main 樣式 End--------------*/

/*footer 樣式 Start--------------*/
.footer-check_box {
    background: #fff;
    padding: 10px 0;
}

.footer-check_box .Teach-cfm {
    font-size: .8rem;
    margin-top: 0;
}

.footer_btn {
    font-size: .8rem;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    text-align: center;
    background: #fff;
    display: flex;
    justify-content: space-between;
}

.footer_btn_dis {
    font-size: 1.25rem;
    opacity: 0.4;
    background-image: linear-gradient(to bottom, #dddcdc 1%, #a8a8a8 75%);
    color: #848484;
    padding: 18px 10px 15px 10px;

}

.footer_btn_green_n {
    font-size: 1.25rem;
    background-image: linear-gradient(to bottom, #50c53e, #1b8140 99%);
    color: #ffffff;
    padding: 18px 10px 15px 10px;
}

.footer_btn_grey_n {
    font-size: 1.25rem;
    background-image: linear-gradient(to bottom, #bfbfbf 1%, #919191 74%);
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    padding: 18px 10px 15px 10px;
}

.detailsfee {
    background-color: #ffffff;
    border-top: solid 1px #fd4c01;
    padding-bottom: 12px;
    line-height: 38px;

}

.detailsfee table {
    width: 100%;
    margin: 0 auto;
}

.detailsfee td {
    font-size: 1rem;
    padding: 0 22px;
}

.detailsfee-L {
    font-size: 1rem;
    width: 52.5%;
}

.detailsfee .detailsfee-R {
    font-size: 1.2rem;
    font-weight: bold;
}

.detailsfee hr {
    margin-block-start: 0em;
    margin-block-end: 0em;
    border: 0;
    background-color: #d9d9d9;
    height: 1px;
}

.AD-banner {
    padding: 0 15px;
    margin-bottom: 30px;
}

.AD-banner img {
    border-radius: 12px;
}

@media screen and (max-width: 320px) {
    .detailsfee td {
        padding: 0 12px;
    }
}

/*footer 樣式 End--------------*/

/*全域取消樣式 Start--------------*/
.border-B-n {
    border-bottom: none;
}

.border-T-n {
    border-top: none;
}

.border-L-n {
    border-left: none;
}

.border-R-n {
    border-right: none;
}

.border-T-t {
    border-top: 1px solid #030303;
}

.border-B-t {
    border: 1px solid #030303;
}

.margin-B-n {
    margin-bottom: 0;
}

.padding-T-0 {
    padding-top: 0;
}

.padding-B-16 {
    padding-bottom: 16px;
}

.white-bg {
    background: #fff;
}

.nobg {
    background: none;
}

/*全域取消樣式 End--------------*/

/*指對裝置寬度360以下尺寸特別調整 Start*/
@media (max-width: 360px) {
    .detailsfee td {
        font-size: .8rem;
    }

    .detailsfee .detailsfee-R {
        font-size: 1rem;
    }

    .footer_btn_dis {
        font-size: 1.25rem;
    }

    .footer_btn_green_n {
        font-size: 1.25rem;
    }

    .footer_btn_grey_n {
        font-size: 1.25rem;
    }

    .POPUP_content {
        margin: 0 10px;
    }

    .btn-POPUP {
        font-size: 1rem;
    }
}

/*指對裝置寬度360以下尺寸特別調整 End*/