@charset "utf-8";
/* Basic Fixed */

* {
	touch-action: pan-y;
}

* {
	font-family: "微軟正黑體", "新細明體", "標楷體";
}

p {
	font-size: 16px;
}

body, h1, h2, h3, h4, h5, h6, .font-open-sans {
	font-family: "微軟正黑體", "新細明體", "標楷體";
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
}

.breadcrumbs-v4 .breadcrumb-v4-in li.active, .breadcrumbs-v4 .breadcrumb-v4-in li a:hover {
	color: #dedede;
}

a:hover {
	text-decoration: none;
}

.article-list li {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.header-v5 .subtotal .subtotal-cost {
	color: #333;
}

.shop-product {
	background: none;
	padding: 0;
	border-bottom: none;
}

.topbar-v3, .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus, .pagination li a:hover {
	background: #72c02c;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus, .pagination li a:hover {
	border-color: #56941e;
}

.header-v5 .badge-open {
	border-top: 2px solid #72c02c;
}

.header-v5 .navbar-default .navbar-nav>li>a:hover, .header-v5 .navbar-default .navbar-nav>.active>a {
	color: #72c02c;
	border-top: solid 2px #72c02c;
}

hr.hr-gg {
	position: relative;
}

hr.hr-gg:before {
	font-family: FontAwesome;
	content: "\f260";
	color: #ccc;
	width: auto;
	height: 25px;
	position: absolute;
	margin-top: -10px;
	right: 0;
}

hr.hr-gg:after {
	font-family: FontAwesome;
	content: "\f260";
	color: #ccc;
	width: 25px;
	height: 25px;
	position: absolute;
	margin-top: -10px;
	left: 0;
}

.breadcrumbs-v4 {
	width: 100%;
	padding: 25px 0;
	position: relative;
	background: #72c02c;
	background-size: cover;
}

.breadcrumbs-v4 h3 {
	color: #fff;
}

/* head title style */

.headtitle-v1 {
	text-align: center;
	border-bottom: 4px double #ccc;
	margin-bottom: 40px;
}

.headtitle-v1 h2 {
	position: relative;
	border: 1px solid #ccc;
	display: inline-block;
	padding: 10px 30px;
}

.headtitle-v1 h2:before, .headtitle h2:after {
	font-size: small;
	color: #ccc;
}

.headtitle-v1 h2:before {
	content: "\f260";
	font-family: "FontAwesome";
	font-size: small;
	color: #ccc;
	text-align: left;
	padding-left: 10px;
	width: 100%;
	height: 30px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	position: absolute;
	left: -100%;
	margin-top: 15px;
}

.headtitle-v1 h2:after {
	content: "\f260";
	font-family: "FontAwesome";
	font-size: small;
	color: #ccc;
	text-align: right;
	padding-right: 10px;
	width: 100%;
	height: 30px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	position: absolute;
	right: -100%;
	margin-top: 15px;
}

.title-bg {
	background: #8bc34a;
	color: #fff;
}

.headline h2, .headline h3, .headline h4 {
	border-bottom: 2px solid #4e3821;
}

.headline.messenger h2, .headline h3, .headline h4 {
	border-bottom: 2px solid #3498db;
}

.headbanner {
	height: 90vh;
	background: #ddd;
	background: url(../../images/_bg/img1.jpg) center center;
	background-size: cover;
}

/* item_wrap */

.item_wrap p.item_name {
	height: 30px;
	text-align: center;
}

.item_wrap .item_detail {
	margin-bottom: 30px;
}

.item_detail ul.list-inline {
	text-align: center;
	padding-top: 10px;
	background: url(../../images/_back/common-line-dot-gray.png) center top repeat-x;
}

.item_detail ul.list-inline li {
	border: 1px solid #ccc;
	width: 40%;
	text-align: center;
	padding: 4px 5px;
}

.item_detail ul.list-inline li.item_fastAdd {
	background: #72c02c;
	border: #449eb3;
	-webkit-transition: all .3s;
	/* Safari 3.1 to 6.0 */
	transition: all .3s;
}

.item_detail ul.list-inline li.item_fastAdd:hover {
	background: #fff;
	border: 1px solid #ccc;
}

.item_detail ul.list-inline li.item_fastAdd:hover a {
	color: #4e3821;
}

.item_detail ul.list-inline li.item_fastAdd a {
	color: #fff;
}

.item_menu {
	margin-bottom: 40px;
}

.item_menu ul.item_list {
	margin: 0;
	padding: 16px 0 0 0;
	list-style: none;
	background: url(../../images/_back/common-line-dot-brack.png) center top repeat-x;
}

.item_menu ul.item_list li {
	margin: 0;
	padding: 0;
	background: url('../../images/_back/common-line-dot-gray.png') center 43px repeat-x;
}

.item_menu ul.item_list li.active a {
	font-weight: 600;
	color: #ccc
}

.item_menu ul.item_list li a {
	display: block;
	padding: 17px 0 20px 25px;
	background: url(../../images/_back/common-link-arrow.png) 5px 19px no-repeat;
	font-size: 14px;
	font-weight: normal;
	line-height: 1;
}

.item_wrap p.item_price span.fastAdd {
	padding: 2px 5px;
	border: 1px solid #ccc;
}

.prodhead-bg {
	background-image: url(../../images/_back/_prodhead.jpg), url(../../images/_back/_prodhead.jpg);
	background-position: top center, bottom center;
	background-repeat: repeat-x;
}

.prod_detail h3 {
	margin: 0;
	padding: 0;
}

.prod_detail .prod_title {
	padding-bottom: 10px;
	background: url('../../images/_back/common-line-dot-gray.png') center bottom repeat-x;
	margin-bottom: 30px;
}

.prod_img, .prod_detail .prod_desc, .prod_content, .notice {
	margin-bottom: 30px;
}

.prod_detail .prod_price {
	font-size: 32px;
	font-family: arial;
	font-weight: 600;
	color: #e27878;
}

/*img_wrap*/

.photo_wrap .photo-box {
	padding: 10px 5px;
	margin-bottom: 10px;
	background-image: url(../../images/_back/common-link-arrow.png), url(../../images/_back/common-line-dot-gray.png);
	background-position: center center, bottom center;
	background-repeat: no-repeat, repeat-x;
}

.photo_wrap .photo-desc p {
	text-align: center;
	padding: 0;
	margin: 0;
	font-weight: 600;
}

.photo_wrap .photo-desc {
	padding-top: 10px;
	padding-left: 12px;
	height: 60px;
}

/* Billing */

.billing-list ul li {
	display: list-item;
}

.billing-list {
	border: 4px double #ddd;
	padding: 30px 20px;
}

.billing-list .thanks {
	line-height: 2;
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
}

ul.buyer li {
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 5px;
	color: #9c8061;
}

ul.getta li {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #ccc;
	color: #333;
}

/*tiatung_news*/

.article_box {
	position: relative;
	margin-bottom: 30px;
}

.article_date {
	position: absolute;
	top: 0;
	margin-top: -10px;
	margin-left: 10px;
	padding: 5px 10px;
	background: #9c8061;
	font-family: arial;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
}

.article_title {
	padding: 5px 15px 5px 0;
	border-bottom: 1px solid #f5f5f5;
	background: url(../../images/_back/common-link-arrow.png) right center no-repeat;
}

.article_title h3 {
	font-size: 14px;
}

.article-lg .article_title h3 {
	font-size: 18px
}

.article-bg {
	background-image: url(../../images/_back/_articlehead.jpg), url(../../images/_back/_articlehead.jpg);
	background-position: top center, bottom center;
	background-repeat: repeat-x;
}

.article-header ul.list-inline {
	float: right;
	margin-bottom: 30px;
}

.article-header ul.list-inline li {
	font-size: 14px;
	color: #888;
}

.article-header ul.list-inline li a {
	color: #9c8061
}

.article-cover {
	margin-bottom: 40px;
}

.article-body p {
	font-size: 16px;
	line-height: 1.8;
	text-align: justify;
	margin-bottom: 25px;
}

.article-body img {
	margin-bottom: 30px;
	width: 100%;
}

.sidebar {
	background: #f1f0ec;
}

.article-list li {
	margin-bottom: 10px;
	padding-bottom: 5px;
	background: url('../../images/_back/common-line-dot-gray.png') center 43px repeat-x;
}

.article-list a {
	background: url(../../images/_back/common-link-arrow.png) 0px 5px no-repeat;
	padding-left: 14px;
}

.sider-box {
	margin-bottom: 30px;
}

/*footer*/

.footer {
	border-bottom: 20px solid #879d5c;
}

.footer li {}

@media screen and (max-width:991px) {
	.headtitle-v1 h2:after {
		width: 30px;
		right: -30px;
	}
	.headtitle-v1 h2:before {
		width: 30px;
		left: -30px;
	}
}

@media screen and (max-width:767px) {
	.item_wrap p.item_price {
		font-size: 12px;
	}
}

/*-------------------------------------
*
* hotfixed
*
---------------------------------------*/

a.thumbnail.fancybox {
	margin-bottom: 0;
}

select#county {
	width: 100%;
	padding: 7px 12px;
	border: 1px solid #ddd;
	font-size: 15px;
	color: #938b96;
}

