﻿html{font-size:62.5%;}
body{min-height:100vh;line-height:1.8;letter-spacing:0.01em;font-size:1.6rem;font-family:Arial,"Microsoft JhengHei UI","Microsoft JhengHei",sans-Serif;}
a,a:hover,input{text-decoration:none;}
input,select{font-size:1.5rem;border:1px solid;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;}
input[type=submit],input[type=button],input[type=reset],input[type=datetime]{-webkit-appearance:none;cursor:pointer;}
input[type=radio]{box-shadow:none;}
select{padding:0 15px 0 5px;margin:0;text-align-last:center;-webkit-appearance:none;appearance:none;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="16" viewBox="5 0 12 24"><path d="M9 10 L12 15 L15 10 Z"/></svg>') no-repeat right 0 center / 22px;}
br{font:"Microsoft JhengHei";}
#Bodyer{clear:both;}
#Wrap{margin:0 auto;overflow:hidden;background-color:#fcfcfc;}
#Left{position:fixed;top:60px;left:0;padding:2.5% 25px 0 2.5%;width:265px;height:calc(100vh - 30px);background-color:#f2f3f6;}
#Side{height:calc(100% - 100px);overflow-x:hidden;overflow-y:auto;}
#Side::scrollbar{width:0px;}
#Side::-webkit-scrollbar{width:0px;}
#Side .MyproductsSide .Title{display:block;margin: 0 0 20px;text-align:center;border-radius:50px;}
#Side .L1.i0 .Title{font-weight:600;text-align:center;border-radius:50px;}
.topping #Left{top:45px;}
.topping #Body{margin-top:45px;}
#Body{float:right;padding:2.5%;width:calc(92.5% - 290px);min-height:calc(95vh - 20px);}
#Body .Header{margin:0 0 10px;}
#Body .Header .Breadcrumb{display:flex;flex-wrap:wrap;align-items:center;}
#Body .Header .Breadcrumb a,#Body .Header .Breadcrumb span,#Body .Header .Breadcrumb p,#Body .Header .Breadcrumb div{display:flex;align-items:center;margin:0 5px 0 0;font-size:1.6rem;text-decoration:none;}
#Body .Header .Breadcrumb span{position:relative;width:10px;height:25px;text-indent:-99999px;}
#Body .Header .Breadcrumb span::before{content:"";position:absolute;top:40%;left:0;width:0;height:0;border:5px solid transparent;border-width:3px 0px 3px 6px;border-style:solid;border-left-color:#000;}
#Body .Bodyer .Kind,#Body .Bodyer .Hello{margin:0 0 20px;font-size:2.4rem;text-align:center;}
#Body .Bodyer .Kind a{display:block;font-size:2.4rem;}
.Pages .pagination{display:flex;justify-content:center;margin:10px auto 20px;width:100%;text-align:center;}
.Pages .pagination li{margin:0 2.5px 5px;width:35px;line-height:35px;}
.Pages .pagination li a{display:block;border-width:1px;border-style:solid;}
#Righter{position:fixed;bottom:0;right:0;z-index:1;width:50px;line-height:50px;text-align:center;}
#js-warning{padding:10px;color:#e00;line-height:1.5;font-size:1.4rem;background-color:#f5d5d5;}
.js-enabled{display:none;}
@media screen and (min-width:960px) and (max-width:1249px){
	#Left{width:200px;}
	#Body{width:calc(92.5% - 230px);}
}
@media screen and (max-width:959px){
	#Left{display:none;}
	#Body{padding:30px 5% 40px;width:90%;}
	#Body .Header .Breadcrumb a,#Body .Header .Breadcrumb span,#Body .Header .Breadcrumb p,#Body .Header .Breadcrumb div{font-size:1.4rem;}
}
@media screen and (max-width:639px){
	#Body{min-height:calc(100vh - 250px);}
}