@charset "UTF-8";
.h_search:after { content: ''; display: block; clear: both; }

/* Noto Sans TC (Chinese_traditional) http://www.google.com/fonts/earlyaccess */
@font-face { font-family: 'Noto Sans TC'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.otf) format("opentype"); }

@font-face { font-family: 'Noto Sans TC'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.otf) format("opentype"); }

@font-face { font-family: 'Noto Sans TC'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.otf) format("opentype"); }

@font-face { font-family: 'Noto Sans TC'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.otf) format("opentype"); }

.main { color: #00275c; }

.highlight { color: #ed6d00; }

.f-color { color: #333333; }

.sf-color { color: gray; }

.df-color { color: #b3b3b3; }

.red { color: #c40a0a; }

.notice { color: #E84034; }

.btn, input[type="submit"], button { border: 0; outline: none; display: inline-block; padding: .5rem 1rem; transition: .3s; text-align: center; line-height: 1.5; border-radius: 5px; margin: 5px 0; font-size: 1.125rem; cursor: pointer; }

.btn:hover, input[type="submit"]:hover, button:hover { opacity: .8; transition: .3s; }

.btn.main, input[type="submit"].main, button.main { color: #ffffff; background: #00275c; border: 1px solid #00275c; }

.btn.highlight, input[type="submit"].highlight, button.highlight { color: #ffffff; background: #ed6d00; border: 1px solid #ed6d00; }

.btn.dark, input[type="submit"].dark, button.dark { color: #666; background: #ddd; border: 1px solid #ddd; }

.btn.sub, input[type="submit"].sub, button.sub { color: #ed6d00; background: #ffffff; border: 1px solid #ed6d00; }

.btn.red, input[type="submit"].red, button.red { color: #ffffff; background: #c40a0a; border: 1px solid #c40a0a; }

.btn + .btn, input[type="submit"] + .btn, button + .btn { margin-left: .5rem; }

.btn.square, input[type="submit"].square, button.square { padding: 5px 0 0 0; width: 40px; height: 40px; }

.btn.haveimg, input[type="submit"].haveimg, button.haveimg { padding: .25rem .5rem; }

.btn.haveimg *, input[type="submit"].haveimg *, button.haveimg * { display: inline-block; vertical-align: middle; }

.btn.inquire, input[type="submit"].inquire, button.inquire { line-height: 1; }

.status { display: inline-block; padding: 0px 6px; color: #ed6d00; border: 1px solid #ed6d00; border-radius: 5px; font-size: 1rem; background: #ffffff; }

.MoreBtn{ display: inline-block; padding: 0px 6px; color: #ed6d00; border: 1px solid #ed6d00; border-radius: 5px; font-size: 1rem; background: #ffffff; position:absolute; bottom:1rem; right:1rem;}

.select { background-color: #ffffff; padding: 5px 30px 5px 5px; position: relative; border: 1px solid #cccccc; }

.select::after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 8px 5px 0 5px; border-color: #333333 transparent transparent transparent; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; }

select { width: 100%; height: 100%; position: absolute; z-index: 5; top: 0; left: 0; opacity: 0; }

table td { vertical-align: middle; padding: 1rem .5rem; }

input[type="text"] { width: 100%; height: 37px; border: 1px solid #cccccc; font-size: 1rem; padding: .5rem; }

input[type="text"].w_s { display: inline-block; width: 92px; }

input[type="text"].w_sm { display: inline-block; width: 150px; }

input[type="text"].w_address { display: inline-block; width: calc(100% - 273px); }

input[type="text"].w_date { width: 90px; background: url(../images/icon_date.svg) no-repeat 90% 50%; background-size: 22px; background-color: #ffffff; }

textarea { width: 100%; border: 1px solid #cccccc; font-size: 1rem; padding: .5rem; resize: none; outline: none; }

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

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

ol.order li { margin-bottom: 1rem; }

ol.smallnum { list-style-type: decimal-leading-zero; }

ol.engnum { list-style-type: upper-latin; }

ol.nomargin li, ul.nomargin li { margin-bottom: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

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

input[type="text"], input[type="submit"], input[type="button"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; }

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

body * { font-family: "Noto Sans TC", Helvetica, Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "黑體-繁", "Heiti TC", "微軟正黑體", "Microsoft JhengHei", sans-serif; box-sizing: border-box; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smooth: always; }

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

body a.alink:hover { color: #ed6d00; }

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

h1 { font-size: 2.25rem; }

h2 { font-size: 1.875rem; }

h3 { font-size: 1.5rem; }

h4 { font-size: 1.25rem; }

h5 { font-size: 1.125rem; }

h6 { font-size: 1rem; }

p { font-size: 0.875rem; }

ol { padding-left: 1rem; }

.fl_r { float: right; }

.fl_l { float: left; }

.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_b300 { font-weight: 300; }

.f_b400 { font-weight: 400; }

.f_b500 { font-weight: 500; }

.f_b700 { font-weight: 700; }

.dp_b { display: block; }

.dp_inb { display: inline-block; }

.va_t { vertical-align: top; }

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

.fz0 { font-size: 0; }

.border0.border0.border0 { border: 0; }

.border.border.border { border-bottom: 1px solid #cccccc; }

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

.mt_s.mt_s { margin-top: 1rem; }

.mt_sm { margin-top: 1.5rem; }

.mt_m.mt_m { margin-top: 2rem; }

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

.ml_xs { margin-left: .5rem; }

.wrapper { padding: 109px 0 108px; }

.content { max-width: 1280px; width: 100%; margin: 0 auto; padding: 30px 30px 0 30px; }

.quick { position: fixed; z-index: 6; right: 10px; top: 180px; }

.quick a { position: relative; font-size: 0; display: block; border-radius: 10px; padding: 10px; margin-bottom: 10px; text-align: center; transition: .3s; }

.quick a:hover { opacity: .8; transition: .3s; }

.quick a h6 { margin-top: 5px; }

.quick .main { background: #ed6d00; color: #ffffff; border: 1px solid #ed6d00; }

.quick .sub { border: 1px solid #333333; background: #ffffff; }

.quick .cartbtn { background: #c40a0a; color: #ffffff; }

.quick .cartbtn .quantity { font-size: 12px; background: #920000; margin: 5px 0 0 0; }

.share { position: absolute; top: 215px; right: 43px; }

.share .s_btnc { display: flex; }

.share a { padding: 0; margin-bottom: 0; }

.share span { font-size: 0; background: #ffffff; display: block; width: 43px; height: 43px; border-radius: 10px; overflow: hidden; margin-right: 10px; cursor: pointer; transition: .3s; }

.share span:hover { opacity: .8; transition: .3s; }

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

.thing_mo.thing_mo { display: none; }

.activity_lightbox{ width:100%; height:100%; position:fixed; top:0; left:0; right:0; bottom:0; display:table; background-color:rgba(0,0,0,.7); z-index:999;}
.activity_lightbox .al_row{ display:table-cell; vertical-align:middle; text-align:center;}
.activity_lightbox a{ display:inline-block; padding:10px;}
.activity_lightbox img{ max-width:100%;}
.activity_lightbox .al_close_btn{ color:#fff; margin:auto;;}
.activity_lightbox .al_close_btn span{ border:2px solid #fff; line-height:40px; padding:0 20px; display:inline-block; cursor:pointer; border-radius:30px; font-size:18px;}

header { background: #ffffff; position: fixed; z-index: 7; top: 0; padding: 15px 30px 0; width: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); }

.h_logo { display: inline-block; vertical-align: middle; font-size: 0; }

.h_search { text-align: right; }

.h_search input[type="text"] { width: auto; height: auto; padding: .25rem 2rem .25rem .5rem; border: 1px solid #333333; background: url(../images/icon_search.svg) no-repeat 97% 50%; }

nav { margin-top: 10px; float: right; display: inline-block; vertical-align: middle; }

nav a { display: block; padding: .75rem .5rem; }

.menu li { position: relative; display: inline-block; vertical-align: middle; }

.menu li:first-child h6 { font-weight: 700; color: #ed6d00; }

.menu li .svg, .menu li h6 { display: inline-block; vertical-align: middle; }

.menu li:hover { color: #ed6d00; }

.menu li:hover .submenu { display: block; color: #333333; }

.menu li:hover .submenu:before { display: block; }

.menu li:hover .svg path, .menu li:hover .svg line { fill: #ed6d00; }

.menu li.on { color: #ed6d00; }

.menu li.on .svg path, .menu li.on .svg line { fill: #ed6d00; }

.submenu { text-align: center; padding: .5rem 0; display: none; position: absolute; background: #ffffff; width: 180px; top: 60px; left: 50%; transform: translateX(-50%); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); }

.submenu li { display: block; transition: .3s; }

.submenu li:hover { background: #00275c; color: #ffffff; transition: .3s; }

.submenu:before { content: ''; display: none; position: absolute; width: 100%; height: 25px; top: -25px; left: 0px; }

.h_btn { display: none; position: fixed; cursor: pointer; width: 30px; right: 30px; top: 28px; z-index: 8; }

.h_btn span { display: block; width: 100%; height: 4px; background-color: #ed6d00; margin: 6px 0; border-radius: 5px; }

footer { padding: 30px; background: #ffffff; position: relative; }

.f_map { display: inline-block; }

.f_map li { display: inline-block; }

.f_map li:hover { color: #ed6d00; }

.f_map li:not(:last-child) { margin-right: 1rem; }

.f_info { display: table-cell; width: 100%; vertical-align: top; }

.f_block .fb_txt { display: inline-block; margin-right: 3rem; margin-top: 2rem; }

.f_block span { margin-right: 1rem; }

.fa_title { color: #ed6d00; }

.fa_title::before { content: ''; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 8px; border-color: transparent transparent transparent #ed6d00; margin-right: .5rem; }

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

.f_unit { display: table-cell; width: 372px; }

.f_link { position: relative; display: inline-block; background: #ed6d00; width: 2rem; height: 2rem; text-align: center; transition: .3s; }

.f_link img { position: absolute; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.f_link:hover { opacity: .8; transition: .3s; }

.f_epaper { margin-top: .5rem; border: 1px solid #cccccc; background: #f2f2f2; padding: 30px 45px; }

.f_epaper input[type="text"] { font-size: 1rem; padding: .5rem; border: 1px solid #cccccc; width: 280px; }

.f_epaper * + * { margin-top: .5rem; }

.f_btn { width: 100%; display: flex; }

.f_btn input[type="button"] { text-align: center; width: 50%; padding: .5rem; color: #ffffff; transition: .3s; border-radius: 0; border: 0; margin: 0; }

.f_btn input[type="button"]:hover { opacity: .8; transition: .3s; }

.f_btn input[type="button"].main { background: #ed6d00; }

.f_btn input[type="button"].sub { background: #cccccc; }

.banner, .banner_index { font-size: 0; position: relative; overflow: hidden; }

.banner.story, .banner_index.story { height: 0; padding-top: 47.96875%; margin-bottom: 1.5rem; }

.banner.story img, .banner_index.story img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; }

.banner_index .bs_grids a { display: block; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; height: 0; padding-top: 36.45833333%; }

.b_bar { font-size: 0; position: absolute; bottom: 65px; width: 100%; text-align: center; }

.b_bar a { margin: 0 5px; display: inline-block; width: 15px; height: 15px; background: rgba(255, 255, 255, 0.5); }

.b_bar a:hover, .b_bar a.active { background: #ffffff; }

.b_bar.story { bottom: 20px; }

.b_txt { position: absolute; top: 50%; transform: translateY(-50%); left: 5%; padding: 1.5rem 3rem; background: rgba(255, 255, 255, 0.5); color: #00275c; }

.b_txt * + * { margin-top: 10px; }

.b_txt .crumb { margin: 0; }

.b_txt .crumb li { display: inline-block; }

.b_txt .crumb li:not(:last-child) a::after { content: '>'; font-size: 1rem; margin: 0 3px; }

.b_txt .crumb li a { font-size: 1rem; display: inline-block; }

.b_txt .crumb li a:hover { color: #ed6d00; }

.b_txt .crumb li a:hover::after { color: #00275c; }

.b_title { font-size: 3rem; }

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

.mainlink { top: -50px; position: absolute; position: relative; color: #ffffff; display: flex; justify-content: space-between; }

.mainlink div { padding: 1rem 1.5rem; }

.mainlink div + div { margin-left: 1rem; }

.newstitle { display: flex; justify-content: space-between; align-items: center; margin-bottom: .5rem; }

.newstitle:hover .more { background: #ed6d00; }

.more { border: 1px solid #ffffff; border-radius: 5px; padding: 0px 6px; line-height: 1.5; }

.m_link { position: relative; flex: 1; }

.m_link a { display: block; width: 100%; height: 100%; z-index: 2; }

.m_link a:hover::before { content: ''; opacity: 1; width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer; z-index: 1; }

.m_link.about { background: #00275c; }

.m_link.about a:hover::before { background: url(../images/img_about.png) no-repeat 50% 50%; background-color: #00275c; }

.m_link.help { background: #ed6d00; }

.m_link.help a:hover::before { background: url(../images/img_heart.png) no-repeat 50% 50%; background-color: #ed6d00; }

.m_news { flex: 2; background: #00275c; }

.m_news li:not(:last-child) { border-bottom: 1px dashed #ffffff; margin-bottom: 1rem; padding-bottom: 1rem; }

.m_news li a { display: flex; align-items: baseline; }

.m_news li a p { flex: 5.5rem 0 0; }

.m_news li a:hover { text-decoration: underline; }

.m_help { position: relative; flex: 1; background: #ed6d00; }

.m_help:hover::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.ib_c { max-width: 1440px; width: 100%; margin: 0 auto; }

.i_block { display: flex; align-items: center; font-size: 0; margin-bottom: 1rem; background: #ffffff; height: 471px; }

.i_block .ib_img { background-size: cover; background-position: 50% 50%; width: 50%; height: 100%; }

.ib_title { font-size: 2rem; color: #00275c; margin-bottom: 20px; }

.ib_info { width: 50%; position: relative; padding: 3rem; line-height: 2; }

.ib_info .ib_link { position: relative; display: block; padding: .5rem 1rem; background: #f2f2f2; border: 1px solid #f2f2f2; }

.ib_info .ib_link:not(:last-child) { margin-bottom: 10px; }

.ib_info .ib_link::after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 12px; border-color: transparent transparent transparent #cccccc; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; }

.ib_info .ib_link:hover { color: #ed6d00; border: 1px solid #ed6d00; }

.ib_info .ib_link:hover::after { border-color: transparent transparent transparent #ed6d00; }

.media { margin-top: 60px; text-align: center; }

.me_c { margin-top: 1rem; display: flex; }

.me_item { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; position: relative; width: 33.333333%; height: 0; padding-top: 24%; position:relative; }

.me_txt { padding: 1rem; text-align: left; color: #ffffff; position: absolute; bottom: 0; width: 100%; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 32%, black 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 32%, black 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 32%, black 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0); /* IE6-9 */ /* IE6-9 */ }

.me_txt h6 { margin-bottom: .5rem; }

.page404 { background: url(../images/banner.jpg) no-repeat 50% 50%; background-size: cover; height: 600px; width: 100%; position: relative; }

.p4_txt { text-align: center; width: 540px; padding: 1.5rem; background: rgba(255, 255, 255, 0.5); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.p4_txt h1 { font-size: 64px; }

.p4_txt * + * { margin: 1rem 0; }

/*東橙哥的感謝函/道歉函*/
.thxBox { max-width: 600px; margin: 40px auto; border: 1px solid #cccccc; padding: 30px; }

.thxBox .titles { text-align: center; font-size: 1.8rem; color: #ed6d00; margin: 0 0 15px 0; }

.thxBox .txts { color: #333333; font-size: 1rem; }

.thxBox .txts span { color: #ed6d00; }

.thxBox .imgs { text-align: center; margin: 0 0 20px 0; }

.thxBox .imgs img { max-width: 100%; }

.list { display: flex; flex-wrap: wrap; }

.list_item { width: calc((100% - 40px)/3); background: #ffffff; border: 1px solid #cccccc; margin-bottom: 20px; min-height: 440px; transition: .3s; position: relative; }

.list_item:not(:nth-of-type(3n)) { margin-right: 19px; }

.list_item:hover { opacity: .8; transition: .3s; }

.li_c { padding: 10px 10px 55px 10px; }

.li_img { position: relative; height: 0; padding-top: 55.94405594%; overflow: hidden; background-color: #f2f2f2; }

.li_img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; }

.li_txt *:not(:last-child) { margin: 10px 0; }

.li_txt p { max-height: 6.5rem; overflow: hidden; }

.price { color: #c40a0a; font-weight: 500; }

.price_o { text-decoration: line-through; color: gray; margin-left: .5rem; }

.buy { background: url(../images/icon_right.svg) no-repeat 97% 50%; background-color: #ed6d00; color: #ffffff; padding: .5rem; position: absolute; bottom: 0; width: 100%; }

.buy * { display: inline-block; vertical-align: middle; }

.list_book { display: flex; flex-wrap: wrap; }

.lib_item { text-align: center; width: calc((100% - 30px)/4); background: #ffffff; border: 1px solid #cccccc; margin-bottom: 10px; min-height: 300px; position: relative; }

.lib_item:not(:nth-of-type(4n)) { margin-right: 10px; }

.lib_c { padding: 10px; }

.lib_img { position: relative; padding-top: 141.428%; height: 0; overflow: hidden; }

.lib_img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; }

.lib_txt *:not(:last-child) { margin: 10px 0; }

.lib_txt p { height: 2.5rem; overflow: hidden; }

.page_num { padding-top: 2.5rem; text-align: center; font-size: 0; }

.p_btn { display: inline-block; vertical-align: middle; border: 1px solid #b3b3b3; width: 2rem; height: 2rem; padding: 3px; margin: 3px; background: #ffffff; }

.p_btn:hover, .p_btn.active { border: 1px solid #00275c; background-color: #00275c; color: #ffffff; }

.p_btn:hover .svg path, .p_btn:hover .svg circle, .p_btn.active .svg path, .p_btn.active .svg circle { fill: #ffffff; }

.goods { display: flex; margin-bottom: 20px; min-height: 420px; }

.g_img { overflow: hidden; width: 50%; position: relative; }

.g_img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; }

.g_info { width: 50%; padding-left: 20px; }

.g_info h3 { color: #00275c; }

.g_info h6 { margin: 1rem 0; }

.g_num * { display: inline-block; vertical-align: middle; }

.tab { background: #00275c; color: #ffffff; font-size: 0; margin-bottom: 30px; }

.tab li { cursor: pointer; display: inline-block; padding: .5rem 1rem; }

.tab li:hover, .tab li.on { background: #003d8f; }

.page_title { font-weight: 700; line-height: 1.2; color: #ed6d00; margin-bottom: 1rem; padding: .25rem 0 .75rem; border-bottom: 1px solid #cccccc; }

.check { float: right; }

.check h6 { color: gray; }

.p_content { padding-bottom: 50px; border-bottom: 1px solid #cccccc; line-height: 2; }

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

.p_content * + * { margin: .25rem 0; }

.p_content .img_fl { margin: 0 0 1rem 1rem; float: right; max-width: 40%; }

.p_content .img_fl * { margin: 0; }

.p_content p { font-size: 1rem; }

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

.p_content table, .p_content td { border: 1px solid #333333; }

.p_content strong { font-weight: bold; }

.pc_title, .pc_ititle { color: #00275c; margin: 2.5rem 0 1rem; font-weight: 500; line-height: 1; padding-left: .75rem; border-left: 5px solid #00275c; }

.step { width: 100%; height: auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; padding: 30px 0 45px; }

.step li { height: auto; flex: 1; position: relative; text-align: center; white-space: nowrap; }

.step li:not(:first-child)::after { content: ''; display: block; position: absolute; top: 1.25rem; right: 50%; width: 100%; height: 2px; background-color: #cccccc; }

.step li.focus .s_dot { background: #ed6d00; }

.step li.focus h6 { color: #ed6d00; }

.step li.focus:not(:first-child)::after { background-color: #ed6d00; }

.step h6 { margin-top: .5rem; }

.step .s_dot { position: relative; z-index: 2; width: 2.5rem; height: 2.5rem; border-radius: 50%; background-color: #cccccc; color: #fff; font-size: 1.5rem; line-height: 2.5rem; margin: 0 auto; }

.page_block { background: #ffffff; padding: 30px; }

.page_block:not(:last-child) { margin-bottom: 30px; }

table.cart { border: 0; }

table.cart td { border: 0; }

.cart { text-align: center; }

.cart thead tr { border-bottom: 1px solid #00275c; }

.cart thead tr h6 { color: #00275c; }

.cart tbody tr:not(:last-child) { border-bottom: 1px solid #cccccc; }

.cart .td_img_c { width: 167px; }

.cart .td_img { overflow: hidden; position: relative; width: 150px; height: 150px; }

.cart .td_img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; height: auto; }

.cart .td_x { font-size: 0; cursor: pointer; }

.total tbody tr:not(:last-child) { border-bottom: 0px solid #cccccc; }

.total td { vertical-align: middle; padding: .5rem; width: 50%; }

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

table.intable { border: 2px solid #cccccc; background: #ffffff; }

table.intable td { padding: .5rem; }

table.intable.haveborder td { border: 1px solid #cccccc; }

table.intable.same { table-layout: fixed; }

table.intable.same td { vertical-align: top; }

.help_info img { max-width: 100%; min-width: 120px; height: auto; }

.p_form { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 15px; }

.p_ques { width: calc((100% - 30px)/2); padding: 5px 0; }

.p_ques.long { width: 100%; }

.p_ques.long * { vertical-align: middle; }

.insidepage { display: flex; align-content: space-between; align-items: flex-start; }

.side_btn { display: none; }

.sidemenu { position: relative; background: #ffffff; width: 200px; }

.sidemenu ul { padding: .5rem 0; }

.sidemenu li:hover h6, .sidemenu li.on h6 { color: #ed6d00; }

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

.sidemenu .sidesub { margin-left: 1rem; border-left: 1px solid #cccccc; }

.sidemenu .sidesub li:hover p, .sidemenu .sidesub li.s_active p { color: #ed6d00; }

.sidemenu .btn_cart { display: flex; align-items: baseline; justify-content: space-between; background-color: #c40a0a; color: #ffffff; }

.sidemenu .btn_cart h3 { font-weight: 500; }

.sidemenu .bc_title { display: flex; align-items: center; }

.sidemenu .bc_title img { margin-right: 5px; }

.side_title { background-color: #00275c; padding: .5rem 1rem; color: #ffffff; }

.side_title .svg path { fill: #ffffff; }

.side_title * { display: inline-block; vertical-align: middle; }

.side_title a { padding: 0; }

.i_main { width: calc(100% - 200px); padding-left: 30px; }

.video_c { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-bottom: 1rem; }

.video_c iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.faq li { padding: .5rem .5rem .5rem 1rem; background-color: #ffffff; }

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

.faq li a { display: flex; align-items: baseline; transition: .3s; }

.faq li a h6 { margin-left: .5rem; }

.faq li a:hover { opacity: .8; transition: .3s; }

.filter { text-align: right; padding-bottom: 1rem; }

.filter * { display: inline-block; vertical-align: middle; }

.fi_item { display: inline-block; margin-right: .75rem; }

.news li { background: #ffffff; }

.news li:not(:last-child) { margin-bottom: 30px; }

.news a { display: flex; padding: 1rem; transition: .3s; }

.news a:hover { opacity: .8; transition: .3s; }

.n_img { position: relative; width: 200px; height: 200px; background-color: #f2f2f2; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }

.n_txt { max-height: 12rem; overflow: hidden; width: calc(100% - 200px); padding-left: .75rem; }

.n_txt * + * { margin: 5px 0; }

.sitemap { display: flex; flex-wrap: wrap; }

.si_item { padding: 5px 20px; }

.si_item a { display: block; padding: .25rem 0; }

.si_item a:hover { color: #ed6d00; }

.si_item a:hover p { color: #ed6d00; }

.year { display: flex; align-items: baseline; margin-bottom: 1.25rem; }

.year * + * { margin: 0; }

.y_num h4 { color: #00275c; font-weight: 700; }

.y_txt { padding-left: 1.5rem; }

.y_txt h5 { color: #00275c; font-weight: 700; }

.y_txt * + h5 { margin-top: .75rem; }

/* v190916 media_zone_detail content css reset */
.p_content.meidaZD > .page_title{ padding: .25rem 0 .75rem !important; margin:initial; margin-bottom: 1rem; }
.p_content.meidaZD > .main{ margin: .25rem 0 !important; padding:initial !important; }
.p_content.meidaZD > p { margin:.25rem 0; }
/*.p_content.meidaZD h1 { display: block; font-size: 2em; margin-top: 0.67em; margin-bottom: 0.67em; margin-left: 0; margin-right: 0; font-weight: bold; }
.p_content.meidaZD h2 { display: block; font-size: 1.5em; margin-top: 0.83em; margin-bottom: 0.83em; margin-left: 0; margin-right: 0; font-weight: bold; }
.p_content.meidaZD h3 { display: block; font-size: 1.17em; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; font-weight: bold; }
.p_content.meidaZD h4 { display: block; margin-top: 1.33em; margin-bottom: 1.33em; margin-left: 0; margin-right: 0; font-weight: bold; }
.p_content.meidaZD h5 { display: block; font-size: .83em; margin-top: 1.67em; margin-bottom: 1.67em; margin-left: 0; margin-right: 0; font-weight: bold; }
.p_content.meidaZD h6 { display: block; font-size: .67em; margin-top: 2.33em; margin-bottom: 2.33em; margin-left: 0; margin-right: 0; font-weight: bold; }*/
.p_content.meidaZD p { display: block; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; }
.p_content.meidaZD blockquote { display: block; margin-top: 1em; margin-bottom: 1em; margin-left: 40px; margin-right: 40px; }
.p_content.meidaZD pre { display: block; font-family: monospace; white-space: pre; margin: 1em 0; }
.p_content.meidaZD address { display: block; font-style: italic; }
.p_content.meidaZD cite {font-style: italic; }
.p_content.meidaZD code { font-family: monospace; }
.p_content.meidaZD del { text-decoration: line-through; }
.p_content.meidaZD dfn { font-style: italic; }
.p_content.meidaZD img { display: inline-block; }
.p_content.meidaZD ins { text-decoration: underline; }
.p_content.meidaZD kbd { font-family: monospace; }
.p_content.meidaZD q { display: inline; }
.p_content.meidaZD s { text-decoration: line-through; }
.p_content.meidaZD samp { font-family: monospace; }
.p_content.meidaZD small { font-size: smaller; }
.p_content.meidaZD strike { text-decoration: line-through; }
.p_content.meidaZD strong { font-weight: bold; }
.p_content.meidaZD sub { vertical-align: sub; font-size: smaller; }
.p_content.meidaZD sup { vertical-align: super; font-size: smaller; }
.p_content.meidaZD var { font-style: italic; }
.p_content.meidaZD b { font-weight: bold; }
.p_content.meidaZD u { text-decoration: underline; }
.p_content.meidaZD i { font-style: italic; }
.p_content.meidaZD dl { display: block; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; }
.p_content.meidaZD dd { isplay: block; margin-left: 40px; }
.p_content.meidaZD ol { display: block; list-style-type: decimal; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; padding-left: 40px; }
.p_content.meidaZD ul { display: block; list-style-type: disc; margin-top: 1em; margin-bottom: 1 em; margin-left: 0; margin-right: 0; padding-left: 40px; }
.p_content.meidaZD li { display: list-item; }
.p_content.meidaZD fieldset { display: block; margin-left: 2px; margin-right: 2px; padding-top: 0.35em; padding-bottom: 0.625em; padding-left: 0.75em; padding-right: 0.75em; border: 2px groove (internal value); }
.p_content.meidaZD form { display: block; margin-top: 0em; }
.p_content.meidaZD legend { display: block; padding-left: 2px; padding-right: 2px; border: none; }
.p_content.meidaZD table { display: table; border-collapse: separate; border-spacing: 2px; border-color: gray; }
.p_content.meidaZD caption { display: table-caption; text-align: center; }
.p_content.meidaZD tbody { display: table-row-group; vertical-align: middle; border-color: inherit; }
.p_content.meidaZD tfoot { display: table-footer-group; vertical-align: middle; border-color: inherit; }
.p_content.meidaZD thead { display: table-header-group; vertical-align: middle; border-color: inherit; }
.p_content.meidaZD tr { display: table-row; vertical-align: inherit; border-color: inherit; }
.p_content.meidaZD th { display: table-cell; vertical-align: inherit; font-weight: bold; text-align: center; }
.p_content.meidaZD td { display: table-cell; vertical-align: inherit; }
.p_content.meidaZD dt,
.p_content.meidaZD article,
.p_content.meidaZD aside,
.p_content.meidaZD details,
.p_content.meidaZD section { display: block; }

/*贊助單位*/
.SponsorsBox{ background:url(../images/bg-sponsors.jpg) no-repeat center #fff; background-size:cover;}
.SponsorsList{ display:flex; flex-wrap: wrap;}
.SponsorsList .Item{ width:25%; text-align:center; padding:15px;}
.SponsorsList .Item .LogoPhoto{ width:100%; display:block; padding-top:100%; background:url(../images/noimg.jpg) no-repeat center #f9f9f9; background-size:contain; border:1px solid #ed6d00; background-color:#fff; border-radius:5px;}
.SponsorsList .Item .Name{ font-size:14px; color:#fff; display:inline-block; margin:10px auto 0 auto; background-color:#ed6d00; border-radius:100px; padding:2px 15px;}
.SponsorsDetail .Row{ display:flex; gap:30px; align-items: flex-start;}
.SponsorsDetail .LogoPhoto{ width:30%; display:block; padding-top:30%; background:url(../images/noimg.jpg) no-repeat center #f9f9f9; background-size:contain; border:1px solid #ccc; border-radius:5px;}
.SponsorsDetail .Note{ width:70%;}
.SponsorsDetail .Note .Name{ font-size:40px; color:#333; font-weight:bold;}
.SponsorsDetail .Note .Describe{ display:flex; padding-top:10px;}
.SponsorsDetail .Note .Describe a{ color:#ed6d00; text-decoration:underline;}
.SponsorsDetail .Note .Describe .Title{ width:100px; font-size:18px; color:#333; flex-shrink:0;}
.SponsorsDetail .Note .Describe .Content img{ max-width:100%; width:100%;}
.SponsorsDetail .Note .Describe li{ position:relative; padding-left:15px;}
.SponsorsDetail .Note .Describe li::before { content: ''; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 8px; border-color: transparent transparent transparent #ed6d00; margin-right: .5rem; position:absolute; left:0; top:8px;}

@media screen and (max-width: 1200px) { .wrapper { padding-top: 99px; }
  .quick { top: auto; bottom: 0; right: 0; }
  .quick .nomob { display: none; }
  .quick .cartbtn { border-radius: 0; margin: 0; padding: 5px 10px; }
  .quick .cartbtn img { display: inline-block; vertical-align: middle; }
  .quick .cartbtn h6 { display: inline-block; vertical-align: middle; margin: 0 0 0 5px; }
  .quick .cartbtn br { display: none; }
  .quick .cartbtn .quantity { display: inline-block; vertical-align: middle; margin: 0 0 0 5px; line-height: 27px; padding: 0 10px; }
  header { padding: 15px 15px 0 15px; }
  .h_logo img { width: 300px; }
  nav { margin-top: 0; }
  .f_unit { display: block; width: 100%; margin-top: 2rem; }
  .f_info { display: block; }
  .f_block span { margin-right: 0; display: block; }
  .f_epaper input[type="text"] { width: 100%; } }

@media screen and (max-width: 1050px) { html, body { font-size: 18px; }
  .wrapper { padding-top: 93px; }
  .share { top: 224px; }
  header { padding: 15px; }
  .h_btn { display: block; }
  nav { width: 100%; float: none; padding-top: 1rem; text-align: center; display: none; }
  .h_search { text-align: center; }
  .h_search input[type="text"] { width: 100%; background-position-x: 98%; }
  .menu { width: 100%; padding: 1rem 0; }
  .menu li { display: block; }
  .submenu { position: static; display: none; width: 100%; box-shadow: none; left: 0; transform: translateX(0); }
  .submenu li { padding: 0; }
  .submenu li br { display: none; }
  footer { padding: 20px; }
  .banner { height: 295px; }
  .banner img.page { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1024px; max-width: none; width: auto; height: 100%; }
  .b_bar { bottom: 20px; }
  .b_txt { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 1rem 3rem; text-align: center; }
  .b_txt * + * { margin: 3px 0; }
  .b_title { font-size: 2rem; }
  .ml_c { padding: 1rem; }
  .mainlink { top: 0; flex-direction: column; }
  .mainlink div + div { margin: 1rem 0 0 0; }
  .ib_c { padding: 1rem; }
  .i_block { height: auto; flex-direction: column; }
  .i_block:nth-of-type(even) { flex-direction: column; }
  .i_block .ib_img { width: 100%; height: 300px; }
  .ib_info { width: 100%; padding: 1.5rem; line-height: 1.5; }
  .side_btn { background: url(../images/icon_plus.svg) no-repeat 50% 50%; display: block; width: 49px; height: 49px; position: absolute; top: 0; right: 0px; cursor: pointer; }
  .side_btn.open { background: url(../images/icon_minus.svg) no-repeat 50% 50%; }
  .side_title { background-color: #00275c; }
  .list .list_item { width: calc((100% - 30px)/2); margin-bottom: 30px; }
  .list .list_item:not(:nth-of-type(3n)) { margin-right: 0; }
  .list .list_item:not(:nth-of-type(2n)) { margin-right: 30px; }
  .price_o { display: block; margin-left: 0; }
  .goods { flex-direction: column; }
  .lib_item { width: calc((100% - 20px)/3); }
  .lib_item:not(:nth-of-type(4n)) { margin-right: 0; }
  .lib_item:not(:nth-of-type(3n)) { margin-right: 10px; }
  .g_img { width: 100%; height: 300px; margin-bottom: 30px; }
  .g_info { width: 100%; padding: 0; }
  .p_content .img_fl { max-width: 100%; text-align: center; margin: 0; float: none; }
  .tab { margin-bottom: 20px; }
  .tab li { width: 33.3333%; text-align: center; }
  .cart .td_img_c { width: 108px; }
  .cart .td_img { width: 90px; height: 90px; }
  .p_ques input[type="text"].w_address { width: calc(100% - 280px); }
  .insidepage { flex-direction: column; }
  .sidemenu { width: 100%; }
  .i_main { width: 100%; padding: 30px 0 0 0; }
/*贊助單位*/
.SponsorsList .Item{ width:33%;}
}

@media screen and (max-width: 767px) { .content { padding: 15px 15px 0 15px; }
  .thing_pc.thing_pc { display: none; }
  .thing_mo.thing_mo { display: block; }
  .h_btn { right: 20px; }
  .b_txt { min-width: 75%; padding: 1rem; }
  .b_bar { bottom: 10px; }
  .me_c { flex-direction: column; }
  .me_item { width: 100%; padding-top: 72%; }
  .me_item:not(:last-child) { margin-bottom: 1rem; }
  .thxBox { padding: 15px; }
  .thxBox .titles { font-size: 1.4rem; }
  .list .list_item { width: 100%; margin-bottom: 15px; }
  .list .list_item:not(:nth-of-type(2n)) { margin-right: 0; }
  .g_img { margin-bottom: 15px; }
  .p_content { padding: 15px 0 25px; }
  .pc_item { margin: 1rem 0; padding: 1rem; border: 1px solid #cccccc; border-radius: 5px; }
  .pc_item h6 { display: none; }
  .pc_item.nowon { transition: .3s; }
  .pc_item.nowon .pc_ititle { margin-bottom: 1rem; }
  .pc_item.nowon .pc_ititle::before { transform: rotate(0); }
  .pc_item.nowon h6 { display: block; }
  .pc_ititle { padding-left: 0; border-left: 0; padding-right: 1.5rem; margin: 0; position: relative; }
  .pc_ititle h4 { font-weight: 500; line-height: 1.5; }
  .pc_ititle::after { content: ''; display: block; height: 2px; width: 12px; background: #ed6d00; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); }
  .pc_ititle::before { content: ''; transition: .3s; display: block; height: 2px; width: 12px; background: #ed6d00; position: absolute; right: 5px; top: 50%; transform: translateY(-50%) rotate(90deg); }
  .page_block { padding: 15px; }
  .page_block:not(:last-child) { margin-bottom: 15px; }
  .step li:not(:first-child)::after { top: 1rem; }
  .step .s_dot { width: 2rem; height: 2rem; font-size: 1rem; line-height: 2rem; }
  .step h6 { font-size: .875rem; }
  .cart td { position: relative; display: block; padding: .5rem; }
  .cart td.td_title { padding-left: 6.5rem; text-align: center; }
  .cart td.td_title::after { content: attr(data-title); position: absolute; z-index: 4; top: 50%; left: 0; transform: translateY(-50%); padding-left: 1rem; white-space: nowrap; text-align: left; font-weight: 600; font-size: 1rem; }
  .cart td.td_title::before { content: ''; height: 100%; width: 6rem; background: #fafafa; left: 0; top: 0; position: absolute; z-index: 3; }
  .cart td.tdimg_c { padding: 15px 0; }
  .cart .td_img { width: 100%; height: 200px; }
  .cart.sick td { word-break: break-all; margin: 0; }
  .cart.sick td.td_title { padding-left: 9.5rem; }
  .cart.sick td.td_title::before { width: 9rem; }
  .cart.nomargin td { word-break: break-all; margin: 0; }
  .total td { display: table-cell; }
  .table_bg { background: #ffffff; }
  .i_main { padding-top: 15px; }
  .p_form { padding: 0; flex-direction: column; }
  .p_ques { width: 100%; }
  .p_ques input[type="text"].w_address { width: 100%; margin-top: 4px; }
  .news li:not(:last-child) { margin-bottom: 15px; }
  .news a { flex-direction: column; }
  .n_img { width: 100%; height: 0; padding-bottom: 55.94405594%; }
  .n_txt { padding: .75rem 0 0 0; max-height: none; overflow: visible; width: 100%; }
  .n_txt h6 { display: none; }
  .sitemap { flex-direction: column; }

/*贊助單位*/
.SponsorsList .Item{ width:50%;}
.SponsorsList .Item .Name{ font-size:12px;}
.SponsorsDetail .Row{ flex-direction: column; gap:20px;}
.SponsorsDetail .LogoPhoto{ width:100%; padding-top:100%;}
.SponsorsDetail .Note{ width:100%;}
.SponsorsDetail .Note .Name{ font-size:30px;}
}

@media screen and (max-width: 575px) { .filter { padding: 15px 0; text-align: left; }
  .filter * { display: block; }
  .fi_item { display: block; width: 100%; margin-bottom: 15px; }
  .fi_item input[type="text"].w_date { width: 100%; background-position: 98% 50%; }
  button { width: 100%; }
  .lib_item { width: 100%; }
  .lib_item:not(:nth-of-type(2n)) { margin-right: 0; } }

@media screen and (max-width: 414px) { .wrapper { padding-top: 81px; }
  .h_logo img { width: 240px; }
  .h_btn { right: 15px; top: 24px; }
  .check { float: none; }
  .y_txt { padding-left: 1rem; } }

@media screen and (max-width: 320px) { .h_logo img { width: 225px; } }

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