@charset "utf-8";
@font-face { font-family: 'Uniqlo Pro'; font-style: normal; font-weight: 400; /* GDS↓*/ src: url("//www.uniqlo.com/tw/collection/UQ_fonts/uniqloproregular-webfont.eot"); src: url("//www.uniqlo.com/tw/collection/UQ_fonts/uniqloproregular-webfont.eot?#iefix") format("embedded-opentype"), url("//www.uniqlo.com/tw/collection/UQ_fonts/uniqloproregular-webfont.woff") format("woff"), url("//www.uniqlo.com/tw/collection/UQ_fonts/uniqloproregular-webfont.ttf") format("truetype"), url("//www.uniqlo.com/tw/collection/UQ_fonts/uniqloproregular-webfont.svg#uniqlo_proregular") format("svg"); }
/*test223↓
  src: url("../store/feature/top/fonts/uniqloproregular-webfont.eot");
  src: url("../store/feature/top/fonts/uniqloproregular-webfont.eot?#iefix") format("embedded-opentype"), url("//test223.whatis.com.tw/tw/store/feature/top/fonts/uniqloproregular-webfont.woff") format("woff"), url("//test223.whatis.com.tw/tw/store/feature/top/fonts/uniqloproregular-webfont.ttf") format("truetype"), url("//test223.whatis.com.tw/tw/store/feature/top/fonts/uniqloproregular-webfont.svg#uniqlo_proregular") format("svg"); }
*/
html { font-size: 16px; font-family: "Uniqlo Pro", "Microsoft JhengHei"; color: #1b1b1b; }
.wrapper { width: 1200px; margin: 0 auto; }
#gotop { position: fixed; z-index: 90; right: 15px; bottom: 15px; display: none; width: 50px; height: 50px; background: #33b5e5; line-height: 50px; text-align: center; box-shadow: 0 0 8px rgba(0,0,0,.2); background: url(https://im.uniqlo.com/images/tw/uq/pc/img/feature/top/2020_L1_update/backtotop.png) 50%/28px auto no-repeat #fff; cursor: pointer; }
section { margin: 0 auto; margin-bottom: 2.25rem; width: 100%; }
#slider-main .bx-wrapper { margin: 0 auto; margin-bottom: 81px; }
.topics-new { position: relative; background-color: #fff; height: 80px; text-align: center; margin-bottom: 8px; padding: 0 1rem; }
.topics-new:before { content: ""; display: block; *display: inline;
*zoom: 1;
background: #dadada; width: 1px; height: 14px; position: absolute; left: 0px; top: 8px; }
.topics-new h1 { font-size: 1.375rem; height: 24px; font-weight: bold; line-height: 28px; margin-bottom: 24px; text-align: center; }
.topics-new ul { display: inline-block; margin: 0 auto; }
.topics-new li { display: block; float: left; height: 18px; text-align: center; margin: 0 10px; }
.topics-new span { font-family: "Uniqlo Pro", sans-serif; font-size: 14px; font-weight: 600; color: #1b1b1b; line-height: 1.25; }
.topics-new a { text-transform: uppercase; display: inline-block; font-family: "Uniqlo Pro", sans-serif; text-decoration: none; position: relative; text-align: center; font-size: 16px !important; }
.topics-new a::after { content: ""; width: calc(100%); height: 2px; background: #DADADA; bottom: -0.25rem; position: absolute; left: 0; }
.main-title { font-size: 2.25rem; letter-spacing: normal; font-weight: 600; line-height: 1.375; font-family: "Uniqlo Pro", "Microsoft JhengHei"; margin: 0.63em 0; }
p.sp20-txt { font-size: 15px; margin-bottom: 1.5rem; color: #1b1b1b; margin-top: 15px; ine-height: 1.5; font-weight: 300; }
.section-button { text-decoration: none; display: flex; margin-left: auto; margin-right: auto; max-width: 720px; position: relative; }
.section-button a { display: inline-flex; justify-content: center; align-items: center; text-decoration: none !important; padding: 0 1rem; height: 3.25rem; width: 100%; max-width: none; margin: 0; word-wrap: break-word!important; outline: 0; overflow: visible; color: #1b1b1b !important; border-width: 1px; border-style: solid; border-color: 1b1b1b !important; font-size: 15px; }
.section-button a:hover { border-width: 1px; border-color: #666; color: #666; opacity: 0.8; }
.twopic-block { padding-right: 12px; padding-left: 12px; }
.pure-u-1-2:nth-child(odd) .twopic-block { padding-right: 12px; padding-left: 0px; }
.pure-u-1-2:nth-child(even) .twopic-block { padding-right: 0px; padding-left: 12px; }
.twopic-block .imgblock { background-color: #f4f4f4; display: block; position: relative; overflow: hidden; background-size: cover; background-position: center; margin-bottom: 1rem; }
.twopic-block img { width: 100%; height: auto; }
.pic-script { margin: 0.63em 0; font-size: 17.5px; line-height: 1.375; font-weight: 600; margin-bottom: 5px; font-family: "Uniqlo Pro", "Microsoft JhengHei"; color: #1b1b1b; }
.pic-sub-script { font-size: 14px; line-height: 1.375; font-weight: 500; margin-bottom: 30px; font-family: "Uniqlo Pro", "Microsoft JhengHei"; color: #1b1b1b; }
.main-sub-title { font-size: 1.875rem; letter-spacing: normal; font-weight: 600; line-height: 1.375; font-family: "Uniqlo Pro", "Microsoft JhengHei"; margin-bottom: 1.5rem; }
.sp-block { text-align: center; }
.fourpic-block { padding-right: 24px; }
.fourpic-block .imgblock { background-color: #f4f4f4; display: block; position: relative; overflow: hidden; background-size: cover; background-position: center; margin-bottom: 1rem; }
.fourpic-block img { width: 100%; height: auto; }
.fourpic-block-title { font-size: 1.0625rem; line-height: 1.375; font-family: "Uniqlo Pro", "Microsoft JhengHei"; font-weight: 600; margin-bottom: 0.25rem; color: #1b1b1b; }
.fourpic-block-subtitle { margin: 0; font-family: "Uniqlo Pro", "Microsoft JhengHei"; font-size: 0.875rem; margin-bottom: 0.25rem; font-weight: 500; font-style: normal; line-height: 1.5; color: #1b1b1b; }
.main-sub-title { font-size: 1.875rem; letter-spacing: normal; font-weight: 600; line-height: 1.375; font-family: "Uniqlo Pro", "Microsoft JhengHei"; margin: 0!important; padding: 0!important; background-color: transparent !important; color: #1b1b1b !important; margin-bottom: 0.83em !important; }
.three-block-area { display: flex; }
.three-block {
width: calc((100% - (1.5rem * 2)) / 3); margin-right: 1.5rem; display: inline-block; }
.three-block:nth-child(3n+3) { margin-right: 0; }
.three-block .imgblock { height: auto; width: 10.5rem; margin-right: 1rem; display: inline-block; }
.three-block img { width: 100%; height: auto; }
.three-block-right { display: inline-block; vertical-align: top; flex: 1; width: 12rem; }
.three-block-title { font-size: 1.0625rem; line-height: 1.375; font-family: "Uniqlo Pro", "Microsoft JhengHei"; font-weight: 600; margin-bottom: .25rem;
color: #1b1b1b; }
.three-block-subtitle-info { margin: 0; font-family: "Microsoft JhengHei"; font-size: .8125rem;
margin-bottom: 0.25rem; font-weight: 400; font-style: normal; line-height: 1.5; color: gray; }
.three-block-subtitle { margin: 0; font-family: "Uniqlo Pro", "Microsoft JhengHei"; font-size: 0.6875rem; margin-bottom: 0.25rem; font-weight: 300; font-style: normal; line-height: 1.5; color: #1b1b1b; }
.three-block-link { margin-left: 1.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; display: inline-block; position: relative; color: #1b1b1b; text-decoration: none; outline: 0; font-family: "Uniqlo Pro", "Microsoft JhengHei"; font-size: 0.875rem; margin-bottom: 0.25rem; font-weight: 300; }
footer { background-color: #f4f4f4; }
.footer-inner { width: 1200px; margin-left: auto; margin-right: auto; background-color: #f4f4f4; padding: 2rem 0; }
.footer-line { display: flex; }
.footer-line a { display: inline-block; padding-right: 1rem; margin-right: 1rem; margin-bottom: 1rem; font-size: 0.8125rem; font-family: "Uniqlo Pro", "Microsoft JhengHei"; font-weight: 400; color: #1b1b1b  !important; position: relative; padding-top: 0.25rem; padding-bottom: 0.25rem; }
.footer-line a:not(:last-child)::after { position: absolute; content: ''; right: 0; top: 0; bottom: 0; height: 100%; border-right: 1px solid #1b1b1b; }
.caption { font-family: "Uniqlo Pro", "Microsoft JhengHei"; font-size: 0.8125rem; margin-bottom: 0.25rem; font-weight: 300; color: #1b1b1b; }
footer .hr { margin: 1.5rem 0; -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; display: block; unicode-bidi: isolate; overflow: hidden; border-style: inset; border-width: 1px; }
.copyright { font-family: "Microsoft JhengHei"; font-size: 0.8125rem; margin-bottom: 0.25rem; font-weight: 300; color: #1b1b1b; }
.sns-area { display: flex; }
.sns-area ul { display: flex; justify-content: flex-end; margin-left: auto; }
.sns-area ul li { display: inline-block; margin-right: 1rem; margin-bottom: 1rem; }
/*L2*/
.breadcrumb-group { padding: 0; margin: 1.5rem 0 0; list-style-type: none; color: #1b1b1b; font-family: "Uniqlo Pro", "Microsoft JhengHei"; }
.breadcrumb-group li { display: inline-block; color: #1b1b1b; font-size: 0.8125rem; font-weight: 300; font-family: "Uniqlo Pro", "Microsoft JhengHei"; }
.breadcrumb-group li:not(:last-child)::after { content: ''; width: 1px; height: 10px; background-color: #1b1b1b; transform: rotate(15deg); display: inline-block; margin: 0 .75rem;
}
.breadcrumb-group a { display: inline-block; color: #1b1b1b; text-decoration: underline !important; }
.three-block.bigpic {
width: calc((100% - (1.5rem * 2)) / 3); margin-right: 1.5rem; display: inline-block; }
.three-block.bigpic:nth-child(3n+3) { margin-right: 0; }
.three-block.bigpic .imgblock { background-color: #f4f4f4; display: block; position: relative; overflow: hidden; background-size: cover; background-position: center; max-height: none; width: 100%; margin-right: auto; }
.three-block.bigpic img { width: 100%; height: auto; margin-bottom: 1rem;}
.one-block-title { font-size: 1.0625rem; line-height: 1.375; font-family: "Uniqlo Pro", "Microsoft JhengHei"; font-weight: 600; margin-bottom: 0.25rem; color: #1b1b1b; margin-top:10px;}
.one-block-subtitle { margin: 0; font-family: "Uniqlo Pro", "Microsoft JhengHei"; font-size: 0.875rem; margin-bottom: 0.25rem; font-weight: 400; font-style: normal; line-height: 1.5; color: gray; margin-bottom: 1.45rem; }
body, div#container { backround: none; z-index: 0; position: relative; }
.more_info_des P { font-weight: 400; color: gray; font-size: .8125rem;
font-family: "Microsoft JhengHei"; }
img:hover { opacity: 0.8; }
.slide_map:hover { opacity: 0.8; }
.slide_map + h1 { cursor: pointer; }
.slide_map + h1 + p { cursor: pointer; }
/*L2 圖文分離內容*/
.l2-pictxt-area { display: flex; border: #DCD8D9 solid 1px; }
.l2-pictxt-area-txt { padding: 120px 42px 0; }
.l2-pictxt-area-txt h4 { margin: 0; font-family: "Uniqlo Pro", "Microsoft JhengHei"; font-size: 1.575rem; margin-bottom: 1rem; font-weight: 600; font-style: normal; line-height: 1.5; color: #1b1b1b; height: auto; }
.l2-pictxt-area-txt .sub-title { margin: 0; font-family: "Uniqlo Pro", "Microsoft JhengHei"; font-size: 1.275rem; margin-bottom: 0.75rem; font-weight: 600; font-style: normal; line-height: 1.5; color: #1b1b1b; }
.l2-pictxt-area-txt .price { margin: 0; font-family: "Uniqlo Pro", "Microsoft JhengHei"; font-size: 1.575rem; margin-bottom: 0.25rem; font-weight: 500; font-style: normal; line-height: 1.5; color: #1b1b1b; }
.l2-pictxt-area-txt .price.redtxt { color: #FD0000; }
.l2-pictxt-area-txt .small-txt { margin: 0; font-family: "Uniqlo Pro", "Microsoft JhengHei"; font-size: 0.875rem; font-weight: 600; font-style: normal; line-height: 1.5; color: #1b1b1b; margin-bottom: 1.1rem; }
.l2-pictxt-area-txt .small-txt.redtxt { color: #FD0000; }
.l2-pictxt-area-txt .link { margin: 0; font-family: "Uniqlo Pro", "Microsoft JhengHei"; font-size: 0.875rem; margin-bottom: 0.25rem; font-weight: 600; font-style: normal; line-height: 1.5; color: #1b1b1b; text-decoration: underline; }
.l2-pictxt-area-txt.style2 h4 { font-size: 1.275rem; }
.l2-pictxt-area-txt.style2 .sub-title { font-size: 1rem; }
.l2-pictxt-area-pic img { width: 375px; height: 375px; }
.l2-pictxt-area-pic-title img { width: 588px; height: 440px; }
.l2-uni-bnr-info_price_up {font-size: 15px;}
.l2-uni-bnr-info__price { text-decoration: line-through; font-size: 15px; color: black; }
.l2-three-block-subtitle { margin: 0; font-family: "Uniqlo Pro", "Microsoft JhengHei"; font-size: 13px; margin-bottom: 0.25rem; font-weight: 400; font-style: normal; line-height: 1.5; color: gray; }
.l2-three-block-subtitle-info{ margin: 0; font-family: "Microsoft JhengHei";font-size: .8125rem;margin-bottom: 0.25rem; font-weight: 400; font-style: normal; line-height: 1.5; color: gray;}
a:hover { text-decoration: none; }
.bigpic a:link { outline: none; }
/*L2 八張圖*/
.uni-col4img { box-sizing: border-box; border-left: 1px solid #dadada; border-top: 1px solid #dadada; }
.uni-col4img:after { display: table; clear: both; content: ''; }
.uni-col4img__item { float: left; box-sizing: inherit; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; width: 25%; }
.uni-col4img__img { width: 100%; height: auto; }
.uni-col4img__item img { width: 100%; height: auto; }