select#paywell {
	width: 100%;
	padding: 9px 12px;
	border: 1px solid #ddd;
	color: #888;
}

tr.closed {
	background: #f2f2f2;
	position: relative;
}

tr.closed:after {
	font: normal normal normal 20px/1 FontAwesome;
	content: "\f05d";
	position: absolute;
	color: #8BC34A;
	padding: 15px 0 0 15px;
	background: none;
	left: 30px;
}

tr.checked {
	background: #f2f2f2;
	position: relative;
}

tr.checked:after {
	font: normal normal normal 20px/1 FontAwesome;
	content: "\f021";
	position: absolute;
	color: #999;
	padding: 15px 0 0 15px;
	background: none;
	left: 30px;
}

.portfolio-box li:first-child {
	padding-left: 15px;
}

.flow_wrap .item {
	padding: 10px 20px;
	text-align: center;
	border: 1px solid #f2f2f2;
	margin-bottom: 25px;
	border-radius: 12px;
	background: #f7f7f7;
}

@media (max-width:991px) {
	.headline-left h3 a {
		font-size: 16px;
	}
}

.addclosed {
	font: normal normal normal 20px/1 FontAwesome;
	content: "\f05d";
	position: absolute;
	color: #8BC34A;
	padding: 15px 0 0 15px;
	background: none;
	left: 30px;
}

