@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	font-family: Microsoft JhengHei;
}
::selection {
	color: #FFFFFF;
}
::-moz-selection {
	color: #FFFFFF;
}
::-webkit-selection {
	color: #FFFFFF;
}
a {
	text-decoration: none;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
img {
	border-style: none;
}
.backToTop {
	width: 60px;
	height: 60px;
	position: fixed;
	right: 10px;
	bottom: 50px;
	z-index: 900;
	background-image: url(../images/gotop.png);
	background-position: 0px 4px;
	background-repeat: no-repeat;
	cursor: pointer;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.backToTop:hover {
	background-position: 0px -50px;
}
.left {
	float: left;
}
.right {
	float: right;
}
i {
	margin: 0 5px 0 0;
}
label, input, select, button {
	border: none;
	outline: none;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}





/*-------------------- 頭部 --------------------*/
.logo_menu {
	width: 100%;
	height: 80px;
	position: fixed;
	z-index: 1100;
	background-color: rgba(255,255,255,0.90);
	-webkit-transition: height 0.5s, background-color 0.5s;
	-o-transition: height 0.5s, background-color 0.5s;
	-moz-transition: height 0.5s, background-color 0.5s;
	transition: height 0.5s, background-color 0.5s;
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.10);
	box-shadow: 0px 2px 2px rgba(0,0,0,0.10);
}





/*-------------------- 頭部置頂 --------------------*/
.fix-menu .logo_menu {
	height: 60px;
}
.fix-menu .logo img {
	height: 60px;
}
.fix-menu .cart {
	padding: 9px 19px;
}





/*-------------------- 上方連結 --------------------*/
.top_icon {
	color: #FFFFFF;
	font-size: 14px;
	background-color: #222222;
}
.top_icon .left ul li {
	width: 340px;
	height: 16px;
	overflow: hidden;
}
.top_icon ul li {
	display: inline-block;
	margin: 0 0 0 10px;
	padding: 8px 0 8px 10px;
	border-left: thin solid rgba(255,255,255,0.50);
}
.top_icon ul li:nth-child(1) {
	border-left: none;
}
.top_icon a {
	color: #FFFFFF;
}





/*-------------------- 語言 --------------------*/
.language{
	display: inline;
	margin: 0 0 0 5px;
	color: #FFFFFF;
}
.language select{
	padding: 0;
	color: #FFFFFF;
	font-family: Microsoft JhengHei;
	text-align: center;
	border: none;
	border-radius: 5px;
	background-color: transparent;
	outline: none;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.language i{
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}





/*-------------------- 商標 --------------------*/
.logo img {
	height: 80px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.logo:hover img {
	transform: scale(0.9,0.9);
	-ms-transform: scale(0.9,0.9);
	-webkit-transform: scale(0.9,0.9);
}





/*-------------------- 頭部購物車 --------------------*/
.cart {
	padding: 19px;
	float: right;
}
.cart i {
	position: relative;
	top: 9px;
	color: #222222;
	font-size: x-large;
	cursor: pointer;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.icon-header-noti::after {
	width: 25px;
	height: 18px;
	display: block;
	position: relative;
	top: -30px;
	right: -15px;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	border-radius: 5px;
	content: attr(data-notify);
}





/*-------------------- 購物車彈出視窗 --------------------*/
.wrap-header-cart {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	right: 0;
	visibility: hidden;
	z-index: 1100;
	background-color: rgba(0,0,0,0.0);
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.s-full {
	width: 100%;
	height: 100%;
}
.header-cart {
	width: 290px;
	height: 100vh;
	max-width: calc(100% - 30px);
	padding: 0 50px;
	position: fixed;
	top: 0;
	right: -400px;
	z-index: 1100;
	background-color: #fff;
	-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.60);
	box-shadow: 0px 5px 10px rgba(0,0,0,0.60);
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.header-cart::after {
	width: 100%;
	height: 9%;
	min-height: 30px;
	display: block;
	content: "";
}
.header-cart h3 {
	float: left;
}
.header-cart i {
	position: relative;
	top: 15px;
	float: right;
}
.show-header-cart {
	visibility: visible;
	background-color: rgba(0,0,0,0.6);
}
.show-header-cart .header-cart {
	right: 0;
}
.flex-col-l {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}
.header-cart-content {
	flex-grow: 1;
	overflow: auto;
	align-content: space-between;
}
.cart_tbox, .total_box {
	padding: 10px 0 0 0;
}
.total {
	padding: 10px 0;
}
.cart_tbox p {
	margin: 0 0 7px 0;
	color: #999999;
	font-size: 14px;
}
.cart_tbox a .ti {
	width: 150px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.item-slick a .ti, .isotope-item a .ti {
	width: 150px;
	height: 80px;
	margin: 0 auto;
	overflow: hidden;
	line-height: 25px;
}
.cart_tbox a, .cart_tbox a .ti, .item-slick a, .item-slick a .ti, .isotope-item a, .isotope-item a .ti, .cart_box a h3, .cart_box h3, .cart_ok_box h3 {
	color: #000000;
	font-size: medium;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.cart_tbox a:hover .ti, .item-slick a:hover .ti, .isotope-item a:hover .ti, .cart_box:hover a h3 {
	color: #0099CC;
	text-decoration: underline;
}
.cart_tbox a .nt, .total span, .item-slick a .nt, .isotope-item a .nt, .product_in .nt, .cart_ok_box .nt, .order_box .nt {
	color: #C80000;
	font-weight: bold;
	font-size: medium;
}
.cart .fa-trash-alt {
	top: 0px;
	right: 20px;
	color: #999999;
	font-size: medium;
}
.total span {
	font-size: large;
}
a .btn, .product_btn button {
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 10px 20px;
	color: #FFFFFF;
	text-align: center;
	border-radius: 20px;
	background-color: #222222;
}





/*-------------------- 購物車 - 燈箱 --------------------*/
.blight {
	width: 80px;
	margin: 0 10px 0 0;
}
.entry {
	display: block;
	position: relative;
}
.bphoto {
	height: 80px;
	text-align: center;
	overflow: hidden;
	
	/* Firefox, Chrome */
	line-height : 80px;
	white-space : nowrap;
	
	/* IE */
	*font-size : 80px;
}
.bphoto:after {
	content : ".";
	font-size : 1px;
	-webkit-text-size-adjust : none;
}
.bphoto img {
	width: 80px;
	vertical-align: middle;
}
.magnifier {
	width: 80px;
	height: 80px;
	position: absolute;
	top: 0px;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	background: rgba(0,0,0,0.8);
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
a .blight .magnifier {
	margin: 0;
}
a:hover .blight .magnifier {
	visibility: visible;
	opacity: 1;
}
.magnifier .buttons {
	position: absolute;
	top: 9px;
	left: 24px;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(0.2);
	-moz-transform: scale(0.2);
	-ms-transform: scale(0.2);
	-o-transform: scale(0.2);
	transform: scale(0.2);
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
a:hover .blight .magnifier .buttons {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
a .buttons i, a:hover .buttons i {
	color: #FFFFFF;
	font-size: xx-large;
}





/*-------------------- 輪播 --------------------*/
.slider {
	width: 100%;
	margin: 80px 0 0 0;
}





/*-------------------- 首頁商品 --------------------*/
.product_box {
	margin: 50px 0;
}
h2.tit {
	padding: 0 0 20px 0;
	font-size: x-large;
	text-align: center;
}





/*-------------------- 首頁商品 - 燈箱 --------------------*/
.item-slick .bphoto {
	height: 230px;
	margin: 0 0 10px 0;
	text-align: center;
	overflow: hidden;
	
	/* Firefox, Chrome */
	line-height : 230px;
	white-space : nowrap;
	
	/* IE */
	*font-size : 230px;
}
.item-slick .bphoto:after {
	content : ".";
	font-size : 1px;
	-webkit-text-size-adjust : none;
}
.item-slick .bphoto img {
	width: 100%;
	vertical-align: middle;
}
.item-slick .magnifier {
	width: 100%;
	height: 100%;
}
.item-slick a .magnifier {
	margin: 0;
}
.item-slick a:hover .magnifier {
	visibility: visible;
	opacity: 1;
}
.item-slick .magnifier .buttons {
	top: 45%;
	left: 45%;
}
.item-slick a:hover .magnifier .buttons {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.item-slick p, .isotope-item p, .cart_box p, .cart_ok_box p {
	margin: 0;
	color: #999999;
	font-size: 14px;
}





/*-------------------- 品牌優勢 --------------------*/
.good_box {
	margin: 50px 0;
	padding: 20px 0;
	color: #FFFFFF;
	text-align: center;
}
.good_box h2.tit {
	padding: 0 0 20px 0;
	color: #FFFFFF;
	font-size: x-large;
	text-align: center;
	border-bottom: thin dashed #FFFFFF;
}
.idiv i {
	width: 50px;
	height: 50px;
	padding: 20px;
	font-size: xx-large;
	line-height: 50px;
	border: thin solid #FFFFFF;
	border-radius: 100%;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.idiv:hover i {
	transform: rotate(360deg);
	background-color: #FFFFFF;
}
.idiv span {
	display: block;
	margin: 10px 0 30px 0;
}





/*-------------------- 友站連結 --------------------*/
.part_div a {
	display: block;
}
.part_box .part_div a img {
	margin: 0 auto;
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: grayscale(100%);
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.part_box:hover .part_div a img {
	opacity: 0.6;
}
.part_box:hover .part_div a:hover img {
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: none;
	opacity: 1;
}





/*-------------------- 底部 --------------------*/
footer {
	padding: 20px 0;
	background-color: #222222;
}
footer, footer a {
	color: #FFFFFF;
}
footer i {
	width: 20px;
	margin: 0 5px 0 0;
	text-align: center;
}
footer .fa-mobile-alt {
	font-size: large;
}
footer ul li {
	margin: 0 0 11px 0;
}
.m_div {
	font-size: 14px;
	text-align: center;
}
.m_div a i {
	font-size: 40px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.m_div a:hover i {
	transform: rotate(360deg);
}
.m_ip_box {
	margin: 8px 0;
}





/*-------------------- 版權 --------------------*/
.copy {
	padding: 10px 0;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
}
.copy a {
	color: #FFFFFF;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.copy a:hover {
	color: #000000;
}
.copy p {
	margin: 0;
}
.foot_news li {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}





/*-------------------- 內頁 --------------------*/
.page_bg {
	height: 150px;
	margin: 80px 0 0 0;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.page_title {
	margin: 0 0 30px 0;
	padding: 0;
}
.see {
	position: relative;
	bottom: -32px;
	color: #666666;
	font-size: 14px;
}
.see a {
	color: #666666;
}
.left_menu {
	margin: 0 0 50px 0;
	border: thin solid #3987CF;
}
.left_menu h3 {
	margin: 0;
	padding: 10px 0;
	color: #FFFFFF;
	text-align: center;
	border-bottom: thin solid #FFFFFF;
	background-color: #222222;
}
.left_menu a li {
	padding: 10px;
	color: #666666;
	border-bottom: thin dashed #999999;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.left_menu a:hover li, .left_menu li.on {
	padding: 10px 10px 10px 20px;
	color: #FFFFFF;
	border-bottom: thin dashed #FFFFFF;
}
.left_menu a:nth-last-child(1) li {
	border-bottom: none;
}

.me01 a{
	color: #3987CF;
	
}
.me01 a:hover{
	color: #000000;
	
}






/*-------------------- 商品一覽 - 按鈕 --------------------*/
.filter-tope-group {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	margin: 0 0 20px 0;
	border: none;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.filter-tope-group button {
	margin: 0 5px;
	padding: 5px 10px;
	color: #000000;
	font-family: Microsoft JhengHei;
	font-size: medium;
	border: none;
	border-radius: 20px;
}
.filter-tope-group button.how-active1, .filter-tope-group button:hover {
	color: #FFFFFF;
}





/*-------------------- 商品一覽 - 燈箱 --------------------*/
.isotope-item {
	margin: 10px 0;
	text-align: center;
}
.isotope-item .bphoto {
	height: 230px;
	margin: 0 0 10px 0;
	text-align: center;
}
.isotope-item .bphoto img {
	width: 100%;
	height: 230px;
}
.isotope-item .magnifier {
	width: 100%;
	height: 100%;
}
.isotope-item a .magnifier {
	margin: 0;
}
.isotope-item a:hover .magnifier {
	visibility: visible;
	opacity: 1;
}
.isotope-item .magnifier .buttons {
	top: 45%;
	left: 45%;
}
.isotope-item a:hover .magnifier .buttons {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}





/*-------------------- 商品一覽 - 內頁 --------------------*/
.product_in p {
	font-size: 14px;
}
.ntg {
	color: #999999;
	text-decoration: line-through;
}
.product_in .nt {
	font-size: x-large;
}
.product_in select {
	width: 200px;
	margin: 20px;
	font-size: medium;
}
.num_lab {
	margin: 32px 24px 0 0;
	float: left;	
}
.wrap-num-product {
	width: 200px;
	height: 45px;
	margin: 20px 0;
	text-align: center;
	border: thin solid #CCCCCC;
	border-radius: 5px;
}
.flex-w {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
.btn-num-product-up,
.btn-num-product-down {
	width: 45px;
	height: 45px;
	line-height: 45px;
	cursor: pointer;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.btn-num-product-up:hover,
.btn-num-product-down:hover {
	color: #FFFFFF;
}
.num-product {
	width: calc(100% - 90px);
	height: 100%;
	font-size: medium;
	text-align: center;
	border-left: thin solid #CCCCCC;
	border-right: thin solid #CCCCCC;
	background-color: #FFFFFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input.num-product {
	-moz-appearance: textfield;
	appearance: none;
	-webkit-appearance: none;
}
input.num-product::-webkit-outer-spin-button,
input.num-product::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0; 
}
.product_btn {
	margin: 20px 0 0 0;
	text-align: center;
}
.product_btn button {
	margin: 10px;
	font-family: Microsoft JhengHei;
	font-size: medium;
}
.swal-button {
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 10px 20px;
	color: #FFFFFF;
	font-family: Microsoft JhengHei;
	font-size: medium;
	text-align: center;
	border: none;
	border-radius: 20px;
	background-color: #222222;
}
.swal-button:focus {
    outline: none;
    box-shadow: none;
}





/*-------------------- 聯絡我們 --------------------*/
.form_div {
	font-size: 14px;
}
.form_div strong {
	padding: 0 5px 0 0;
	color: #DC0000;
}
.form_div div {
	margin: 20px 0;
}
.form_div input[type="text"],
.form_div select, input[type="tel"],
.form_div input[type="email"],
.form_div input[type="password"],
textarea{
	width: calc(100% - 110px);
	margin: 0 0 0 15px;
	vertical-align: middle;
}
.form_div a {
	margin: 0 15px;
	color: #0099CC;
}
.form_div a:hover {
	color: #000000;
}
.check input[type="text"] {
	width: calc(100% - 280px);
	margin: 0 15px;
}
.code {
	display: inline;
}
.cart_btn {
	text-align: center;
}
.con_a {
	margin: 20px 0;
}
.contact_div a, .contact_div a:hover h3 {
	color: #000000;
	text-align: center;
}
.contact_div i {
	display: block;
}
.contact_div a i {
	color: #666666;
	font-size: 25px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.contact_div a:hover i {
	transform: rotate(360deg);
}
.contact_div h3 {
	margin: 20px 0 10px 0;
}
.contact_div p {
	height: 40px;
	margin: 0;
	font-size: 14px;
	overflow: hidden;
}





/*-------------------- 表單欄位 --------------------*/
input[type="text"], select, input[type="tel"], input[type="email"], input[type="password"], textarea {
	padding: 10px;
	font-family: Microsoft JhengHei;
	font-size: 14px;
	border: thin solid #CCCCCC;
	border-radius: 5px;
	background-color: #FFFFFF;
}
input[type=text]:hover, input[type=text]:focus, select:hover,
input[type="tel"]:hover, input[type="tel"]:focus,
input[type="email"]:hover, input[type="email"]:focus,
input[type="password"]:hover, input[type="password"]:focus,
textarea:hover, textarea:focus {
	-webkit-box-shadow: inset 1px 1px 2px 0px #CCCCCC;
	box-shadow: inset 1px 1px 2px 0px #CCCCCC;
}
input[type=radio] {
	margin-right: 5px;
	position: relative;
	top: 2px;
	zoom: 150%;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 10px 20px;
	color: #FFFFFF;
	font-family: Microsoft JhengHei;
	text-align: center;
	border-radius: 20px;
	background-color: #222222;
}





/*-------------------- 加入會員 --------------------*/
.form_ti {
	padding: 8px;
	color: #FFFFFF;
	text-align: center;
	border: thin dashed #FFFFFF;
}
.reg_div, .bom_h {
	margin: 0 !important;
}





/*-------------------- 郵遞區號 --------------------*/
#twzipcode div {
	display: inline;
}
.zipcode {
	width: 65px !important;
	margin: 0 0 0 11px !important;
}
.county, .district {
	width: 130px !important;
}
#address {
	width: calc(100% - 513px);
}





/*-------------------- 會員中心 --------------------*/
.mem_hi {
	font-size: xx-large;
	text-align: center;
}
.mem_hi i {
	font-size: 50px;
}





/*-------------------- 購物步驟 --------------------*/
.step_box {
	margin: 0 0 50px 0;
	text-align: center;
}
.step_div {
	display: inline-block;
	color: #CCCCCC;
}
.step_div div {
	display: inline-block;
	margin: 10px;
	color: #CCCCCC;
}
.step_div div.on {
	font-weight: bold;
}
.step_div span {
	margin: 0 5px 0 0;
	padding: 4px 10px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	border-radius: 100px;
	background-color: #CCCCCC;
}





/*-------------------- 購物車 - 清單 --------------------*/
.cart_box {
	padding: 20px 10px;
	border-top: thin dashed #CCCCCC;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.cart_box:hover {
	background-color: #F4F4F4;
}
.cart_box .bphoto {
	width: 100px;
	height: 100px;
	text-align: center;
	overflow: hidden;
	
	/* Firefox, Chrome */
	line-height : 100px;
	white-space : nowrap;
	
	/* IE */
	*font-size : 100px;
}
.cart_box .bphoto:after {
	content : ".";
	font-size : 1px;
	-webkit-text-size-adjust : none;
}
.cart_box .bphoto img {
	width: 100%;
	vertical-align: middle;
}
.cart_div {
	width: calc(100% - 160px);
	margin: 0 20px;
}
.cart_box a h3, .cart_box h3 {
	height: 62px;
	margin: 0 0 22px 0;
	overflow: hidden;
}
.cart_del {
	width: 20px;
}
.cart_box a i, .cart_box i {
	color: #999999;
	font-size: medium;
	cursor: pointer;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.cart_box .wrap-num-product {
	margin: 20px 0 2px 0;
}
.cart_box .nt {
	margin: 15px 0 0 0;
	color: #C80000;
	font-weight: bold;
	font-size: large;
}
.cart_total .product_btn {
	padding: 20px 0;
	border-top: thin dashed #CCCCCC;
}





/*-------------------- 購物車 - 總計 --------------------*/
.tot_ps {
	padding: 8px;
	color: #FFFFFF;
	text-align: center;
	border: thin dashed #FFFFFF;
}
.tot_ps {
	background-color: #C80000;
}
.cart_total strong {
	padding: 0 5px;
	color: #FFFF00;
	font-size: large;
}
.tot_div {
	margin: 20px 0;
	font-size: 14px;
}
.to_ti {
	color: #999999;
}
.to_nt {
	color: #999999;
	text-align: right;
}
.to_ti2 {
	font-weight: bold;
}
.to_ti2 strong {
	color: #000000;
	font-size: 14px;
}
.to_nt2 {
	color: #C80000;
	font-weight: bold;
	font-size: large;
	text-align: right;
}





/*-------------------- 購物車 - 登入A版 --------------------*/
a .cart_loa {
	margin: 50px 0 0 0;
	color: #000000;
	text-align: center;
}
.loa_div {
	width: 90%;
	margin: 0 auto;
	padding: 10px;
	border-radius: 10px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
a .cart_loa i {
	padding: 20px 0 0 0;
	font-size: 80px;
}
.loa_div h3 {
	font-size: xx-large;
}





/*-------------------- 購物車 - 登入B版 --------------------*/
.cart_lob {
	margin: 50px 0 0 0;
	color: #000000;
	text-align: center;
}
.lob_div {
	width: 90%;
	margin: 0 auto;
	padding: 10px;
	border-radius: 10px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.cart_lob i.i_ti {
	padding: 20px 0 0 0;
	font-size: 80px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.lob_div h3 {
	font-size: xx-large;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.lob_div p, .cart_lob .code i {
	font-size: 14px;
}
.cart_lob .check input[type="text"] {
	width: calc(100% - 110px);
	margin: 0 0 0 15px;
}
.cart_lob .code {
	display: block;
}





/*-------------------- 購物車 - 沒有商品 --------------------*/
.cart_no {
	margin: 50px 0 0 0;
	color: #C80000;
	font-weight: bold;
	text-align: center;
}
.cart_no i {
	font-size: 50px;
}





/*-------------------- 購物車 - 購物完成 --------------------*/
.cart_ok_top {
	margin: 50px 0 0 0;
	color: #00A600;
	font-weight: bold;
	text-align: center;
}
.cart_ok_top i {
	font-size: 50px;
}
.cart_ok_top2 {
	margin: 0 0 30px 0;
	font-size: 14px;
	text-align: center;
}
.cart_ok_top2 strong {
	padding: 0 5px;
	color: #C80000;
	font-size: medium;
}
.cart_ok_top2 a {
	padding: 0 5px;
	color: #0099CC;
	text-decoration: underline;
}
.cart_ok_top2 a:hover {
	color: #000000;
	text-decoration: none;
}
.cart_ok .cart_div {
	width: calc(100% - 210px);
	margin: 0 20px;
}
.cart_ok .nt {
	margin: 0;
}
.cart_ok_hr {
	padding: 0 0 20px 0;
	border-top: thin dashed #CCCCCC;
}





/*-------------------- 購物車 - 最後確認 --------------------*/
.check_tot_box .cart_ok_hr {
	padding: 0 0 5px 0;
	border-top: thin dashed #CCCCCC;
	background-color: #F4F4F4;
}
.check_box {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: thin dashed #CCCCCC;
	border-top: thin dashed #CCCCCC;
}
.check_box ul {
	margin: 0 0 0 20px;
}
.check_box ul li {
	margin: 0 0 10px 0;
	font-size: 14px;
	list-style-type: disc;
}





/*-------------------- 訂單查詢 --------------------*/
.order_box {
	margin: 0 0 50px 0;
	border: thin solid #CCCCCC;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.order_box:nth-last-child(1) {
	margin: 0;
}
.order_box .gray {
	color: #999999;
	font-size: 14px;
}
.order_box .text_r {
	text-align: right;
}
.order_box a {
	color: #0099CC;
	font-size: 14px;
}
.order_box a:hover {
	color: #000000;
}
.order_hr {
	border-top: none;
}
.order_btn {
    margin: 10px 0 20px 0;
	border-top: thin dashed #CCCCCC;
	border-bottom: thin dashed #CCCCCC;
}





/*-------------------- 訂單進度條 --------------------*/
.progress_bar {
    margin: 0 0 15px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	font-size: 14px;
}
.progress_bar .block {
    position: relative;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.line {
	width: 100%;
	height: 10px;
	position: absolute;
	top: 27px;
	left: -50%;
	background-color: #EEEEEE;
}
.active .line {
    background-color: #DEF0FF;
}
.ng-hide {
    display: none;
}
.node {
    position: relative;
    line-height: 24px;
    text-align: center;
}
.date {
    min-height: 24px;
    color: #0099CC;
}
.dot {
    width: 12px;
    height: 12px;
    display: inline-block;
    position: relative;
    z-index: 1;
    border: 2px solid #C0B9B9;
    border-radius: 99em;	
    background-color: #FFFFFF;
}
.active .dot {
    border: 2px solid #0099CC;
    background-color: #0099CC;
}
.status {
	color: #999999;
}
.active .status {
    color: #0099CC;
}





/*-------------------- 訂單明細 --------------------*/
.order_top p {
	margin: 0;
	padding: 8px;
	color: #FFFFFF;
	text-align: center;
	border: thin dashed #FFFFFF;
}





/*--------------------------------------------系列團表格--------------------------------------------*/
.responsive_table {
	position: relative;
	overflow: hidden;
}
.responsive_table .scrollable_area {
	width: 100%;
	overflow: auto;
	overflow-y: hidden;
}
.responsive_table table td {
	position: relative;
	white-space: nowrap;
	overflow: hidden;
}
.series_tab {
	margin: 20px 0;
	font-size: 18px;
	text-align: center;
	border: thin solid #3987CF;
}
.series_tab p {
	margin: 0;
}
.series_tab tbody tr {
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.series_tab tbody tr:hover, a:hover .news_div {
	background-color: #85BDF0;
}
.series_tab tbody tr th {
	padding: 10px 5px;
	color: #FFFFFF;
	background-color: #3987CF;
}
.series_tab tbody tr td {
	padding: 10px 5px;
}
.series_tab tbody tr td.tdtit {
	text-align: left;
}
.series_tab a {
	display: block;
	color: #D6201F;
}
.series_tab a:hover {
	color: #000000;
}

/*-------------------- 1200px --------------------*/

@media screen and (max-width: 1200px) {

/*-------------------- 首頁商品 --------------------*/
.product_box .nav .nav-bars {
	display: none;
}
}





/*-------------------- 991px --------------------*/

@media screen and (max-width: 991px) {
.left, .right {
	float: none;
	display: block;
}

/*-------------------- 上方連結 --------------------*/
.top_icon .left, .cart_box .left {
	float: left;
}
.top_icon .right, .cart_box .right {
	float: right;
}

/*-------------------- 頭部購物車 --------------------*/
.cart {
	float: left;
	position: absolute;
	top: 0px;
	right: 60px;
}

/*-------------------- 購物車彈出視窗 --------------------*/
.cart_tbox .left {
	float: left;	
}
.cart_tbox .right {
	float: right;	
}
	
/*-------------------- 內頁 --------------------*/
.page_title {
	text-align: center;
}
.see {
	bottom: 15px;
}
	
/*-------------------- 聯絡我們 --------------------*/
.contact_div {
	margin: 50px 0 0 0;
}
	
/*-------------------- 加入會員 --------------------*/
.bom_h {
	margin: 0 0 20px 0 !important;
}

/*-------------------- 郵遞區號 --------------------*/
#address {
	width: calc(100% - 110px);
	display: block;
	margin: 20px 0 0 82px;
}
	
/*-------------------- 購物車 - 總計 --------------------*/
.cart_total {
	margin: 0;
}
}





/*-------------------- 768px --------------------*/

@media screen and (max-width: 768px) {

/*-------------------- 頭部置頂 --------------------*/
.fix-menu .logo_menu {
	height: auto;
	top: 0px !important;
	-webkit-transition: top 0.5s;
	-o-transition: top 0.5s;
	-moz-transition: top 0.5s;
	transition: top 0.5s;
}
.fix-menu .logo img {
	height: auto;
	padding: 0;
}

/*-------------------- 上方連結 --------------------*/
.top_icon {
	text-align: center;
}
.top_icon .left, .top_icon .right {
	float: none;
	display: block;
}
.top_icon .left ul li {
	margin: 0;
	padding: 8px 0;
}

/*-------------------- 商標 --------------------*/
.logo img {
	width: 80%;
	height: auto;
}

/*-------------------- 購物步驟 --------------------*/
.step_div {
	display: block;
}
.step_div .arr_dis {
	display: none;
}

/*-------------------- 購物車 - 清單 --------------------*/
.cart_box .left {
	float: left;
}
.cart_box .right {
	float: right;
}
}





/*-------------------- 576px --------------------*/

@media screen and (max-width: 576px) {

/*-------------------- 商標 --------------------*/
.logo img {
	width: 90%;
	height: auto;
	padding: 10px 0;
}
	
/*-------------------- 聯絡我們 --------------------*/
.check input[type="text"] {
	width: calc(100% - 110px);
	margin: 0 0 0 15px;
}
.code {
	display: block;
	margin: 20px 0 0 82px !important;
}

/*-------------------- 郵遞區號 --------------------*/
.zipcode {
	width: calc(100% - 110px) !important;
	margin: 20px 0 0 82px;
}
.county, .district {
	width: calc(100% - 88px) !important;
	display: block;
	margin: 20px 0 0 82px !important;
}

/*-------------------- 購物車 - 登入B版 --------------------*/
.cart_lob .code {
	margin: 20px 0 0 0 !important;
}

/*-------------------- 訂單查詢 --------------------*/
.order_box .text_r {
	text-align: left;
}
.order_hr {
	border-top: thin dashed #CCCCCC;
}
}





/*-------------------- 400px --------------------*/

@media screen and (max-width: 400px) {

/*-------------------- 商標 --------------------*/
.logo img {
	width: 90%;
	height: auto;
	padding: 19px 0;
}
}