@charset "utf-8";

/* 彈出大圖 */
.popup_img:hover {cursor:zoom-in; filter:grayscale(100%)}

figure {text-align:center}
input[type=radio] {display:none}
label.customer-label::before {font-family:'Font Awesome 5 Free'; font-size:2rem; color:var(--warning); padding-right:.25rem}

input[type=radio] + label.customer-label::before {content:'\f0c8'}
input[type=radio]:checked + label.customer-label::before {content:'\f14a'}
#export > label.customer-label, #export > input[type=radio]:checked + label.customer-label > p {display:block}
label.customer-label > p {display:none}

/* content_panner.html 協力夥伴*/
.table.panner {margin-bottom:1rem}
@media (max-width:414px) {
	.table.panner tr {border-bottom:1px dashed var(--light)}
	.table.panner th, .table.panner td {display:block; padding:.05rem .25rem; border:none}
	.table.panner th {font-size:1.2rem; margin-top:.5rem}
	.table.panner th > strong::before {font-family:'Font Awesome 5 Free'; color:var(--light); padding-right:.5rem; content:'\f54f'}
}

#max-export {font-size:.9rem}
#navigator img {max-width:70px}
@media (max-width:1024px) {
	#max-export {display:block}
}

input:checked + span, input:checked + span > small {color:#a94442}

/*----- 商品內容 -----*/
#products_img {text-align:center; margin:0 auto; max-width:522px}

.requirement:before {content:'※'; color:#a94442; padding-right:.4rem}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; border:none}
#cboxOverlay{position:fixed; width:100%; height:100%}
#cboxMiddleLeft, #cboxBottomLeft{clear:left}
#cboxContent{position:relative}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling:touch}
#cboxTitle{margin:0}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic}
.cboxIframe{width:100%; height:100%; display:block; border:0}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box}

#cboxOverlay{background:url(colorbox/overlay.png) repeat 0 0}
#colorbox{outline:0}
#cboxTopLeft{width:21px; height:21px; background:url(colorbox/controls.png) no-repeat -101px 0}
#cboxTopRight{width:21px; height:21px; background:url(colorbox/controls.png) no-repeat -130px 0}
#cboxBottomLeft{width:21px; height:21px; background:url(colorbox/controls.png) no-repeat -101px -29px}
#cboxBottomRight{width:21px; height:21px; background:url(colorbox/controls.png) no-repeat -130px -29px}
#cboxMiddleLeft{width:21px; background:url(colorbox/controls.png) left top repeat-y}
#cboxMiddleRight{width:21px; background:url(colorbox/controls.png) right top repeat-y}
#cboxTopCenter{height:21px; background:url(colorbox/border.png) 0 0 repeat-x}
#cboxBottomCenter{height:21px; background:url(colorbox/border.png) 0 -29px repeat-x}
#cboxContent{background:#fff}
.cboxIframe{background:#fff}
#cboxError{padding:50px; border:1px solid #ccc}
#cboxLoadedContent{margin:28px 0}
#cboxTitle{position:absolute; top:0; left:0; text-align:center; width:100%; font-size:1.25rem;}
#cboxCurrent{position:absolute; bottom:4px; right:8rem; color:#949494}
#cboxSlideshow{position:absolute; bottom:4px; right:1rem/* ; color:#0092ef; */}
#cboxPrevious{position:absolute; bottom:0; right:15rem; background:url(colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px; border:none}
#cboxPrevious:hover{background-position:-75px -25px}
#cboxNext{position:absolute; bottom:0; right:2rem; background:url(colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px; border:none}
#cboxNext:hover{background-position:-50px -25px}
#cboxLoadingOverlay{background:url(colorbox/loading_background.png) no-repeat center center}
#cboxLoadingGraphic{background:url(colorbox/loading.gif) no-repeat center center}
#cboxClose{position:absolute; top:-5px; right:-5px; background:url(colorbox/closebox.png) no-repeat; width:30px; height:30px; text-indent:-9999px; z-index:10000; border:none}