/*-----------
*
* hotfixed
*
------------*/

@media (max-width:991px) {
	.header-v5 .navbar-default .navbar-nav>.active>a, .header-v5 .navbar-default .navbar-nav>.active>a:hover, .header-v5 .navbar-default .navbar-nav>.active>a:focus {
		background: #795548;
	}
}

h1.item_name {
	font-size: 1.6rem;
	line-height: 1.8rem;
	margin-bottom: .5rem;
	height: 80px;
	overflow: hidden;
}

h1.item_name span.pomo {
	color: #F44336;
	margin-left: 5px;
}

.item_img {
	position: relative;
	height: 26vh;
}

.item_img .pricebox {
	position: absolute;
	bottom: 5px;
	right: 5px;
	padding: 3px 14px;
	border: 1px solid #fff;
	color: #fff;
	font-weight: 600;
	transition: all .3s;
	background: rgba(0, 0, 0, .3);
}

.item_img:hover .pricebox {
	background: #F44336;
	border: 1px solid #cc3328;
	padding: 3px 18px;
}

.item_box.sale-out .item_img:before {
	content: "";
	background: url('../../images/sale_out.png') center center no-repeat;
	background-size: cover;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 9;
}

.headbanner h1 {
	text-align: center;
	color: #fff;
	text-shadow: 0 0 5px #000;
	padding-top: 300px;
}

@media (min-width:1199px) {
	.item_img .pricebox span {
		font-size: 2rem;
	}
}

@media (max-width:768px) {
	.breadcrumbs-v4 h1 {
		font-size: 2rem;
		line-height: 2rem;
		font-weight: 600;
	}
	ul.breadcrumb-v4-in {
		display: none;
		visible: hidden;
	}
	.headbanner h1 {
		text-align: center;
		color: #fff;
		text-shadow: 0 0 5px #000;
		padding-top: 100px;
	}
	.headbanner {
		height: 60vh;
	}
}

.block-half .img-block {
	padding-left: 0;
	padding-right: 0;
}

.ind-block h3.title {
	font-size: 26px;
	margin-bottom: 20px;
}

