@media (max-width: 435px) {
	#input_search{
		/*max-width: 10em;*/
	}
}
@media (min-width: 768px) {
	#small_nav{
		display: none;
	}
}
@media (max-width: 767px) {
	#big_nav{
		display: none;
	}
	#site_map div{
		margin-bottom: 2em;
	}
	.space_small{
		padding: 1em;
	}
	.small_hidden{
		display: none;
	}
}
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC:400,500,700,900&display=swap');
* {
	/*font-family: 'Noto Sans TC', 'Open Sans', sans-serif;
	font-family: GenJyuuGothic-P; */
	font-family: 'Noto Sans', 'Noto Sans CJK TC', PingFangTC-Regular, sans-serif;
}

.unseletable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

table{
	word-break: break-word;
	width: 100%;
}
ul li{
	list-style-type: none;
}
.row:before{
	clear: both;
}
.align_right{
	text-align: right;
}
.align_center{
	text-align: center;
}
.align_top{
	line-height: 2em;
	vertical-align: top;
}
.float_left{
	float: left;
}
.float_right{
	float: right;
}
.bg_yellow{
	background-color: #FFC84B;
}
.bg_gray{
	background-color: #EEEEEE;
}
.bg_red{
	background-color: #FE6969;
	color: white;
}
.bg_li_yellow{
	background-color: #EDE8E0;
}
.bg_li_darkgray {
	color: #FFF;
	background-color: #1D1E23;
}
.baseline_orange{
	padding-bottom: 0.8em;
	border-bottom: 0.15em solid #FFC84B;
}
.baseline_yellow{
	padding-bottom: 0.8em;
	border-bottom: 0.15em solid #F7EF66;
}
.font_half{
	font-size: 50%;
}
.gray{
	color: #CCCCCC;
}
.red{
	color: #FE6969;
}
.green{
	color: #5ABEB4;
}
.white{
	color: white;
}
.green{
	color: #5ABEB4;
}
.orange{
	color: #EC7846;
}
.col-reset-l{
	padding-left: 0;
}
.col-reset-r{
	padding-right: 0;
}
.bold{
	font-weight: bold;
}
.waitingForAddressInput3{
	margin-top: 0.8em;
	padding-top: 0.2em;
	font-size: 1.5em;
	text-align: right;
	border-top: 1.5px solid #333333;
}
.alert{
	border: 1px dashed #FE6969;
	background-color: #FE6969;
}
#nav_bar{
	font-size: 16px;
	position: fixed;
	width: 100%;
	padding: 0;
	margin: 0 -15px;
	top: 0;
	z-index: 9;
	background-color: #FFF;
	border-bottom: 1px solid;
	border-color: #e5e5e5; /* header underline */
}
.nav_ot {
	height: 80px;
	text-align: center;
	margin: 0 auto;
}

.nav_ot:before {
	content: '';
	display: inline-block;
	vertical-align: middle ;
	height: 100%;
}
.nav_element {
	display: inline-block;
	vertical-align: middle;
}
.nav_ablock {
	color: #a6a6a6;
	font-weight: 500;
	line-height: 80px;
	padding: 0 15px;
	border-right: 1px solid #e5e5e5; /* header between */
	display: inline-block;
	vertical-align: top;
}
.nav_ablock a {
	color: #a6a6a6; /* header url */
}
.nav_ablock a:hover {
	text-decoration: none !important;
}
.nav_ablock a:active {
	text-decoration: none !important;
}
.nav_ablock a:focus {
	text-decoration: none !important;
}
.nav_brand {
	padding: 0 30px;
	border-right: 1px solid #e5e5e5; /* header between logo */
}
.user_photo {
	height: 50px;
	width: 50px;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border: 1px solid #ffc84b;
	display: inline-block;
	vertical-align: text-top;
	margin-top: -10px;
	margin-right: 10px;
	background-position: center;
	background-repeat: no-repeat;
}
#nav_logo{
	height: 2.5em;
	vertical-align: text-bottom;
}
#big_nav, #small_nav{
	float: right;
}
#nav_icon_menu{
	height: 80px;
	line-height: 80px;
	padding: 9px 25px;
	margin: 0;
	float: right;
	color: #a6a6a6;
	cursor: pointer;
	vertical-align: text-bottom;
}
#nav_icon_menu > .icon-bar {
	background-color: #FFC84B;
}
#nav_search{
	border-bottom: 1px solid white;
	margin-left: 0.5em;
	margin-top: 0.5em;
	cursor: pointer;
}
#nav_icon_search{
	height: 1em;
}
#input_search, #input_search:focus{
	color: #a6a6a6;
	border: none;
	background-color: #FFF;
	outline: none !important;
	border-radius: 0;
	/*max-width: 8.5em;*/
	margin-left: 0;
}
#input_search::-webkit-input-placeholder {
	color: #a6a6a6;
}
#input_search:-moz-placeholder {
	color: #a6a6a6;
}
#input_search::-moz-placeholder {
	color: #a6a6a6;
}
#input_search:-ms-input-placeholder {
	color: #a6a6a6;
}
.hidden{
	display: none;
}
#site_map{
	padding: 2em 0;
	margin-top: 2em;
}
#site_map a{
	text-decoration: none;
	color: white;
}
.list_limit{
	max-height: 50em;
	overflow: auto;
}
.input_show{
	padding-top: 0.5em;
	border: 0px;
	margin: 0.5em 0.5em 1em 0em;
}
.input_edit{
	width: 100%;
	padding-top: 0.5em;
	border: 0px;
	border-bottom: 1px solid #CCCCCC;
	margin: 0.5em 0.5em 1em 0em;
}
.radio_show{
	color: #CCC;
	padding: 0.5em;
	border: 1px solid #CCCCCC;
	border-radius: 0.3em;
	margin: 0.5em 0.5em 1em 0em;
	display: inline-block;
}
.radio_show_checked{
	color: white;
	background-color: #555;
	padding: 0.5em;
	border: 1px solid #CCCCCC;
	border-radius: 0.3em;
	margin: 0.5em 0.5em 1em 0em;
	display: inline-block;
}
.green_btn{
	background-color: #5ABEB4;
	border-radius: 0.3em;
	border: 0px;
	width: 100%;
	font-size: 1em;
	padding: 1em;
	margin-top: 1em;
	color: white;
	cursor: pointer;
	text-align: center;
}
.red_btn{
	background-color: #F06969;
	border-radius: 0.3em;
	border: 0px;
	font-size: 1em;
	padding: 1em 3em;
	margin-top: 1em;
	color: white;
	cursor: pointer;
	text-align: center;
}
.gray_btn{
	background-color: #CCC;
	border-radius: 0.3em;
	border: 0px;
	width: 100%;
	font-size: 1em;
	padding: 1em;
	margin-top: 1em;
	color: white;
	cursor: pointer;
	text-align: center;
}
.white_btn{
	background-color: rgba(255,255,255,0);
	border-radius: 0.2em;
	border: 2px solid white;
	font-size: 1.5em;
	padding: 0.5em 1.5em;
	margin-top: 1em;
	color: white;
	cursor: pointer;
	text-align: center;
}
.re-white_btn{
	background-color: rgba(255,255,255,0);
	border-radius: 0.2em;
	border: 2px solid rgba(51, 51, 51, 1.0);
	font-size: 1.5em;
	padding: 0.5em 1.5em;
	margin-top: 1em;
	color: rgba(51, 51, 51, 1.0);
	cursor: pointer;
	text-align: center;
}
#slide_menu{
	position: absolute;
	top: 80px;
	right: 0em;
	border-radius: 0px 0px 2px 2px;
	box-shadow: 2px 2px 5px #888888;
	background-color: #FFC84B;
	max-width: 20em;
	z-index: 10;
	color: white;
	padding: 0em 1em;
	text-decoration: none;
}
#slide_menu div{
	padding: 0.5em;
	border-bottom: 1px solid #F5B93C;
}
#slide_menu a{
	color: white;
	text-decoration: none;
}
#slide_menu div:hover{
	background-color: #FFD04D;
}
#footer{
	padding: 1.5em 0;
	color: white;
}
#footer img{
	height: 3em;
}
iframe[name=google_conversion_frame]{
	position: fixed;
	z-index: -1;
}

