@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC:300,500,700&display=swap");
.main { color: #070D4B; }

.sub { color: #01c2d8; }

.price { color: #E10E0E; }

.f-color { color: #333333; }

.sf-color { color: rgba(51, 51, 51, 0.7); }

.df-color { color: rgba(51, 51, 51, 0.5); }

.btn { outline: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50px; padding: .5rem 1.25rem; margin: .5rem; font-size: 1.25rem; color: #ffffff; background: #070D4B; border: 2px solid #070D4B; cursor: pointer; -webkit-transition: .3s; transition: .3s; }

.btn:hover { opacity: .8; -webkit-transition: .3s; transition: .3s; }

.btn.sub { border: 2px solid #01c2d8; color: #01c2d8; background: #ffffff; }

.btn.sub:hover { opacity: 1; background-color: rgba(1, 194, 216, 0.1); }

.btn.disabled { border: 2px solid #d8d8d8; color: #d8d8d8; background: #ffffff; }

.btn.more { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #01c2d8; border: 2px solid #01c2d8; background-color: #ffffff; min-width: 120px; }

.btn.more img { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: .3s; transition: .3s; }

.btn.more.small { padding: .5rem .75rem; min-width: 90px; border: 1px solid #01c2d8; }

.btn.more:hover { opacity: 1; background-color: rgba(1, 194, 216, 0.1); }

.btn.more:hover img { -webkit-transform: translateX(3px); transform: translateX(3px); -webkit-transition: .3s; transition: .3s; }

.btn.w100 { width: 100%; margin: 1rem 0; }

.btn.bigone { max-width: 400px; width: 100%; margin: 2rem 0 0; padding: 1rem; margin-left:auto; margin-right:auto; }

.trash_btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #ffffff; background: #01c2d8; /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */ background: -webkit-gradient(linear, left top, right top, from(#01c2d8), to(#008CCF)); background: linear-gradient(to right, #01c2d8, #008CCF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ border-radius: 4px; width: 2.5rem; height: 2.5rem; cursor: pointer; }

.trash_btn:hover { opacity: .8; -webkit-transition: .3s; transition: .3s; }

.code_btn { color: #ffffff; background: #01c2d8; /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */ background: -webkit-gradient(linear, left top, right top, from(#01c2d8), to(#008CCF)); background: linear-gradient(to right, #01c2d8, #008CCF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 58px; height: 58px; -webkit-box-flex: 58px; -ms-flex: 58px 0 0px; flex: 58px 0 0; margin-left: 1rem; cursor: pointer; }

.code_btn:hover { opacity: .8; -webkit-transition: .3s; transition: .3s; }

.btn_c { text-align: center; margin-top: 3rem; display:flex; justify-content:center; }

.btn_c .btn { min-width: 140px; }

.qu { position: relative; padding: 1rem 0; }

.qu p { font-weight: 500; font-size: 1.125rem; margin-bottom: .5rem; }

.input_c { position: relative; padding: 1rem; border: 1px solid #d8d8d8; }

.input_c.disable { background: #f4f4f4; }

.radio_con { margin-top: 1.5rem; }

.radio_c { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; margin-right: 2.5rem; }

.radio_c input[type="radio"] { border: 1px solid #070D4B; width: 20px; height: 20px; -webkit-box-flex: 20px; -ms-flex: 20px 0 0px; flex: 20px 0 0; margin: 0 5px 0 0; background-color: #ffffff; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.radio_c input[type="radio"]:checked::after { content: ''; display: block; border-radius: 50%; width: 12px; height: 12px; background: #070D4B; position: absolute; }

.checkbox_c { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.checkbox_c input[type="checkbox"] { border: 1px solid #070D4B; width: 18px; height: 18px; -webkit-box-flex: 18px; -ms-flex: 18px 0 0px; flex: 18px 0 0; margin: 0 5px 0 0; background-color: #ffffff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.checkbox_c input[type="checkbox"]:checked { background-image: url("../images/icon/checkbox_mark.svg"); background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; background-color: #070D4B; }

.checkbox_c input[type="radio"] { border: 1px solid #070D4B; width: 18px; height: 18px; -webkit-box-flex: 18px; -ms-flex: 18px 0 0px; flex: 18px 0 0; margin: 0 5px 0 0; background-color: #ffffff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.checkbox_c input[type="radio"]:checked { background-image: url("../images/icon/checkbox_mark.svg"); background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; background-color: #070D4B; }

.checkbox_c.smsize{ font-size:12px; font-weight:normal; vertical-align: middle; }

.select_c { border: 1px solid #d8d8d8; position: relative; }

.select_c select { padding: 1rem 2rem 1rem 1rem; }

.select_c::after { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; right: 1rem; width: 0; height: 0; display: block; border-style: solid; border-width: 6.9px 4px 0 4px; border-color: #333333 transparent transparent transparent; }

.select_d { border: 1px solid #d8d8d8; position: relative; }

.select_d select { padding: 1rem 2rem 1rem 1rem; }

.select_d::after { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; right: 1rem; width: 0; height: 0; display: block; border-style: solid; border-width: 6.9px 4px 0 4px; border-color: #333333 transparent transparent transparent; }

textarea { width: 100%; border: 1px solid #d8d8d8; padding: 1rem; }

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; }

ul { list-style: none; }

table { width: 100%; border: 0; border-collapse: collapse; border-spacing: 0; }

select { width: 100%; height: 100%; position: relative; z-index: 2; top: 0; left: 0; background: none; font-size: 1rem; }

select, input, button { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; border: 0; padding: 0; margin: 0; background: none; font-size: 16px; color: inherit; }

select, input { width: 100%; }

input[type="submit"] { width: auto; }

textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; resize: none; outline: 0; font-size: 16px; }

::-webkit-input-placeholder, input::-webkit-input-placeholder, select:invalid, select [disabled] { color: rgba(51, 51, 51, 0.5); }

:-ms-input-placeholder, input:-ms-input-placeholder, select:invalid, select [disabled] { color: rgba(51, 51, 51, 0.5); }

::-ms-input-placeholder, input::-ms-input-placeholder, select:invalid, select [disabled] { color: rgba(51, 51, 51, 0.5); }

::placeholder, input::placeholder, select:invalid, select [disabled] { color: rgba(51, 51, 51, 0.5); }

html, body { width: 100%; height: 100%; line-height: 1.5; font-size: 16px; color: #333333; }

body * { font-family: "Noto Sans TC", Helvetica, Tahoma, Arial, "PingFang TC", "Microsoft JhengHei", sans-serif; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: normal; }

body a { text-decoration: none; color: inherit; }

body a.alink:hover { color: #070D4B; }

body a.aunder:hover { text-decoration: underline; }

body a.ahover:hover { opacity: .8; -webkit-transition: .3s; transition: .3s; }

h1 { font-size: 2.5rem; }

h2 { font-size: 2rem; }

h3 { font-size: 1.75rem; }

h4 { font-size: 1.5rem; }

h5 { font-size: 1.25rem; }

h6 { font-size: 1rem; }

.fontsize_s{ font-size:0.875rem; }

p { font-weight: 300; font-size: 1rem; }

small { font-weight: 300; font-size: 12px; }

ul.dot { padding-left: 3rem; list-style: disc; list-style-position: outside; }

ul.dot li { margin-bottom: 1rem; }

ol { padding-left: 3rem; list-style-position: outside; }

ol li { margin-bottom: 1rem; }

ol.uproman { padding-left: 1.5rem; list-style-type: upper-roman; }

ol.uproman li { margin-bottom: .5rem; }

.text_l { text-align: left; }

.text_r { text-align: right; }

.text_c { text-align: center; }

.text_j { text-align: justify; }

.text_u { text-decoration: underline; }

.f_bold { font-weight: bold; }

.f_300 { font-weight: 300; }

.f_500 { font-weight: 500; }

.fz0 { font-size: 0; }

.img_rwd { max-width: 100%; height: auto; }

.inflexbox.inflexbox { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }

.flexbox.flexbox { display: -webkit-box; display: -ms-flexbox; display: flex; }

.valign_c { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.jc_sb { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.jc_c { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.mt_xs { margin-top: .5rem; }

.mt_s { margin-top: 1rem; }

.mt_sm { margin-top: 1.5rem; }

.mt_m { margin-top: 2rem; }

.mt_lg { margin-top: 4rem; }

.mr_xs { margin-right: .5rem; }

.mr_s { margin-right: 1rem; }

.mb_s { margin-bottom: 1rem; }

.mb_m { margin-bottom: 2rem; }

.wrapper { padding-top: 70px; }

.container { padding: 0 1rem; max-width: 1280px; width: 100%; margin: 0 auto; }

.container.shop_con { padding: 0; }

.spot { position: relative; top: -70px; }

header { position: fixed; width: 100%; top: 0; background-color: #ffffff; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); z-index: 5; }

.h_edit { position: relative; max-width: 1280px; width: 100%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.h_logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 70px; font-size: 0; padding-left: 10px; }

.h_logo:hover { opacity: .8; -webkit-transition: .3s; transition: .3s; }

.h_con { display: -webkit-box; display: -ms-flexbox; display: flex; }

.mainmenu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; height: 100%; margin-right: 1rem; }

.mainmenu li { position: relative; }

.mainmenu .main_item { display: block; position: relative; padding: 1rem; cursor: pointer; }

.mainmenu .main_item::after { content: ''; display: block; height: 3px; width: 2rem; background: none; position: absolute; bottom: -7px; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%); -webkit-transition: .3s; transition: .3s; }

.mainmenu .main_item:hover::after, .mainmenu .main_item.now::after { background: #01c2d8; -webkit-transition: .3s; transition: .3s; }

.submenu { display: none; position: absolute; top: 75px; left: 50%; -webkit-transform: translatex(-50%); transform: translatex(-50%); background: #ffffff; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); width: 200px; padding: .5rem 0; }

.submenu a { display: block; padding: .5rem 1rem; }

.submenu a:hover { background: #01c2d8; color: #ffffff; }

.havesub:hover::before { content: ''; display: block; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -30px; width: 200px; height: 40px; }

.havesub:hover .submenu { display: block; }

.h_user { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-left: 1px solid #d8d8d8; padding: 0 1rem; cursor: pointer; }

.h_user a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.menu_btn, .menu { display: -webkit-box; display: -ms-flexbox; display: flex; }

.hu_img { border-radius: 50%; width: 36px; height: 36px; background-position: 50% 50%; background-size: cover; margin-right: .5rem; }

.hu_logout { color: rgba(51, 51, 51, 0.7); margin-left: 1.5rem; }

.h_btn { width: 70px; height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; }

.h_btn:hover { opacity: .8; -webkit-transition: .3s; transition: .3s; }

.h_btn.cart { background: #f4f4f4; position: relative; }

.h_btn.search { background: #070D4B; }

.hc_tag { position: absolute; top: 6px; right: 6px; border-radius: 50%; width: 20px; height: 20px; text-align: center; line-height: 19px; background: #E10E0E; color: #ffffff; font-size: 12px; }

.h_ham { display: none; }

.search_con { display: none; position: absolute; top: 80px; right: 0; z-index: 4; width: 500px; background: #ffffff; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); }

.search_c { display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #d8d8d8; border-radius: 50px; margin: 1.5rem; }

.search_c input[type="search"] { padding: 1rem 1.5rem; }

.search_c button { width: 4.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; }

.s_filter { padding: .5rem 1.5rem 1rem; border-top: 1px solid #d8d8d8; }

footer { margin-top: 4rem; padding: 2rem 0 1.5rem; color: #ffffff; background: #01c2d8; /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */ background: -webkit-gradient(linear, left top, right top, from(#01c2d8), to(#008CCF)); background: linear-gradient(to right, #01c2d8, #008CCF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }

.f_edit { position: relative; max-width: 1280px; width: 100%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 0 1rem; }

.fp_con { display: -webkit-box; display: -ms-flexbox; display: flex; }

.f_phone { padding:0.5rem 2rem 0.5rem 0; }

.f_phone p { font-size: 1.125rem; font-weight: 500; }

.f_link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.f_link p { text-align: right; }

.fl_con { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.fl_con a { padding: 1rem 0 1rem 1.5rem; }

.fl_con a:hover { opacity: .8; -webkit-transition: .3s; transition: .3s; }

.fl_colors{ color:#FF0; }

.banner_c { position: relative; max-width: 1280px; width: 100%; margin: 0 auto; }

.banner { display: block; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; height: 0; padding-top: 31.875%; }

.b_dot { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1rem 0; }

.b_dot span { border-radius: 50%; width: 10px; height: 10px; background: #d8d8d8; border: 1px solid #d8d8d8; margin: 0 6px; cursor: pointer; }

.b_dot span:hover, .b_dot span.active { border: 1px solid #01c2d8; background: #ffffff; }

.b_dot.ac { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.b_arrow { width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; border: 2px solid #d8d8d8; background: rgba(255, 255, 255, 0.8); position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; }

.b_arrow:hover { background: #ffffff; }

.recommend { position: relative; background: #f4f4f4; margin-top: 6rem; padding-bottom: 1rem; }

.re_title { width: 100%; text-align: center; position: absolute; top: -2rem; }

.re_title span { display: inline-block; padding: 0 1.5rem; border-left: 1px solid #01c2d8; border-right: 1px solid #01c2d8; }

.re_title h2 { color: #070D4B; line-height: 1.25; font-size: 2.75rem; letter-spacing: 3px; }

.re_title small { color: #01c2d8; }

.product_con { overflow: hidden; padding: 6rem 0 1.5rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 1280px; width: 100%; margin: 0 auto; }

.product { -webkit-box-flex: 240px; -ms-flex: 240px 0 0px; flex: 240px 0 0; width: 240px; background: #ffffff; padding: 1rem; margin: 0 .5rem; }

.product:hover { opacity: .8; -webkit-transition: .3s; transition: .3s; }

.pro_img { width: 100%; height: 268px; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; }

.pro_title { height: 50px; overflow: hidden; margin-top: .5rem; text-align: justify; font-size: 1.125rem; }

.pro_price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; color: rgba(51, 51, 51, 0.7); }

.pro_price p { padding: 0 .5rem; font-weight: 700; font-size: 1.5rem; color: #E10E0E; }

.news_con { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 90px; }

.news { padding-right: 5rem; width: 100%; }

.activity { width: 450px; -webkit-box-flex: 450px; -ms-flex: 450px 0 0px; flex: 450px 0 0; }

.ac_con:first-of-type { margin-bottom: 1rem; }

.ac_img { display: block; padding-top: 31.2115%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }

.n_title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.n_title .nt_icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #070D4B; width: 54px; height: 54px; border-radius: 50%; }

.n_title .nt_text { margin-left: .5rem; }

.n_title .nt_text h3 { color: #070D4B; line-height: 1; font-size: 2.25rem; }

.n_title .nt_text small { color: #01c2d8; }

.n_title.sec .nt_icon { width: 40px; height: 40px; }

.n_title.sec h4 { color: #070D4B; line-height: 1; }

.news_list { margin-top: 2rem; }

.nl_news { border-bottom: 1px solid #d8d8d8; padding: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.nl_news:hover { background-color: rgba(1, 194, 216, 0.05); }

.nl_date { -webkit-box-flex: 5rem; -ms-flex: 5rem 0 0px; flex: 5rem 0 0; padding-right: 1rem; color: #01c2d8; }

.crumb { padding: 1rem 0 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.crumb li { font-size: 14px; }

.crumb li:not(:last-child)::after { content: url(../images/icon/bread_arrow.svg); margin: 0 .5rem; }

.crumb li.now { color: #01c2d8; }

.crumb li a:hover { text-decoration: underline; font-weight: 500; }

.bull_con { margin-top: 3rem; }

.bull_con .n_title { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.bull_con .n_title.sec { margin-bottom: 1rem; }

.bull_con .n_title.sec h3 { font-size: 1.5rem; }

.bulletin { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.bu_item { margin: .5rem; width: calc((100% - 3rem)/3); }

.news_detail { margin-bottom: 2rem; }

.nd_title { margin-bottom: 1rem; color: #070D4B; font-size: 1.5rem; border-bottom: 1px solid #f4f4f4; padding-bottom: 1rem; }

.nd_title_event { margin-bottom: 1rem; color: #070D4B; font-size: 1.4rem; border-bottom: 1px solid #f4f4f4; padding-bottom: 1rem; }

.shop { display: -webkit-box; display: -ms-flexbox; display: flex; }

.shop_menu { -webkit-box-flex: 250px; -ms-flex: 250px 0 0px; flex: 250px 0 0; width: 250px; }

.sm_top { border: 1px solid #01c2d8; }

.sm_title { font-size: 1.125rem; color: #ffffff; background: #01c2d8; /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */ background: -webkit-gradient(linear, left top, right top, from(#01c2d8), to(#008CCF)); background: linear-gradient(to right, #01c2d8, #008CCF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ padding: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; }

.sm_title span { margin-left: .5rem; }

.sm_con { padding: .5rem 0; }

.sm_sub { display: block; padding: .5rem 1rem .5rem 2.5rem; position: relative; line-height: 1.25; text-align: justify; cursor: pointer; }

.sm_sub:hover { opacity: .8; -webkit-transition: .3s; transition: .3s; }

.sm_sub::before { content: url(../images/icon/sidemenu_arrow_small.svg); color: #ffffff; background: #01c2d8; /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */ background: -webkit-gradient(linear, left top, right top, from(#01c2d8), to(#008CCF)); background: linear-gradient(to right, #01c2d8, #008CCF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 1rem; display: block; text-align: center; line-height: 1rem; border-radius: 4px; width: 1rem; height: 1rem; }

a.sm_list:hover { opacity: .8; -webkit-transition: .3s; transition: .3s; }

.sm_list { display: block; border-bottom: 1px solid #d8d8d8; padding: 1rem; font-size: 1.125rem; cursor: pointer; }

.sm_list.sml_sub { padding: 0; }

.sm_list.sml_sub .sml_main { position: relative; padding: 1rem 2.5rem 1rem 1rem; }

.sm_list.sml_sub .sml_main::after { content: url(../images/icon/sidemenu_arrow_right.svg); position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: .5rem; display: block; text-align: center; line-height: 1rem; border-radius: 4px; width: 1.5rem; height: 1.5rem; }

.sm_list.sml_sub .sm_sub { display: none; font-size: 1rem; padding: .5rem 1rem .5rem 2.5rem; }

.sm_list.sml_sub .sm_sub::before { background: #070D4B; }

.sm_list.sml_sub.open { padding-bottom: 1rem; }

.sm_list.sml_sub.open .sml_main::after { content: url(../images/icon/sidemenu_arrow_down.svg); }

.sm_list.sml_sub.open .sm_sub { display: block; }

.shop_page { padding-left: 2rem; width: calc(100% + -250px); }

.shop_page.historical_record { padding-left: unset; width: 100%; }

.sp_banner { margin-bottom: 1.5rem; }

.sp_banner img { max-width: 100%; height: auto; }

.sp_title { margin-bottom: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.sp_title h2, .sp_title h3 { color: #070D4B; }

.sp_block:not(:last-of-type) { margin-bottom: 3rem; }

.sp_block .search_c { margin: 0 0 1.5rem 0; }

.sp_con { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.sp_product { width: calc((100% - 4rem)/4); border: 1px solid #d8d8d8; padding: 1rem; margin: .5rem; }

.sp_product:hover { opacity: .8; -webkit-transition: .3s; transition: .3s; }

.spro_img { width: 100%; height: 0; padding-top: 128.84615385%; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; }

.page_num { padding: 2rem 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.page_num .pn_item { margin: .75rem; }

.page_num .pn_item.on { margin: .5rem; background: #070D4B; color: #ffffff; border-radius: 4px; width: 2rem; height: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.page_num .pn_arrow { margin: .5rem; border: 2px solid #d8d8d8; border-radius: 4px; width: 2rem; height: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-transition: .3s; transition: .3s; }

.page_num .pn_arrow:hover { border: 2px solid rgba(51, 51, 51, 0.7); -webkit-transition: .3s; transition: .3s; }

.page_num a:hover { text-decoration: underline; }

.sm_menu { display: none; }

.prodetail { display: -webkit-box; display: -ms-flexbox; display: flex; }

.prod_img { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-top: 50%; border: 1px solid #d8d8d8; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; position: relative; }

.img_plus { border-radius: 4px; background: #01c2d8; width: 3rem; height: 3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; bottom: .5rem; right: .5rem; }

.prod_info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 0 0 1.5rem; }

.prod_title { color: #070D4B; font-size: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid #d8d8d8; }

.prod_price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; color: #333333; }

.prod_price p { padding: 0 .5rem; font-weight: 700; font-size: 1.5rem; color: #E10E0E; }

.prod_btn { margin-top: 1.5rem; width:100%; display:flex; justify-content:flex-start; }

.prod_gift_c { margin: 1rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.prod_gift { width: calc((100% - 1rem)/2); padding: 1rem 1rem 0 1rem; border: 2px solid #01c2d8; }

.prg_title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 700; font-size: 1.125rem; color: #01c2d8; border-bottom: 1px solid #01c2d8; padding-bottom: 1rem; }

.prg_item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 1rem 0; }

.prg_item .radio_c { margin-right: .5rem; }

.gift { margin: 1.5rem 0; padding: 1rem; background: #f4f4f4; }

.gift .sp_product { background: #ffffff; cursor: pointer; }

.gift .sp_product.chose { border: 1px solid transparent; outline: 5px solid #01c2d8; }

.gift .sp_product.chose:hover { opacity: 1; }

.g_title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1rem; }

.g_title h3 { font-size: 1.25rem; margin-right: 1rem; color: #070D4B; }

.text_box { padding: 1rem 0 .5rem; }

.text_box * { font-weight: 300; }

.text_box ul { list-style-type: disc; padding-left: 1.5rem; }

.text_box strong { font-weight: bold; }

.text_box em { font-style: italic; }

.text_box img { width: auto !important; height: auto !important; max-width: 100% !important; }

.text_box a { text-decoration: underline; }

.text_box a:hover { opacity: .8; -webkit-transition: .3s; transition: .3s; }

.mem_con { text-align: center; padding: 1.5rem 1rem; }

.mem_con .hu_img { position: relative; width: 120px; height: 120px; margin: 0 auto 1rem; cursor: pointer; }

.mem_con .hu_img:hover::before { content: '更換圖片'; display: block; position: absolute; border-radius: 50%; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); color: #ffffff; line-height: 120px; }

.m_name { font-size: 1.25rem; font-weight: 500; }

.m_mail { font-size: .875rem; word-wrap: break-word; }

.mem_point { padding: 1rem; border-top: 1px solid #01c2d8; }

.mp_con { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }

.mp_con:not(:last-child) { margin-bottom: .5rem; }

.mp_num { font-size: 1.75rem; font-weight: 700; color: #01c2d8; }

.form { display: -webkit-box; display: -ms-flexbox; display: flex; }

.form.dash_b { padding-bottom: 1rem; border-bottom: 1px dashed #d8d8d8; margin-bottom: 1rem; }

.form.oneblock { width: 100%; max-width: 490px; margin: 0 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.form .qu { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 1rem; }

.form .qu.w50 { -webkit-box-flex: 50%; -ms-flex: 50% 0 0px; flex: 50% 0 0; }

.password { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #ffffff; background: #01c2d8; /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */ background: -webkit-gradient(linear, left top, right top, from(#01c2d8), to(#008CCF)); background: linear-gradient(to right, #01c2d8, #008CCF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ padding: 0 1.5rem; height: 100%; position: absolute; top: 0; right: 0; }

.password:hover { opacity: .8; -webkit-transition: .3s; transition: .3s; }

.birthday { display: -webkit-box; display: -ms-flexbox; display: flex; }

.birthday .select_c { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.birthday .select_c:not(:last-child) { margin-right: 1rem; }

.address { display: -webkit-box; display: -ms-flexbox; display: flex; }

.address .select_c { width: 120px; -webkit-box-flex: 120px; -ms-flex: 120px 0 0px; flex: 120px 0 0; margin-right: 1rem; }
.address .select_d { width: 140px; -webkit-box-flex: 140px; -ms-flex: 140px 0 0px; flex: 140px 0 0; }

.address .a_code { -webkit-box-flex: 105px; -ms-flex: 105px 0 0px; flex: 105px 0 0; margin-right: 1rem; }

.address .a_code input { text-align: center; }

.address .a_detail { width: 100%; }

/* 詳細資料 */
.address.address_special { flex-wrap: wrap; margin-top: 1rem; padding: calc( 1rem + 1px ); border: 1px solid #d8d8d8; font-size:0; }

.address .address_over { position: relative; border: none; display:inline-block; padding:5px 0; padding-right:2.5rem;  flex:none; width:10%; margin:0; }
.address .address_over:first-child{ width:30%; padding-right: 1rem; }
.address .address_over:first-child .address_txt{ display:none; }
.address .address_over.notext{ width:15%; padding-right:0; }

.address .address_over input { background-color: #EEE; }

.address .address_over .address_txt { position: absolute; right:15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); font-size:1rem; }

.address .addleft{ padding-right:0.875rem; padding-left:2rem; }
.address .addleft .address_txt{ right:auto; left:5px; }

.mem_order:not(:last-of-type) { margin-bottom: 2rem; }

.mem_order.cancel { opacity: 0.6; }

.mor { border-radius: 4px 4px 0 0; background: #f4f4f4; padding: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.mor h3 { font-size: 1.25rem; }

.mor_st_con { display: -webkit-box; display: -ms-flexbox; display: flex; }

.mor_status { margin-left: .5rem; padding: .5rem 1rem; background: #01c2d8; color: #ffffff; }

.mor_status.repay{ background:#4075c7; position:relative; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; overflow: hidden; }

.mor_status.repay:hover { opacity: .8; -webkit-transition: .3s; transition: .3s; }
.mor_status.repay:after{ content:""; position:absolute; bottom:0px; left:0px; width:100%; height:4px; background:#305da2; }

.mor_status.stxtt{ background:#0C9; }
.mor_status.stxttt{ background:#bbb; }

.sp_status { color: #ffffff; background: #01c2d8; /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */ background: -webkit-gradient(linear, left top, right top, from(#01c2d8), to(#008CCF)); background: linear-gradient(to right, #01c2d8, #008CCF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ padding: .5rem 1rem; border-radius: 4px; }

.mor_more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: .5rem; }

.mor_more img { margin-left: .5rem; }

.mor_list_con { border: 1px solid #f4f4f4; border-top: 0; border-radius: 0 0 4px 4px; }

.mem_info { padding: 1rem; }

.mem_info p:not(:last-child) { margin-bottom: .5rem; }

.mor_list tr:not(:last-child) { border-bottom: 1px solid #f4f4f4; }

.mor_list th { color: #070D4B; }

.mor_list td, .mor_list th { vertical-align: middle; padding: 1rem; }

.mor_list td .prod_img, .mor_list th .prod_img { width: 90px; height: 90px; padding: 0; border: 1px solid #f4f4f4; }

.mor_list td.td_img, .mor_list th.td_img { width: 120px; }

.mor_list td.td_num, .mor_list th.td_num { width: 4rem; }

.mor_list td.td_price, .mor_list th.td_price { text-align: right; width: 6rem; }

.prorebate{ padding:20px 0 0 0; }
.prorebate .list{ color:#E10E0E; font-size:14px; line-height:1.6; }

.total_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.tl_item { width: 9rem; }

.tl_price { -webkit-box-flex: 9rem; -ms-flex: 9rem 0 0px; flex: 9rem 0 0; width: 9rem; text-align: right; }

.tl_price.big { color: #E10E0E; font-size: 1.5rem; }

.morl_open { padding: .5rem; text-align: center; color: rgba(51, 51, 51, 0.7); cursor: pointer; border-top: 1px solid #f4f4f4; }

.point_con { border: 1px solid #f4f4f4; border-radius: 4px; }

.point_con table thead { border-bottom: 1px solid #f4f4f4; }

.point_con table tr:nth-child(even) { background: #f4f4f4; }

.point_con table th, .point_con table td { text-align: left; }

.step { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1.5rem 0; }

.step ul { width: 100%; max-width: 500px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 1.5rem 0; }

.step ul li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; text-align: center; white-space: nowrap; }

.step ul li::after { content: ''; display: block; position: absolute; top: 1.5rem; right: 50%; width: 100%; height: 2px; background-color: #d8d8d8; }

.step ul li:first-child::after { display: none; }

.step ul li.sc_dot_on .sc_dot { background-color: #01c2d8; border: 1px solid #01c2d8; color: #ffffff; }

.step ul li.sc_dot_on::after { background-color: #01c2d8; }

.step ul li.sc_dot_on p { font-weight: 500; }

.step ul li .sc_dot { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 2; width: 3rem; height: 3rem; border-radius: 50%; background-color: #ffffff; border: 2px solid #d8d8d8; color: rgba(51, 51, 51, 0.5); font-size: 1.5rem; line-height: 3rem; margin: 0 auto; }

.step ul li .sc_dot + p { margin-top: .5rem; }

.cart_con { border: 1px solid #f4f4f4; border-radius: 4px; }

.cart_con thead { border-bottom: 1px solid #f4f4f4; }

.cart_con:not(:last-of-type) { margin-bottom: 1.5rem; }

.td_imgc { width: 123px; }

.td_trash, .td_subtotal, .td_counter { text-align: center; }

.td_total { text-align: right; }

.counter { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; border: 1px solid #d8d8d8; overflow: hidden; }

.counter input[type="text"] { text-align: center; width: 3.5rem; padding: 0 .5rem; }

.count_btn { width: 2.5rem; height: 2.5rem; background-size: 1rem; background-position: 50% 50%; background-repeat: no-repeat; background-color: #d8d8d8; cursor: pointer; }

.cart_total { padding: 1rem; }

.discountex .stab{ display:table; width:100%; }
.discountex .stab .str{ display:table-row; }
.discountex .stab .std-a{ display:table-cell; vertical-align:top; font-size:16px; color:#01c2d8; padding:5px 0; }
.discountex .stab .std-a span{ color:#333; }
.discountex .stab .std-b{ display:table-cell; vertical-align:top; text-align:right; white-space:nowrap; padding:5px 0 5px 20px; }

/* up.190805 */
.discountex.cart03:before { margin-right: 6px !important; }
.discountex.cart03 .stab{ display:inline-table; width: calc(100% + -21px); vertical-align: inherit; }
.discountex.cart03 .stab .str{ display:table-row; }
.discountex.cart03 .stab .std-b{ display:table-cell; vertical-align:top; text-align:left; white-space:nowrap; padding: unset; font-size: 16px; }
.discountex.cart03 .stab .std-b:nth-child(2) { white-space: unset; }

.tl_point { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.tl_info { text-align: right; }

.tl_total { border-top: 1px solid #f4f4f4; padding: 1rem; }

.tooltip { position: relative; -webkit-box-flex: 1.5rem; -ms-flex: 1.5rem 0 0px; flex: 1.5rem 0 0; margin-left: .5rem; cursor: pointer; }

.tooltip:hover .t_text { display: block; }

.t_icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; width: 1.5rem; height: 1.5rem; background: #d8d8d8; }

.t_text { display: none; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: -4.5rem; width: 200px; padding: .5rem .75rem; border-radius: 4px; background: rgba(51, 51, 51, 0.9); color: #ffffff; text-align: justify; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }

.t_text .t_close { display: none; position: absolute; top: -10px; right: -10px; border-radius: 50%; width: 1.5rem; height: 1.5rem; background: #01c2d8; text-align: center; }

.payment { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.payment:not(:last-child) { margin-bottom: 1.5rem; }

.cart_block { /*max-width: 977px;*/ margin: 3rem 0; }

.cart_title { font-size: 1.5rem; color: #070D4B; }

.onepage { text-align: center; padding-top: 3rem; min-height: 650px; }

.one_con { max-width: 750px; margin: 0 auto; border: 1px solid #d8d8d8; border-radius: 4px; padding: 3rem 1.5rem; }

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

.one_con.login { max-width: 450px; }

.one_con.signup { max-width: 977px; }

.one_con.cart_blank { min-height: 450px; }

.code_con { padding: 1rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.terms { max-width: 750px; margin: 0 auto; text-align: left; padding: 3rem 0 1.5rem; }

.terms h3 { font-size: 1.5rem; }

.te_text { padding-top: 1rem; padding-left: 2rem; text-align: justify; }

.te_block:not(:last-child) { margin-bottom: 3rem; }

/*浮動 img*/
.drift_right{ position:fixed; right:0; top:50%; margin-top:-42px; z-index:4; width:68px; height:85px; overflow:hidden; }
.drift_right img{ max-width:100%; }

/*內頁廣告*/
.page_adimg{ width:100%; margin:40px 0 0 0; }
.page_adimg img{ max-width:100%; }

/*版頭廣告*/
.headerTopimg{ max-width:1280px; max-height: 80px; margin:auto; font-size:0; }
.headerTopimg img{ width:100%; }

/*FAQ*/
.faqblock{ padding:1rem 0; }
.faqblock .faqlist{ margin-bottom:10px; padding:15px 45px 15px 15px; border: 1px solid #d8d8d8; position:relative; }
.faqblock .faqlist:after{ content:""; display:block; width:8px; height:8px; border-top:2px solid #777; border-right:2px solid #777; transform:rotate(135deg); -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); position:absolute; top:23px; right:20px; }
.faqblock .faqlist .qtitle{ display:block; font-size:1.25rem; color:#333; }
.faqblock .faqlist .qtitle .q1{ display:table-cell; vertical-align:top; font-size:1.25rem; color:#2ac6dc; white-space:nowrap; min-width:46px; font-weight: 300; }
.faqblock .faqlist .qtitle .q2{ display:table-cell; vertical-align:top; font-size:1.25rem; color:#333; }
.faqblock .faqlist .qtext{ display:none; margin:5px 0 0 0; font-size:1rem; color:#333; line-height:1.8; font-weight:300; }
.faqblock .faqlist .qtext ul{ margin:0 0 0 25px; }
.faqblock .faqlist .qtext ul li{ font-size:1rem; line-height:1.8; font-weight:300; list-style:disc; }

.faqblock .faqlist.open{ padding:25px 45px 25px 30px; }
.faqblock .faqlist.open:after{ top:40px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); }
.faqblock .faqlist.open .qtitle .q1{ font-weight:500; }
.faqblock .faqlist.open .qtitle .q2{ font-weight:500; color:#2ac6dc; }
.faqblock .faqlist.open .qtext{ display:block; }

.faqsearch{ display:block; text-align:right; padding: 10px 0 0 0; }
.faqsearch .fgrids{ display:inline-block; vertical-align:middle; width:30%; }
.faqsearch .fgrids input{ line-height:36px; height:36px; width:100%; border:1px solid #d8d8d8; padding:0 20px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; }
.faqsearch button{ display:inline-block; vertical-align:middle; background: #070D4B; border:1px solid #070D4B; font-size: 1.125rem; color: #ffffff; cursor: pointer; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; line-height:36px; padding:0 15px; }

/**/
.amountFlex{ flex:1; display:flex; }
.amountFlex .flex1{ flex:1; }
.amountFlex .alignright{ text-align:right; font-size: 0.875rem; color:#008ed0; }
.amountFlex .alignright input{ width:50%; background:#eee; padding:0 5px; color:#333; }


@media screen and (max-width: 1280px) { .container.shop_con { padding: 0 1rem; } }

@media screen and (max-width: 1023px) { html, body { font-size: 15px; }
  .h_logo { width: 205px; height: 70px; }
  .hc_tag { top: 6px; right: 6px; }
  /*.mainmenu { margin-right: .5rem; }
  .mainmenu .main_item { padding: .5rem; }
  .mainmenu .main_item::after { bottom: -16px; }
  .submenu { top: 65px; }*/

  .menu { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; top: 70px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-top: 1px solid #d8d8d8; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); background: #ffffff; width: 100%; z-index: 3; }
  .mainmenu { padding: 1rem 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-right: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .mainmenu .havesub:hover::before { bottom: auto; left: auto; width: auto; height: auto; -webkit-transform: translateY(0); transform: translateY(0); }
  .mainmenu .havesub:hover .submenu { display: block; }
  .mainmenu .havesub::before { content: url(../images/icon/sidemenu_arrow_right.svg); position: absolute; top: .9rem; right: -1rem; }
  .mainmenu .havesub.open::before { content: url(../images/icon/sidemenu_arrow_down.svg); top: .8rem; }
  .mainmenu .main_item:hover::after, .mainmenu .main_item.now::after { background: none; }
  .submenu { display: block; position: static; -webkit-transform: translateX(0); transform: translateX(0); width: auto; -webkit-box-shadow: none; box-shadow: none; text-align: center; }
  .submenu a { padding: .5rem 1rem; }
  .submenu a:hover { background: none; color: #333333; }
  .h_user { border-bottom: 1px solid #d8d8d8; padding: 1rem 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .menu_btn { position: absolute; top: 0; right: 0; }
  .h_ham { position: relative; display: block; width: 70px; height: 70px; cursor: pointer; }
  .h_ham span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 30px; height: 3px; background: #01c2d8; }
  .h_ham span::before { position: absolute; top: -10px; left: 0; width: 100%; height: 3px; background: #01c2d8; display: block; content: ''; }
  .h_ham span::after { position: absolute; top: 10px; left: 0; width: 100%; height: 3px; background: #01c2d8; display: block; content: ''; }
  .search_con { top: 70px; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; width: 100%; height: 100vh; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; }

  footer { padding: 1.5rem 0 1rem; }
  .f_edit { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .f_link { margin-top: 1rem; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .f_link p { text-align: left; margin-top: 1rem; }
  .f_link a { padding: 1.5rem 1.5rem 0 0; }
  .container.news_con { padding-top: 60px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .news { padding: 0; }
  .activity { margin-top: 3rem; -webkit-box-flex: 100%; -ms-flex: 100% 0 0px; flex: 100% 0 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .ac_con { width: calc((100% - 1.5rem)/2); }
  .ac_con:first-of-type { margin: 0; }
  .shop { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .shop_page { padding: 2rem 0 0 0; width: 100%; }
  .shop_menu { -webkit-box-flex: 100%; -ms-flex: 100% 0 0px; flex: 100% 0 0; width: 100%; }
  .sm_menu_detail { display: none; }
  .sm_menu { display: block; position: relative; padding: 1rem 2.5rem 1rem 1rem; font-size: 1.25rem; border: 1px solid #d8d8d8; }
  .sm_menu::after { content: url(../images/icon/sidemenu_arrow_right.svg); position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: .5rem; display: block; text-align: center; line-height: 1.5rem; border-radius: 4px; width: 2rem; height: 2rem; }
  .sm_menu.open { border-bottom: none; }
  .sm_menu.open::after { content: url(../images/icon/sidemenu_arrow_down.svg); }
  .sm_menu.open + .sm_menu_detail { display: block; }
  .total_list .t_text { width: 180px; }
  .total_list .t_close { display: block; } }

@media screen and (max-width: 767px) { .btn.more { min-width: 105px; }
  .radio_con .radio_c { width: 100%; margin: .5rem 0; }
  html, body { font-size: 14px; }
  ol, ul.dot { padding-left: 1.5rem; }
  .menu { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; top: 70px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-top: 1px solid #d8d8d8; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); background: #ffffff; width: 100%; z-index: 3; }
  .mainmenu { padding: 1rem 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-right: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .mainmenu .havesub:hover::before { bottom: auto; left: auto; width: auto; height: auto; -webkit-transform: translateY(0); transform: translateY(0); }
  .mainmenu .havesub:hover .submenu { display: block; }
  .mainmenu .havesub::before { content: url(../images/icon/sidemenu_arrow_right.svg); position: absolute; top: 1rem; right: -1rem; }
  .mainmenu .havesub.open::before { content: url(../images/icon/sidemenu_arrow_down.svg); top: .9rem; }
  .mainmenu .main_item:hover::after, .mainmenu .main_item.now::after { background: none; }
  .submenu { display: block; position: static; -webkit-transform: translateX(0); transform: translateX(0); width: auto; -webkit-box-shadow: none; box-shadow: none; text-align: center; }
  .submenu a { padding: .5rem 1rem; }
  .submenu a:hover { background: none; color: #333333; }
  .h_user { border-bottom: 1px solid #d8d8d8; padding: 1rem 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .menu_btn { position: absolute; top: 0; right: 0; }
  .h_ham { position: relative; display: block; width: 70px; height: 70px; cursor: pointer; }
  .h_ham span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 30px; height: 3px; background: #01c2d8; }
  .h_ham span::before { position: absolute; top: -10px; left: 0; width: 100%; height: 3px; background: #01c2d8; display: block; content: ''; }
  .h_ham span::after { position: absolute; top: 10px; left: 0; width: 100%; height: 3px; background: #01c2d8; display: block; content: ''; }
  .search_con { top: 70px; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; width: 100%; height: 100vh; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; }
  .b_arrow { display: none; }
  .re_title h2 { font-size: 2.25rem; }
  .re_title span { padding: 0 1rem; }
  .n_title .nt_icon { width: 48px; height: 48px; }
  .n_title .nt_text h3 { font-size: 2rem; }
  .product { -webkit-box-flex: 200px; -ms-flex: 200px 0 0px; flex: 200px 0 0; width: 200px; }
  .product_con { padding: 4.5rem 0 1rem .5rem; overflow-x: scroll; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .recommend { margin-top: 4.5rem; }
  .recommend .b_dot { display: none; }
  .pro_img { height: 235px; }
  .activity { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .ac_con { width: 100%; }
  .ac_con:first-of-type { margin-bottom: 1.5rem; }
  .sp_con.overflow { overflow-x: scroll; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
  .sp_con.overflow .sp_product { width: 170px; -ms-flex-negative: 0; flex-shrink: 0; }
  .sp_title.break { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .sp_product { width: calc((100% - 3rem)/3); padding: .5rem; }
  .prodetail, .prod_gift_c { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .prod_img { padding-top: 100%; }
  .prod_info { padding: 1.5rem 0; }
  .prod_btn { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .prod_btn .btn { padding: .75rem 1.25rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .prod_gift { width: 100%; margin-bottom: 1rem; }
  .bu_item { width: calc(50% - 1rem); }
  .form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .form .qu { padding: 1rem 0; }
  .address { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .address .a_detail { width: 100%; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 1rem; }
  .address .select_c { width: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .address .select_d { width: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;}
  .address .address_over{  }
  .address .address_over:first-child{ width:100%; flex:none !important; padding-right:0; }
  .address .a_code { -webkit-box-flex: 95px; -ms-flex: 95px 0 0px; flex: 95px 0 0; margin-right: 0; }
  .sp_status { width: 100%; text-align: center; margin-top: 1rem; }
  .cart_con thead { display: none; }
  .cart_con tr { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .cart_con tr.nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
  .cart_con tr.nowrap td[colspan] { width: calc(100% - 12rem); }
  .td_imgc { width: auto; }
  .td_text { width: calc(100% - 181px); }
  .td_text.step2 { width: calc(100% - 118px); }
  .td_counter, .td_subtotal, .td_total { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100%/3); }
  .td_counter::before, .td_subtotal::before, .td_total::before { content: attr(data-title); font-size: 1rem; }
  .payment { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .payment small { padding: 5px 0 0 24px; }
  .cart_block { margin: 1.5rem 0; }
  .onepage { min-height: auto; }
  .te_text { padding-left: .5rem; }
  .wrapper { padding-top: 60px !important; }

  /* up.190805 */
  .discountex.cart03:before { margin-right: 6px; }
  .discountex.cart03 .stab{ display:inline-block; width: calc(100% + -23px); vertical-align: inherit; }
  .discountex.cart03 .stab .str{ display:inline-block; }
  .discountex.cart03 .stab .std-b{ display:inline-block; vertical-align:top; text-align:left; white-space:nowrap; padding: unset; font-size: 16px; }
  .discountex.cart03 .stab .std-b:nth-child(2) { white-space: unset; }
  
  /*FAQ*/
  .faqsearch .fgrids{ width:50%; }
  
 }

@media screen and (max-width: 575px) { .wrapper { padding-top: 60px !important; }
  .br575 { display: none; }
  .h_logo { height: 60px; }
  .h_btn { width: 60px; height: 60px; }
  .h_btn.search img { width: 28px; }
  .h_ham { width: 60px; height: 60px; }
  .menu, .search_con { top: 60px; }
  .fl_con { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .sp_product { width: calc((100% - 2rem)/2); }
  .mor { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .mor_detail { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: .5rem; }
  .mor_status { margin: 0 .5rem 0 0; }
  .mor_info { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .mor_list td { padding: .5rem; }
  .mor_list td.td_price { width: 4rem; }
  .total_list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .total_list * { width: auto; }
  .tl_price { -webkit-box-flex: 5rem; -ms-flex: 5rem 0 0px; flex: 5rem 0 0; }
  .tl_price.big { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; }
  .cart_con tr { padding: .5rem; }
  .cart_con tr.nowrap td[colspan] { width: calc(100% - 9rem); }
  .tl_info { text-align: left; }
  .tl_point { width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .td_text { width: calc(100% - 155px); }
  .td_text.step2 { width: calc(100% - 105px); }
  .code_con .code_img { height: 54px; }
  .one_con.signup, .one_con.login { border: 0; padding: 0; } }

@media screen and (max-width: 414px) { .btn_c { margin-top: 1.5rem; }
  .btn_c .btn { width: 100%; padding: 1rem 1.25rem; margin: .5rem 0; }
  .code_btn { width: 54px; height: 54px; -webkit-box-flex: 54px; -ms-flex: 54px 0 0px; flex: 54px 0 0; margin-left: .5rem; }
  .wrapper { padding-top: 50px; }
  .container { padding: 0 10px; }
  .h_logo { height: 50px; }
  .h_btn { width: 50px; height: 50px; }
  .h_btn.search img { width: 22px; }
  .h_btn.cart img { width: 32px; }
  .hc_tag { top: 3px; right: 3px; }
  .h_ham { width: 50px; height: 50px; }
  .h_ham span { width: 20px; }
  .h_ham span::before { top: -6px; }
  .h_ham span::after { top: 6px; }
  .menu, .search_con { top: 50px; }
  .bu_item { width: 100%; }
  .td_counter, .td_subtotal, .td_total { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }

@media screen and (max-width: 375px) { .h_logo { width: 160px; }
  .fp_con { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }
/*# sourceMappingURL=all.css.map */


/*css 新增*/
.orderTable{ margin:10px 0 0 0; font-size:0px; text-align:left; }
.orderTable .otd{ display:inline-block; vertical-align:top; width:50%; padding:5px 10px 5px 0; font-size:16px; font-weight:normal; }
.orderTable .otd:nth-child(even){ padding:5px 0 5px 10px; }
.orderTable .otd:before{ content:""; display:inline-block; width:7px; height:7px; background:#01c2d8; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; margin-right:10px; vertical-align: middle; }
.orderTable .otd:after{ content:""; display:block; border-bottom:1px dashed #d8d8d8; margin:5px 0 0 0; }
@media screen and (max-width: 767px){
.orderTable .otd{ display:block; width:auto; }
.orderTable .otd:nth-child(even){ padding:5px 10px 5px 0 }
}

.mor_st_con.blocks{ font-size:0; display:block; }
.mor_st_con.blocks .mor_status{ display:inline-block; vertical-align:middle; font-size:1rem; }
.mor_st_dates{ display:block; font-size:1rem; text-align:right; margin:0 0 10px 0; }

@media screen and (max-width: 767px){
.mor_st_dates{ text-align:left; }

/*浮動 img*/
.drift_right{ display:none; }

/*版頭廣告*/
.headerTopimg{ display:none; }

/* up.190805 */
.discountex.cart03:before { margin-right: 6px; }
.discountex.cart03 .stab{ display:inline-block; width: calc(100% + -23px); vertical-align: inherit; }
.discountex.cart03 .stab .str{ display:inline-block; }
.discountex.cart03 .stab .std-b{ display:inline-block; vertical-align:top; text-align:left; white-space:nowrap; padding: unset; font-size: 16px; }
.discountex.cart03 .stab .std-b:nth-child(2) { white-space: unset; }
}