.ind-block p.lead {
	padding: 0 0 0 16px;
	border-left: 3px solid #ccc;
	margin-bottom: 30px;
	line-height: 1.8em;
	margin-left: 10px;
	font-style: italic;
}

.btn.btn-o {
	border: 1px solid #c88a90;
	font-size: 16px;
	padding: 5px 15px;
	color: #5f112c;
}

a.btn.btn-o:hover {
	background: #681b37;
	color: #fff;
}

.btn.btn-x {
	background: #c88a90;
	border: 1px solid #c88a90;
	font-size: 16px;
	padding: 5px 15px;
	color: #ffffff;
}

a.btn.btn-x:hover {
	background: #a7666c;
	color: #fff;
}

.sub-menu {
	margin-bottom: 30px;
	text-align: center;
}

.sub-menu li {
	padding: 4px 20px;
	border: 1px solid #8bc34a;
	transition: all .3s;
	margin: 0 0 10px 10px;
}

.sub-menu li a {
	font-size: 2rem;
}

.sub-menu li.active {
	background: #8bc34a;
}

.sub-menu li.active a {
	color: #fff;
}

.sub-menu li:hover {
	background: #8bc34a;
}

.sub-menu li:hover a {
	color: #fff;
}

.img-block {
	position: relative;
}

.img-block .img_tag {
	position: absolute;
	padding: 15px 5px;
	right: 10px;
	margin-top: -10px;
	background: #8bc34a;
	z-index: 100;
	top: 0;
}

.img-block .img_tag p {
	writing-mode: vertical-lr;
	letter-spacing: 1em;
	color: #fff;
}

@media (max-width:768px) {
	.item_wrap .item_box:nth-child(even) {
		padding-left: 7px;
	}
	.item_wrap .item_box:nth-child(odd) {
		padding-right: 7px;
	}
	.img-block .img_tag p {
		letter-spacing: 5px;
	}
	.img-block:nth-last-child(1) .img_tag {
		right: inherit;
		left: 10px;
	}
}

#order-detail label {
	font-size: 16px;
}

#order-detail p {
	margin: 0;
	color: #333;
}

@media (max-width:765px) {
	#order-detail p {
		font-size: 14px;
	}
}

@media print {
	#order-detail h2 {
		font-size: 28pt;
	}
	#order-detail p {
		font-size: 16pt;
		padding-top: 8px;
		padding-bottom: 8px;
	}
}

#TrCarousel .carousel-inner>.item {
	cursor: pointer;
}

#TrCarousel .carousel-inner>.item.nopointer {
	cursor: default;
}

#TrCarousel .carousel-inner>.item>.img {
	width: 100%;
	height: 60vh;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

#TrCarousel .carousel-caption {
	margin-bottom: 45px;
}

#TrCarousel .carousel-caption h2 {
	margin-top: 0;
}

#TrCarousel .carousel-caption .link1 {
	display: inline-block !important;
	border: 1px solid rgba(255, 255, 255, 0.5);
	color: white;
	background: rgba(0, 0, 0, 0.36);
}

#TrCarousel .carousel-indicators {
	width: 200px;
	top: 35px;
	margin-left: -100px !important;
	margin-bottom: 160px;
}

#TrCarousel {
	margin: 0 0 30px 0;
}

#TrCarousel .carousel-inner>.item>.img {
	height: 50vh;
}

/*----------- fixed -----------*/

.item_img {
	position: relative;
	height: 26vh;
}

.bg-fullwidth {
	background-size: cover;
	background-position: center center;
}

@media (max-width:1199px) {
	.item_img {
		height: 22vh;
	}
}

@media (max-width:768px) {
	.item_img {
		height: 30vh;
	}
}

@media (max-width:586px) {
	.item_img {
		height: 24vh;
	}
}

@media (max-width:450px) {
	.item_img {
		height: 22vh;
	}
}

@media (max-width:576px) {
	.wizard>.actions {
		display: flex;
		position: fixed;
		bottom: 0px;
		left: 0px;
		right: 0px;
		z-index: 99;
		background-color: #fff;
		padding: 10px;
		justify-content: space-between;
		box-shadow: 0 0 5px rgb(0 0 0 / .2);
	}
	.wizard>.actions>ul>li:last-child>a {
		background: #FF5722;
	}
}