/* btn footer facebook */
.btn_footer_fb {
	background-color: rgba(0,0,0,0) !important;
	border-color: rgba(255,255,255,0.9) !important;
}

.btn_footer_fb > .fa-facebook {
	color: #424242;
	background-color: rgba(255,255,255,0.9) !important;
	border-color: rgba(255,255,255,0.9) !important;
}

/* strike */

.strike {
	display: block;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
}

.strike > span {
	position: relative;
	display: inline-block;
}

.strike > span:before,
.strike > span:after {
	content: "";
	position: absolute;
	top: 50%;
	width: 9999px;
	height: 1px;
	background: #a6a6a6;
}

.strike > span:before {
	right: 100%;
	margin-right: 15px;
}

.strike > span:after {
	left: 100%;
	margin-left: 15px;
}

/* login switch */
.btn-cutaway-login {
	font-weight: 500;
	color: #FFF;
	background-color: #a6a6a6;
	border-color: #a6a6a6;
}

.btn-cutaway-login:hover {
	color: #FFF;
	background-color: #969696;
	border-color: #969696;
}

.btn-cutaway-login.switch {
	color: #a6a6a6;
	background-color: #fff;
}

/* Search block */
.search_block {
	color: #FFF;
	background-color: #FFC84B;
	padding: 20px 0;
}

.btn-cutaway-search-range, .btn-cutaway-search-range:hover, .btn-cutaway-search-range:focus {
	color: #FFF;
	border-color: #FFF;
	background-color: #FFC84B;
}

.btn-cutaway-search, .btn-cutaway-search:hover, .btn-cutaway-search:focus {
	color: #FFF;
	border: none;
	background-color: #67C8C3;
	border-radius: 0px;
}

.btn-cutaway, .btn-cutaway:hover, .btn-cutaway:focus, .btn-cutaway:active {
	color: #FFF;
	background-color: #67C8C3;
}

.btn-cutaway-invert, .btn-cutaway-invert:hover, .btn-cutaway-invert:focus, .btn-cutaway-invert:active {
	color: #67C8C3;
	background-color: transparent;
	border: 1px solid #67C8C3;
}

.btn-cutaway-setting {
	font-size: 0.8em;
	margin-left: 10px;
	padding: 2px 5px;
}

.btn-cutaway-map, .btn-cutaway-map:hover, .btn-cutaway-map:focus, .btn-cutaway-map:active {
	color: white;
	background-color: transparent;
	border: 1px solid white;
}

/* store heart */
.cutaway-heart {
	color: #67C8C3;
	padding-right: 5px;
	font-size: 1.2em;
}

.cutaway-heart.fa-heart-o {
	color: #a6a6a6;
}

/* divide */
.divide-768 {
	display: none;
}

@media (max-width: 869px) {
	.divide-768 {
		display: block;
	}
	.nav_brand {
		border-right: none;
	}
}

/*  */