img, legend {
	border: 0
}
a, a:active, a:hover, a:visited, mark {
	color: #000
}
body, html {
	overflow-x: hidden;
	min-height: 100%;
	height: auto
}
.shopping .grid .w100, body, html {
	width: 100%
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}
.shopping .mobile.below.being, [hidden], template {
	display: none
}
audio:not([controls]) {
	display: none;
	height: 0
}
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%
}
a {
	background: 0 0
}
a:active, a:hover {
	outline: 0
}
abbr[title] {
	border-bottom: 1px dotted
}
b, optgroup, strong {
	font-weight: 700
}
dfn {
	font-style: italic
}
h1 {
	font-size: 2em;
	margin: .67em 0
}
mark {
	background: #ff0
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
#steps.fixed, .fix {
	position: fixed
}
sup {
	top: -.5em
}
sub {
	bottom: -.25em
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 1em 40px
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}
pre, textarea {
	overflow: auto
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}
button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0
}
button {
	overflow: visible
}
button, select {
	text-transform: none
}
button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled], html input[disabled] {
	cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0
}
input {
	line-height: normal
}
input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
	height: auto
}
input[type=search] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}
legend {
	padding: 0
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
td, th {
	padding: 0
}
body, html {
	max-width: 100%;
	-webkit-text-size-adjust: none
}
body, html, li, ul {
	margin: 0;
	padding: 0
}
ol, ul {
	list-style: none
}
caption, td, th {
	text-align: left;
	font-weight: 400;
	vertical-align: middle
}
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
	letter-spacing: .125em
}
:not(i) {
	font-family: "Noto Sans TC", "微軟正黑體", "Helvetica Neue", Helvetica, Arial, sans-serif!important;
	font-weight: 400
}
body {
	overflow-y: auto
}
.price, .ui.list {
	font-size: 14px
}
.invisible {
	visibility: hidden
}
.ui .ui.step {
	font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif!important
}
.ui a {
	color: #4183c4
}
.tinyfont {
	font-size: .875em
}
.resetbox {
	padding: 0!important;
	margin: 0!important
}
.price {
	color: #2185d0;
	font-size: 1.25rem;
	letter-spacing: normal;
	font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif
}
.shopping #shell>.ui.dimmer {
	z-index: 99
}
.shopping .grid .ui.dimmer {
	z-index: 97
}
.shopping #buttonControls {
	margin-bottom: 5rem
}
.shopping .mobile.below.hidden {
	display: block
}
@media (max-width:767px) {
	.shopping .mobile.below.being {
		display: block
	}
	.shopping .mobile.below.hidden {
		display: none
	}
}
.shopping .step .mobile.below.hidden {
	display: block
}
@media (max-width:480px) {
	.shopping .step .mobile.below.hidden {
		display: none
	}
}
.shopping .unstackable {
	flex-direction: row
}
.shopping .unstackable .step {
	width: 25%!important
}
@media (max-width:767px) {
	.shopping .ui.steps .column.step:nth-last-child(n+2):after {
		display: block!important
	}
}
#steps.fixed {
	right: 0;
	left: 0;
	z-index: 98
}
#steps.fixed .row:first-child {
	padding-bottom: 0
}
#steps.fixed .row:nth-child(2) {
	padding-top: 0
}
#steps.fixed .steps .step .icon {
	font-size: 1.6rem
}
#steps.fixed .steps .step.done {
	position: relative
}
#steps.fixed .steps .step.done .description, #steps.fixed .steps .step.done .title {
	color: silver
}
#steps.fixed .steps .step.done .icon {
	color: #D0D0D0
}
#steps.fixed .steps .step.done .icon.checkmark {
	font-size: 2rem;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	z-index: 2;
}
#steps-container {
	position: relatvie;
	margin: auto;
	height: 130px
}
@media (max-width:768px) {
	#steps-container {
		height: 150px
	}
}
.ui.removebtn.light-yellow, .ui.removebtn.light-yellow::after {
	background-color: #FEFF99;
	border-color: #FEFF99
}
.ui.segment>.ui.corner.removebtn.light-yellow {
	top: -2px;
	left: -2px
}
.ui.removebtn.light-yellow:hover, .ui.removebtn.light-yellow:hover::after, .ui.removebtn.light-yellow:hover::before {
	background-color: #feff66;
	border-top-color: #feff66
}
.ui.grid>.row>.column.name-opt {
	margin-top: .5rem;
	margin-bottom: .5rem
}
.ui.list>.item>.bold {
	font-weight: 700
}
.ui.steps.success {
	overflow: hidden
}
.ui.steps.success>.step.completed {
	background-color: #21ba45
}
.ui.steps.success>.step.completed .description, .ui.steps.success>.step.completed .title, .ui.steps.success>.step.completed>.icon::before {
	color: #FFF
}
.table-container {
	overflow-x: auto
}
.shopping main.ui.grid.success {
	margin-bottom: 2rem
}
@media (max-width:991px) {
	.price-block {
		background-color: #f3f4f5;
		padding: 1rem 0
	}
	.shopping.check_success .ui.grid .hideM, .shopping.confirmation .ui.grid .hideM {
		display: none
	}
}
@media (min-width:991px) {
	.shopping.check_success .ui.grid .hideC, .shopping.confirmation .ui.grid .hideC {
		display: none
	}
}
.shopping #mobileFooter, .shopping #share-button-container-under-sharebutton, .shopping #shareButton {
	display: none!important
}
.shopping .ui.top.attached {
	background-color: #f3f4f5
}
@media print {
	.check_success {
		width: 100%!important;
		padding: 0!important;
		margin: 0!important
	}
	.check_success .print-hide {
		display: none!important
	}
	.check_success .order-column {
		width: 100%!important;
		float: none!important
	}
	.check_success .order-column>span {
		border: 2px solid #000;
		color: #000!important;
		display: block!important;
		width: 100%!important;
		font-size: 18px!important;
		text-align: center!important
	}
	.check_success .ui.segment, .check_success main.success {
		padding: 0!important;
		width: 100vw!important;
		float: none!important;
		border: none!important
	}
	.check_success * {
		font-size: 9px!important
	}
	.check_success #footer, .check_success #mobileFooter, .check_success #nav, .check_success #steps, .check_success .footer {
		display: none!important
	}
	.check_success .ui.segment {
		margin: 0 auto!important;
		box-shadow: none!important
	}
	.check_success main.success {
		position: relative!important;
		margin: auto!important
	}
	.check_success .main-grid, .check_success .main-grid .row {
		position: relative!important;
		margin: auto!important;
		padding: .125rem!important;
		width: 100%!important;
		float: none!important;
		border: none!important
	}
	.check_success #table-order-details, .check_success .table-container {
		box-sizing: border-box!important;
		position: relative!important;
		margin: 0!important;
		padding: 0!important;
		float: none!important
	}
	.check_success .table-container {
		overflow-x: none!important;
		width: auto!important;
		border: none!important
	}
	.check_success #table-order-details {
		width: 100%!important;
		max-width: auto!important
	}
}
.shopping .ui.grid label.selectable {
	cursor: pointer
}
.shopping .ui.grid label.selectable:hover {
	background-color: #F8F8F8
}
.shopping .ui.grid label.selectable.lighten {
	background-color: #E7E7E7
}