@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import "bootstrap.css";
@import "mCustomScrollbar.css";
@import "default.css";
@import "fonts/css/fontello.css";
@import "plugins.css";
@import "scene.css";
@import "game.css";

.topBanner {
	left: -105%;
	opacity: 0;
	visibility: hidden;
	transition: opacity 1s, visibility 1s;
}

.topBanner.show {
	left: 0;
	opacity: 1;
	visibility: visible;
}

.max-lg-size .topBanner {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 100;
}

.max-lg-size .topBanner.show {
	left: -105%;
	opacity: 0;
	visibility: hidden;
}

.max-lg-size #home .topBanner.show {
	left: 0;
	opacity: 1;
	visibility: visible;
}

.topBanner .inner {
	width: 100%;
	position: relative;
}

.max-lg-size .topBanner .inner {
  max-width: 650px;
  width: 100%;
  padding: 0 15px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
  display: inline-block;
  position: absolute;
}

.topBanner a {
	display: block;
}

.topBanner .jqimgFill {
	height: 75px;
}

.topBanner .forMobile {
	display: none;
}

.max-lg-size .topBanner .forDesktop {
	display: none;
}

.max-lg-size .topBanner .forMobile {
	display: block;
}

.topBanner .close-ad {
	display: none;
	width: 36px;
	height: 36px;
	margin-top: 0;
	position: absolute;
  right: 0;
  top: -18px;
  background: #fff url('images/close.png') center no-repeat;
  border-radius: 50%;
  border: 1px solid;
  background-size: 20px;
  transition: none;
  cursor: pointer;
}

.min-lg-size .topBanner .close-ad {
	display: none;
	margin-top: -18px;
	right: 90px;
  top: 50%;
	z-index: 1;
	background-color: transparent;
	background-size: auto;
	transition: transform 0.5s;
	animation-delay: 1.5s;
}

.min-md-size .topBanner .close-ad:hover {
	transform: rotate(360deg);
}


/* fixed-nav */

.fixed-nav {
	display: none;
	width: 70px;
	position: fixed;
	background-color: #280e08;
	z-index: 100;
	text-align: center;
	opacity: 0;
	animation-delay: 0.3s;
	transition: opacity 1s;
}

.min-lg-size .fixed-nav {
	display: block;
}

.fixed-nav .title,
.fixed-nav .title2 {
	display: block;
	width: 60px;
	height: 60px;
	margin: auto;
	margin-top: 8px;
	background: center no-repeat;
}

.fixed-nav .scrollbar,
.fixed-nav ul li {
	margin-top: 11px;
}

.fixed-nav ul li:first-of-type {
	margin-top: 0;
}

.fixed-nav ul li a {
  display: block;
	color: #fff;
	font-size: 13px;
	opacity: 0.4;
	transition: opacity 0.5s;
}

.fixed-nav ul li.actived a,
.fixed-nav ul li a:hover {
	opacity: 0.8;
}

.fixed-nav.left-nav {
	height: 570px;
	margin-top: -285px;
	left: 15px;
	top: 41%;
	border-radius: 65px;
}

.goShop .fixed-nav.left-nav {
	display: none;
}

.fixed-nav.left-nav .title {
	background-image: url('images/fixed-nav-title1.png');
}

.fixed-nav.left-nav .scrollbar {
	height: 460px;
}

.fixed-nav.right-nav {
	width: 65px;
	height: 960px;
	height: 100vh;
	top: 0;
	right: 0;
}

.goShop .fixed-nav.right-nav {
	right: auto;
	left: 0;
	-webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.fixed-nav.right-nav .logo a {
	display: block;
	width: 100%;
	height: 95px;
	background: #3f150b url('images/logo2.png') center no-repeat;
	border-bottom: 1px solid #4c2a17;
}

.fixed-nav.right-nav .title {
	background-image: url('images/fixed-nav-title2.png');
}

.fixed-nav.right-nav .title2 {
	background-image: url('images/fixed-nav-title3.png');
}

.fixed-nav.right-nav .scrollbar {
	height: -moz-calc(100vh - 430px);
	height: -webkit-calc(100vh - 430px);
	height: calc(100vh - 430px);
}

.fixed-nav.right-nav .goPage,
.fixed-nav.right-nav .shopPage {
	display: block;
	width: 51px;
	height: 181px;
	position: absolute;
	bottom: 60px;
	background: center no-repeat;
	color: #fff;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
}

.fixed-nav.right-nav .goPage {
	left: -5px;
	background-image: url('images/member-link-bg.png');
}

.fixed-nav.right-nav .shopPage {
	display: none;
	right: -5px;
	background-image: url('images/member-link-bg2.png');
}

.goShop .fixed-nav.right-nav .shopPage {
	display: block;
}

.goShop .fixed-nav.right-nav .goPage {
	display: none;
}

.fixed-nav.right-nav .goPage span {
	display: block;
  width: 20px;
  margin-left: 8px;
  margin-top: 49px;
}

.fixed-nav.right-nav .shopPage span {
	display: block;
  width: 20px;
  margin-left: auto;
  margin-right: 8px;
  margin-top: 49px;
}

.fixed-nav.right-nav .goPage:hover,
.fixed-nav.right-nav .shopPage:hover {
	color: rgba(255, 255, 255, 0.7);
}

.fixed-nav.right-nav .goPage:after,
.fixed-nav.right-nav .shopPage:after {
	content: '';
	width: 0;
	height: 0;
	margin-top: -6px;
	border-style: solid;
	position: absolute;
	top: 50%;
  -webkit-animation: floatMove 0.8s ease-in 1s infinite alternate;
   -moz-animation: floatMove 0.8s ease-in 1s infinite alternate;
        animation: floatMove 0.8s ease-in 1s infinite alternate;
  transition: border-color 0.3s;
}

.fixed-nav.right-nav .goPage:after {
	border-width: 5px 0 5px 6px;
	border-color: transparent transparent transparent #fff;
	right: 10px;
}

.fixed-nav.right-nav .goPage:hover:after {
	border-color: transparent transparent transparent rgba(255, 255, 255, 0.7);
}

.fixed-nav.right-nav .shopPage:after {
	border-width: 5px 6px 5px 0;
	border-color: transparent #fff transparent transparent;
	right: 40px;
}

.fixed-nav.right-nav .shopPage:hover:after {
	border-color: transparent rgba(255, 255, 255, 0.7) transparent transparent;
}

.fixed-nav.right-nav .goTop {
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 20px;
	color: #fff;
	font-size: 10px;
	opacity: 0.4;
	transition: opacity 0.5s;
}

.fixed-nav.right-nav .goTop:hover {
	color: #fff;
	opacity: 0.8;
}

.fixed-nav.right-nav .goTop i {
	display: block;
	font-size: 14px;
	line-height: 12px;
}


.fixed-nav .mCSB_inside > .mCSB_container {
	padding: 0;
}

.fixed-nav .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 4px;
}

.fixed-nav .mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
}

.fixed-nav .mCSB_draggerContainer {
	opacity: 0;
	transition: opacity 0.5s;
}

.fixed-nav .scrollbar:hover .mCSB_draggerContainer {
	opacity: 0.5;
}

@keyframes floatMove {
  0% {
  	margin-right: 0;
  }
  100% {
  	margin-right: -5px;
  }
}

@-webkit-keyframes floatMove {
  0% {
  	margin-right: 0;
  }
  100% {
  	margin-right: -5px;
  }
}


/* where */

.where {
	padding: 10px 0;
}

.where ul li {
	display: inline-block;
}

.where ul li a {
	display: block;
	color: #000;
}

.where ul li a:after {
	content: '>';
	padding: 0 5px;
}

.where ul li:last-of-type a:after {
	content: normal;
}

.where ul li:first-of-type a {
	color: #a6938d;
}


/* pro-nav 產品左選單 */

.pro-nav {
	float: left;
	width: 200px;
	position: relative;
	z-index: 10;
}

.max-md-size .pro-nav {
	width: 210px;
	padding: 5px;
  position: fixed;
  left: -210px;
  bottom: 0;
  background-color: #533221;
  transition: left 0.5s;
}

.max-md-size .pro-nav.open {
	left: 0;
}

.max-md-size .pro-nav.actived {
	position: absolute;
	bottom: 17px;
}

.max-md-size .pro-nav .scroll {
	max-height: 500px;
	max-height: -moz-calc(100vh - 135px);
	max-height: -webkit-calc(100vh - 135px);
	max-height: calc(100vh - 135px);
	overflow-y: auto;
}

.pro-nav ul {
	margin: 0;
	padding: 0;
}

.pro-nav ul li {
	list-style: none;
}

.pro-nav ul li a {
	display: block;
}

.pro-nav .scroll > ul > li {
	margin-bottom: 5px;
	background: #8d0000 url('images/category/pro-nav-bg.jpg') repeat;
	border-top-right-radius: 5px;
}

.max-md-size .pro-nav .scroll > ul > li {
	background: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.pro-nav .scroll > ul > li > a {
	padding: 0 20px;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	font-weight: bold;
	transition: opacity 0.5s;
}

.min-md-size .pro-nav .scroll > ul > li > a:hover {
	opacity: 0.7;
	color: #fff;
}

.pro-nav .scroll > ul > li > a .icon,
.pro-nav .scroll > ul > li > a span {
	display: inline-block;
	vertical-align: middle;
}

.pro-nav .scroll > ul > li > ul {
	display: none;
	background: #fff url('images/header-sub-bg.jpg');
	border: 1px solid #d2d2d2;
}

.pro-nav .scroll > ul > li.actived > ul {
	display: block;
}

.pro-nav .scroll > ul > li > ul a {
	padding: 5px 20px;
	padding-left: 0;
}

.pro-nav .scroll > ul > li > ul a span {
	padding: 0 5px;
}

.pro-nav .scroll > ul > li > ul > li .title {
	padding: 5px 20px;
	position: relative;
	background-color: rgba(0, 0, 0, 0.1);
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	color: #000;
	font-weight: bold;
}

.pro-nav .scroll > ul > li > ul > li .title:after {
	content: '';
	width: 12px;
	height: 12px;
	margin-top: -6px;
	position: absolute;
	right: 10px;
	top: 50%;
	background: url('images/category/pro-nav-tri.png') center no-repeat;
}

.pro-nav .scroll > ul > li > ul > li.actived .title {
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
}

.pro-nav ul ul ul li {
	padding-left: 35px;
	position: relative;
}

.pro-nav ul ul ul li:before {
	content: url('images/ul-dot.png');
	position: absolute;
	left: 15px;
	top: 5px;
}

.pro-nav ul ul ul a {
	padding-left: 0;
	color: #717171;
}

.pro-nav ul ul ul li a:hover {
	color: #4c281c;
}

.pro-nav ul ul ul li.actived a {
	color: #c70019;
}

.pro-nav .pro-toggle {
	display: none;
	width: 40px;
	padding: 10px;
	position: absolute;
	right: -35px;
	bottom: 10%;
	z-index: 99;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #533221;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: normal;
	text-align: center;
	cursor: pointer;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	transition: bottom 0.5s;
}

.pro-nav .pro-toggle.actived {
	box-shadow: none;
}

.max-md-size .pro-nav .pro-toggle {
	display: block;
}


/* right-main */

.right-main {
	float: right;
	width: -moz-calc(100% - 230px);
	width: -webkit-calc(100% - 230px);
	width: calc(100% - 230px);
}

.max-md-size .right-main {
	float: none;
	width: 100%;
}


/* fixed-box */

.fixed-box {
	display: none;
	width: 100%;
	min-width: 250px;
	padding: 8px 10px;
	border-radius: 5px;
	background: #c6b5a9 url('images/fixed-box-bg.jpg') repeat;
}

.max-md-size .fixed-box {
	padding: 5px;
}

.fixed-box .inner {
	padding: 30px 50px;
	border-radius: 5px;
	background: #e3d7cb url('images/fixed-box-bg2.jpg') repeat;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
}

.max-lg-size .fixed-box .inner {
	padding: 30px;
}

.max-md-size .fixed-box .inner {
	padding: 15px;
}

.fixed-box .mCustomScrollbar {
	opacity: 0;
	transition: opacity 0.5s;
}

.fixed-box .link {
	color: #c70019;
}

.fixed-box .link:hover {
	text-decoration: underline;
}

.fixed-box .title {
	margin-bottom: 20px;
	font-size: 22px;
  line-height: 1.3em;
}

.max-sm-size .fixed-box .title {
	margin-bottom: 10px;
	font-size: 18px;
}

.max-ss-size .fixed-box .title {
	padding-bottom: 30px;
}

#loginBox {
	max-width: 990px;
}

#loginBox .left {
	float: left;
	width: 62%;
	padding-right: 50px;
	border-right: 1px dashed #a09081;
}

.max-lg-size #loginBox .left {
	padding-right: 30px;
}

.max-md-size #loginBox .left {
	padding-right: 15px;
}

.max-md-size #loginBox .col-sm-2,
.max-md-size #loginBox .col-sm-10 {
	float: none;
	width: 100%;
	margin-left: 0;
}

.max-sm-size #loginBox .left {
	float: none;
	width: 100%;
	margin-bottom: 15px;
	padding: 0;
	border-right: none;
	border-bottom: 1px dashed #a09081;
}

#loginBox .right {
	float: right;
	width: 38%;
	padding-left: 50px;
}

.max-lg-size #loginBox .right {
	padding-left: 30px;
}

.max-md-size #loginBox .right {
	padding-left: 15px;
	text-align: center;
}

.max-sm-size #loginBox .right {
	float: none;
	width: 100%;
	padding: 0;
}

#loginBox .links {
	margin-top: 10px;
}

#loginBox .links a {
	display: inline-block;
	margin-right: 15px;
	position: relative;
}

.max-xs-size #loginBox .links a {
	margin-right: 8px;
}

#loginBox .checkbox {
  min-height: auto;
	padding-top: 0;
}

#loginBox .button {
	max-width: 300px;
	width: 100%;
}

.max-sm-size #loginBox .button {
	max-width: none;
}

#loginBox .links a:last-of-type {
	margin-right: 0;
}

#loginBox .links a:after {
	content: '';
	width: 1px;
	height: 14px;
	margin-top: -7px;
	position: absolute;
	right: -10px;
	top: 50%;
	background-color: #a6938d;
}

.max-xs-size #loginBox .links a:after {
	right: -7px;
}

#loginBox .links a:last-of-type:after {
	content: normal;
}

#loginBox .right .title {
	min-height: 80px;
	padding-top: 40px;
	padding-right: 110px;
	position: relative;
}

.max-md-size #loginBox .right .title {
  min-height: 0;
  padding-top: 0;
  padding-right: 0;
}

#loginBox .right .title:before {
	content: '';
	display: block;
	width: 100px;
	height: 100px;
	position: absolute;
	right: 0;
	top: 0;
	background: url('images/loginBox-icon.png') center no-repeat;
}

.max-md-size #loginBox .right .title:before {
	margin: auto;
	margin-bottom: 20px;
	position: relative;
}

#loginBox .right p {
	color: #a6938d;
	font-size: 15px;
	line-height: 1.6em;
}

#loginBox .right a {
	color: #c70019;
}

.fb-button {
	width: 100%;
	height: 50px;
	margin-top: 10px;
	border-radius: 3px;
	background-color: #4662a3;
	color: #fff;
	font-size: 16px;
	transition: background 0.5s;
}

.fb-button:hover {
	background-color: #324f92;
}

.fb-button i {
	padding-right: 10px;
}

.inputPassword {
	position: relative;
}

.inputPassword .show {
	width: 35px;
	height: 35px;
	position: absolute;
	right: 0;
	top: 0;
	background: url('images/password-show.png') center no-repeat;
	opacity: 0.3;
	transition: opacity 0.5s;
}

.fixed-box .inputPassword .show {
	right: 20px;
}

.inputPassword .show:hover {
	opacity: 0.5;
}

.inputPassword .show.actived {
	opacity: 1;
}

.inputPasscode {
	padding-right: 165px;
	position: relative;
}

.login .inputPasscode {
	padding-right: 145px;
}

.max-xs-size .inputPasscode {
	padding-right: 0;
}

.max-xs-size #loginBox .inputPasscode {
	padding-right: 15px;
}

.inputPasscode .codepic {
	position: absolute;
	right: 15px;
	top: 0;
}

#member .inputPasscode .codepic {
	right: 0;
}

.max-xs-size .inputPasscode .codepic {
	margin-top: 10px;
	position: relative;
	right: 0;
}

.inputPasscode .codepic .pic,
.inputPasscode .codepic .change {
	display: inline-block;
	vertical-align: middle;
}

.inputPasscode .codepic .pic img {
	width: 98px;
	height: 29px;
}

.inputPasscode .codepic .change {
	width: 35px;
	height: 35px;
	background: url('images/passcode-change.png') center no-repeat;
}

.centerBox .inner {
	padding: 60px 30px;
	text-align: center;
}

#infoCart .button,
#chooseBox .button {
	min-width: 100px;
  height: 30px;
  line-height: 30px;
}

#bankBox .title {
	text-align: center;
}

#bankBox table {
	width: 100%;
	border-collapse: collapse;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
  overflow: hidden;
  font-size: 15px;
}

#bankBox table th,
#bankBox table td {
	padding: 10px 30px;
}

.max-md-size #bankBox table th,
.max-md-size #bankBox table td {
	padding: 10px;
}

.max-xs-size #bankBox table td {
  display: block;
}

#bankBox table th {
	background: #634243 url('images/fixed-box-title-bg.jpg') repeat;
	color: #fff;
}

#bankBox table td {
	background-color: #fff;
	border-bottom: 1px dotted #d8c4b5;
}

#noticeBox {
	text-align: center;
}

#noticeBox button {
	margin-top: 10px;
}

#stampBox, #couponBox {
	max-width: 600px;
}

.max-sm-size #stampBox,
.max-sm-size #couponBox {
	width: 100%;
}

.max-sm-size #stampBox table tr:first-of-type,
.max-sm-size #couponBox table tr:first-of-type {
	display: none;
}

.max-sm-size #stampBox table td,
.max-sm-size #couponBox table td {
	display: block;
}

.max-sm-size #stampBox table td.date,
.max-sm-size #couponBox table td.date,
.max-sm-size #couponBox table td.price {
	margin-top: -10px;
	padding-left: 20px;
	padding-bottom: 5px;
	border-top: none;
}

.max-sm-size #couponBox table td.date {
	margin-top: -5px;
}

.max-sm-size #stampBox table .hidden,
.max-sm-size #couponBox table .hidden {
	display: inline-block;
}

#couponBox .title,
#stampBox .title,
.fixed-box .buttonBlock {
	text-align: center;
}

.fixed-box .buttonBlock .button {
	margin: 2px;
}

#couponBox table,
#stampBox table {
	width: 100%;
}

#couponBox table th,
#stampBox table th {
	padding-bottom: 5px;
}

#couponBox table td,
#stampBox table td {
	border-top: 1px dotted #a09081;
}

#couponBox table td:first-of-type,
#stampBox table td:first-of-type {
	padding-right: 30px;
}

#couponBox table .gary,
#stampBox table .gary {
	color: #717171;
}

#couponBox table ul,
#stampBox table ul {
	padding-top: 5px;
}

#couponBox table ul li span,
#stampBox table ul li span {
	padding: 0 5px;
	font-weight: bold;
}

#giftBox {
	width: 1450px;
	height: 446px;
	text-align: center;
}

.max-bg2-size #giftBox {
	width: 1000px;
}

.max-lg-size #giftBox {
	width: 900px;
	height: 434px;
}

.max-md-size #giftBox {
	width: 700px;
	height: 400px;
}

.max-sm-size #giftBox {
	width: 400px;
	height: 385px;
}

.max-xs-size #giftBox {
	width: 300px;
	height: 385px;
}

.max-ss-size #giftBox {
	width: 260px;
	height: 450px;
}

#giftBox .inner {
	position: relative;
}

#giftBox ul li {
	display: inline-block;
	vertical-align: top;
	max-width: 210px;
	width: 100%;
	min-height: 235px;
	margin: 0 5px;
	padding: 10px 20px;
	background-color: #fff;
}

#giftBox ul li .name {
	height: 1.5em;
  -webkit-line-clamp: 1;
  -moz-line-clamp: 1;
  -ms-line-clamp: 1;
}

#giftBox ul li label {
	padding-left: 0;
}

#giftBox ul li .pic,
#giftBox ul li .name {
	display: block;
}

#giftBox ul li input[type="radio"] {
	margin: 0;
}

.msie #giftBox ul li input[type='radio'] {
	left: 50%;
}

#giftBox .scrollbarX {
	margin-top: -50px;
}

#giftBox .mCSB_container {
	margin-bottom: 10px;
	padding-top: 50px;
}

.msie #giftBox .mCSB_container {
	margin-bottom: 0;
	padding-bottom: 20px;
}

.msie.max-lg-size  #giftBox .mCSB_container {
	padding-bottom: 25px;
}

#giftBox .mCSB_scrollTools {
  position: initial;
}

#giftBox .mCSB_buttonRight,
#giftBox .mCSB_buttonLeft {
	width: 33px;
	height: 22px;
	top: 0;
	background: rgba(255, 255, 255, 0.7) center no-repeat;
	border: 1px solid #d7d4d2;
	opacity: 1;
	transition: background 0.5s;
}

.msie #giftBox .mCSB_buttonRight,
.msie #giftBox .mCSB_buttonLeft {
	display: none !important;
}

.max-lg-size #giftBox .mCSB_buttonRight,
.max-lg-size #giftBox .mCSB_buttonLeft {
	top: 15px;
}

.min-md-size #giftBox .mCSB_buttonRight:hover,
.min-md-size #giftBox .mCSB_buttonLeft:hover {
	background-color: #fff;
}

#giftBox .mCSB_buttonRight {
	background-image: url('images/cart/arrow-next.png');
}

#giftBox .mCSB_buttonLeft {
	left: auto;
	right: 33px;
	background-image: url('images/cart/arrow-prev.png');
}

#giftBox .mCSB_dragger_bar,
#giftBox .mCSB_draggerRail {
	position: absolute;
	bottom: 0;
	left: 0;
}

#giftBox .mCSB_draggerContainer {
	width: 100%;
	position: initial;
	opacity: 0;
	transition: opacity 0.5s;
}

#giftBox .mCSB_dragger {
	height: 17px;
}

.max-md-size #giftBox .mCSB_draggerContainer,
#giftBox .scrollbarX:hover .mCSB_draggerContainer {
	opacity: 1;
}

.scrollbarX .mCSB_inside > .mCSB_container {
	padding-right: 0;
}

.max-lg-size #giftBox .buttonBlock {
	margin-top: 10px;
}

#cancelBox, #returnsBox {
	max-width: 480px;
}

#cancelBox .icon {
	margin: 30px 0;
}

#giftBox2 .pic {
	margin: 20px 0;
}

#typeBox {
	width: 990px;
	min-height: 670px;
}

.max-lg-size #typeBox {
	width: 100%;
	min-height: auto;
}

#typeBox .title {
	text-align: center;
}

#typeBox table {
	width: 100%;
	max-width: 865px;
	border-collapse: collapse;
}

#typeBox table th,
#typeBox table td {
	padding: 10px;
}

#typeBox table th {
	background: #4a3231 url('images/ordered/table-bg.jpg');
	color: #fff;
	font-weight: bold;
	text-align: center;
}

#typeBox table td {
	background-color: #fff;
	border-top: 1px dotted #d8c4b5;
}


/* ==========================================================================
    header
 ==========================================================================*/

#header {
	width: 100%;
	background: #fbf9f8 url('images/wp-bg.jpg') repeat;
	position: absolute;
	top: 75px;
	left: 0;
	z-index: 99;
	visibility: hidden;
	animation-delay: 0.3s;
}

.goShop #header {
	top: 0;
}

.max-lg-size #header {
	top: 0;
}

.max-md-size #header {
	display: none;
}

.max-lg-size #home #header {
	position: fixed;
	top: 0;
}

#header.fixed {
	position: fixed;
	top: 0;
}

#header.actived {
	position: fixed;
	top: 0;
}


/* top-nav */

#header .top-nav {
	background: #f5f1ee url('images/header-bg.jpg') repeat;
}

.max-lg-size #header .container {
	padding: 0;
}

#header .top-nav .left {
	float: left;
	padding: 6px 0;
}

#header .top-nav .right {
	float: right;
	padding: 6px 0;
}

#header .top-nav ul li {
	display: inline-block;
	margin-left: 5px;
	padding-left: 5px;
	position: relative;
}

#header .top-nav .left ul li {
	margin-left: 3px;
}


#header .top-nav ul li:before {
	content: '';
	width: 1px;
	height: 16px;
	margin-top: -8px;
	background-color: #d7ceca;
	position: absolute;
	left: 0;
	top: 50%;
}

#header .top-nav ul li:first-of-type {
	margin-left: 0;
	padding-left: 0;
}

#header .top-nav ul li:first-of-type:before {
	content: normal;
}

#header .top-nav ul li.user {
	font-size: 13px;
}

#header .top-nav ul li.user span {
	padding-right: 3px;
}

#header .top-nav ul li a i {
	vertical-align: middle;
	color: #391a0b;
	font-size: 18px;
}

#header .top-nav ul li a.red:hover {
	color: #c70019;
	text-decoration: underline;
}

#header .top-nav ul li .cart span {
	display: inline-block;
  width: 20px;
  height: 20px;
  padding: 0;
  border-radius: 50%;
  background-color: #a6938d;
  color: #fff;
  font-size: 12px;
  text-align: center;
  line-height: 20px;
  transition: background 0.5s;
}

#header .top-nav ul li .cart:hover span {
	background-color: #c70019;
}


/* middle-block */

#header .middle-block {
	padding: 20px 0;
}

#header .middle-block .container {
	position: relative;
}

.goShop #header .middle-block .container:after {
	content: '';
	width: 282px;
	height: 86px;
	position: absolute;
	right: 0;
	top: -10px;
	background: url('images/goshop-pic.png') center top no-repeat;
}

#header .middle-block .logo {
	position: absolute;
	left: 15px;
	top: 3px;
}

.forYogo {
	display: none;
}

.goShop .forYogo {
	display: block;
}

.goShop .forStore {
	display: none;
}

#header .middle-block .logo a {
	display: block;
	width: 250px;
	height: 55px;
	background: url('images/logo.png') center no-repeat;
}

#header .middle-block .logo.forYogo a {
	height: 54px;
	background-image: url('images/logo3.png');
}

.header-search {
	display: table;
	max-width: 350px;
	width: 100%;
	margin: auto;
}

.header-search .search-in {
	position: relative;
}

.header-search .form-control {
	border-radius: 0;
	border: 2px solid #c70019;
	background-color: transparent;
}

.header-search .form-control:hover,
.header-search .form-control:focus {
	background-color: #f1ece7;
}

.header-search .button {
	min-width: 0;
	width: 35px;
	height: 35px;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 0;
	background-color: transparent;
	color: #c70019;
	font-size: 20px;
}

.header-search .button:hover {
	background-color: #c70019;
	color: #fff;
}

.header-search .hot {
	padding: 5px 0;
	height: 1.5em;
	overflow: hidden;
}

.header-search .hot a {
	display: inline-block;
	margin-right: 5px;
}

.header-search .hot a:last-of-type {
	margin-right: 0;
}

.header-search .keyword {
	display: none;
	width: 100%;
	padding: 5px;
	position: absolute;
  top: 33px;
  z-index: 1;
	border: 2px solid #c70019;
	background-color: #fff;
}

.header-search .keyword ul li {
	padding: 5px;
	cursor: pointer;
	transition: background 0.5s;
}

.header-search .keyword ul li:hover {
	background-color: #c70019;
}

.header-search .keyword ul li:after {
	content: '';
	clear: both;
	display: block;
}

.header-search .keyword ul li .name,
.header-search .keyword ul li .number {
	float: left;
	width: 50%;
	transition: color 0.5s;
}

.header-search .keyword ul li .number {
	text-align: right;
	color: #a6938d;
}


.header-search .keyword ul li:hover .name,
.header-search .keyword ul li:hover .number {
	color: #fff;
}

.header-search .keyword ul li .number span {
	padding-right: 5px;
}

#header .menu .adBanner {
	width: 200px;
  height: 100%;
	position: absolute;
	right: 0;
	top: 0;
}

#header .menu .adBanner .pic {
	height: 100%;
}

#header .middle-block .adBanner {
	width: 220px;
  height: 50px;
	position: absolute;
	right: 15px;
	top: 3px;
}

.goShop #header .middle-block .adBanner {
	display: none;
}

#header .middle-block .adBanner ul.slider {
	padding-right: 25px;
}

#header .middle-block .adBanner ul.slider .slick-slide {
	position: relative;
	height: 50px;
}

#header .middle-block .adBanner ul.slider .pic {
	width: 50px;
	position: absolute;
	left: 0;
	top: 0;
}

#header .middle-block .adBanner ul.slider .text {
	display: -webkit-box;
	height: 3em;
	padding-top: 5px;
	padding-left: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	-ms-line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	color: #391a0b;
	font-weight: bold;
	transition: color 0.5s;
}

#header .middle-block .adBanner ul.slider a:hover .text {
	color: #90765d;
}

#header .middle-block .adBanner .slick-arrow {
	width: 23px;
	height: 25px;
	margin-top: 0;
	top: 0;
	border: 1px solid #e2d8d4;
}

#header .middle-block .adBanner .slick-arrow:hover {
	background-color: #efe8e5;
}

#header .middle-block .adBanner .slick-prev {
	left: auto;
	right: 0;
	background-image: url('images/adArrow-up.png');
}

#header .middle-block .adBanner .slick-next {
	top: auto;
	bottom: 1px;
	background-image: url('images/adArrow-down.png');
}


/* menu */

#header .menu {
	margin-bottom: 2px;
	background-color: #c70019;
}

#header .menu.forYogo {
	display: none;
}

.goShop #header .menu.forYogo {
	display: block;
}

.goShop #header .menu.forStore {
	display: none;
}

#header .menu .container {
	display: table;
	padding: 0;
	position: relative;
}

#header .menu ul > li {
	display: inline-block;
}

#header .menu ul > li > a {
	display: block;
	padding: 0 30px;
	color: #fff;
	line-height: 40px;
	font-weight: bold;
}

.max-lg-size #header .menu ul > li > a {
	padding: 0 27px;
}

#header .menu ul > li > a:hover,
#header .menu ul > li.actived > a {
	color: rgba(255, 255, 255, 0.7);
}

#header .menu.forYogo ul > li.actived > a {
	min-width: 114px;
	color: #c70019;
	text-align: center;
	background: url('images/menu-hover.png') center bottom no-repeat;
}

#header .menu ul > li > a.toggle {
	position: relative;
	transition: none;
}

#header .menu ul > li > a.toggle:after {
	content: '';
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background: url('images/menu-arrow.png') center no-repeat;
	position: absolute;
	right: 15px;
	top: 50%;
}

#header .menu ul > li:hover a.toggle {
	color: #c70019;
	background: url('images/menu-hover.png') center bottom no-repeat;
}

#header .menu ul > li:hover a.toggle:after {
	background-image: url('images/menu-arrow2.png');
}

#header .menu ul > li a.toggle:before {
	content: '';
	width: 98%;
	height: 1px;
	position: absolute;
	left: 1%;
	bottom: -1px;
	background-color: #fbfbfb;
	opacity: 0;
	z-index: 1;
}

#header .menu ul > li:hover a.toggle:before {
	opacity: 1;
}

#header .menu .left,
#header .menu .center,
#header .menu .right {
	float: left;
}

#header .menu .center {
	margin: 0 10px;
	padding: 0 10px;
	position: relative;
	background-color: #8f0000;
}

#header .menu .center:before {
	content: url('images/menu-bg-left.png');
	position: absolute;
	left: -20px;
	top: 0;
}

#header .menu .center:after {
	content: url('images/menu-bg-right.png');
	position: absolute;
	right: -20px;
	top: 0;
}

#header .menu .sub {
	width: 100%;
	height: 0;
	padding-right: 200px;
	position: absolute;
	border: 1px solid #c70019;
	background: #fff url('images/header-sub-bg.jpg') repeat;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transition: opacity 0.3s, visibility 0.3s, height 0s 0.3s;
}

#header .menu ul li:hover .sub {
	height: 390px;
	opacity: 1;
  visibility: visible;
  transition: opacity 0.5s, visibility 0.5s, height 0s;
}

#header .menu .sub .ad {
	width: 200px;
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden;
}

#header .menu .sub .ad .pic {
	height: 390px;
  transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
}

#header .menu .sub .ad a:hover .pic {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

#header .menu .sub .scrollbar {
	height: 390px;
}

#header .menu .sub .sub-left {
	float: left;
	width: 165px;
	border-right: 1px solid #c70019;
}

#header .menu .sub ul.nav {
	padding: 10px 0;
	border-bottom: none;
}

#header .menu .sub ul.nav li {
	display: block;
	float: none;
	position: relative;
}

#header .menu .sub ul.nav li:after {
	content: url('images/header-sub-tri.png');
	margin-top: -11px;
	position: absolute;
  right: -7px;
  top: 50%;
  opacity: 0;
}

#header .menu .sub ul.nav li.active:after {
	opacity: 1;
}

#header .menu .sub ul.nav li a {
	margin-right: 0;
	padding: 10px 15px;
	padding-left: 60px;
	position: relative;
  border-radius: 0;
  border: none;
  background-color: transparent;
  color: #000;
  font-size: 15px;
  line-height: 1.5em;
}

#header .menu .sub ul.nav li:hover a {
	color: #90765d;
}

#header .menu .sub ul.nav li.active a {
	color: #c70019;
	font-weight: bold;
}

#header .menu .sub ul.nav li .icon {
	width: 25px;
	height: 25px;
	position: absolute;
	left: 25px;
	top: 7px;
	border-radius: 50%;
	border: 2px solid #c70019;
	background-color: #c70019;
}

#header .menu .sub ul.nav li .icon img {
	margin-top: -3px;
}

#header .menu .sub .sub-right {
	float: left;
  margin-left: -1px;
  width: -moz-calc(100% - 164px);
  width: -webkit-calc(100% - 164px);
  width: calc(100% - 164px);
  min-height: 390px;
  border-left: 1px solid #c70019;
  box-shadow: inset 1px 0 5px rgba(0, 0, 0, 0.2);
}

#header .menu .sub .tab-content table {
	width: 100%;
	min-height: 390px;
	border-collapse: collapse;
}

#header .menu .sub .tab-content table td {
	width: 33%;
	padding: 20px 30px;
	border-right: 1px dotted #b5b5b5;
  vertical-align: top;
}

#header .menu .sub .tab-content table td a {
	display: inline;
	padding: 0;
	color: #747474;
	line-height: normal;
}

#header .menu .sub .tab-content table td a:hover {
	color: #90765d;
}

#header .menu .sub .tab-content table td li.actived a {
	color: #c70019;
}

#header .menu .sub .tab-content table ul li {
	display: block;
	margin-bottom: 5px;
}

#header .menu .sub .tab-content table td .title a {
	color: #000;
	font-weight: bold;
}

#header .menu .sub .mCustomScrollBox {
	overflow: visible;
}

#header .menu .sub .mCSB_container {
	padding-right: 0;
	overflow: initial;
}

#header .menu .sub .mCSB_draggerContainer {
	opacity: 0;
	transition: opacity 0.5s;
}

#header .menu .sub .scrollbar:hover .mCSB_draggerContainer {
	opacity: 1;
}


/* ==========================================================================
    header-mobile
 ==========================================================================*/

#header-mobile {
	display: none;
	width: 100%;
	min-width: 320px;
	height: 55px;
	position: fixed;
	top: -1px;
	left: 0;
	z-index: 99;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.max-md-size #header-mobile {
	display: block;
}

.goShop #header-mobile {
	background-color: #c70019;
}

#header-mobile .logo {
	position: absolute;
	left: 60px;
}

.max-ss-size #header-mobile .logo {
	left: 55px;
}

#header-mobile .logo a {
	display: block;
	width: 160px;
	height: 55px;
	background: url('images/logo.png') center no-repeat;
	background-size: contain;
}

#header-mobile .logo.forYogo a {
	background-image: url('images/logo4.png');
	background-position: center 45%;
}

#header-mobile .btns {
	position: absolute;
	right: 15px;
	top: 0;
}

.max-ss-size #header-mobile .btns {
	right: 5px;
}

#header-mobile .btns ul li {
	display: inline-block;
	vertical-align: middle;
}

#header-mobile .btns ul li.forYogo {
	display: none;
}

.goShop #header-mobile .btns ul li.forStore {
	display: none;
}

.goShop #header-mobile .btns ul li.forYogo {
	display: inline-block;
}

#header-mobile .btns ul li a {
	display: block;
	padding: 10px 5px 3px 5px;
	color: #321507;
	font-size: 12px;
	text-align: center;
}

.max-ss-size #header-mobile .btns ul li a {
	padding-left: 2px;
	padding-right: 2px;
}

.goShop #header-mobile .btns ul li a {
	color: #fff;
}

#header-mobile .btns ul li.actived a {
	color: #c70019;
}

.goShop #header-mobile .btns ul li.actived a {
	color: rgba(255, 255, 255, 0.7);
}

#header-mobile .btns ul li i {
	display: block;
	font-size: 20px;
}

#header-mobile .btns ul li.goCart {
	position: relative;
}

#header-mobile .btns ul li.goCart i {
  margin-bottom: -3px;
  margin-top: 3px;
}

#header-mobile .btns ul li.goCart .num {
	width: 15px;
	height: 15px;
	padding-top: 1px;
	position: absolute;
	right: 2px;
	top: 7px;
	border-radius: 50%;
	background-color: #a89591;
	color: #fff;
	line-height: 15px;
}

#header-mobile .btns ul li.goCart .num span {
	display: inline-block;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-text-size-adjust: none;
}

#header-mobile .menu {
	display: none;
	width: 100%;
	height: 500px;
	height: 100vh;
	position: absolute;
	left: 0;
	top: 55px;
	background: #391d0e url('images/footer-bg.jpg') repeat;
}

.goShop #header-mobile .menu {
	background: #fff url('images/header-sub-bg.jpg');
}

#header-mobile .menu .scroll {
	height: 500px;
	height: -moz-calc(100vh - 55px);
	height: -webkit-calc(100vh - 55px);
	height: calc(100vh - 55px);
	padding-bottom: 60px;
	overflow-y: auto;
}

#header-mobile .menu ul ul {
	display: none;
}

#header-mobile .menu ul li.account .toggle {
	padding-left: 70px;
	position: relative;
}

#header-mobile .menu ul li.account .toggle i {
  width: 36px;
  height: 36px;
  margin-top: -18px;
  position: absolute;
  left: 22px;
  top: 50%;
  border-radius: 50%;
  border: 1px solid #a7857e;
  color: #a7857e;
  font-size: 20px;
  text-align: center;
  line-height: 34px;
}

#header-mobile .menu ul li.account .toggle.actived i {
	border-color: #fff;
	color: #fff;
}

#header-mobile .menu .toggle,
#header-mobile .menu ul ul a {
	display: block;
	padding: 22px;
	font-size: 16px;
}

#header-mobile .menu ul ul a {
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

#header-mobile .menu ul ul li.actived a {
	background-color: #770000;
}

#header-mobile .menu .hello {
	padding: 22px;
	color: #a7857e;
	font-weight: bold;
	border-bottom: 1px solid #533221;
	position: relative;
	font-size: 16px;
}

.goShop #header-mobile .menu .hello {
	color: #3f1506;
	border-color: #e5dbd7;
}

#header-mobile .menu .hello.logined {
	padding-left: 70px;
}

#header-mobile .menu .hello a {
	color: #c70019;
}

#header-mobile .menu .hello .icon {
  width: 36px;
  height: 36px;
  margin-top: -18px;
  position: absolute;
  left: 22px;
  top: 50%;
  background: center no-repeat;
  background-size: 25px;
  border-radius: 50%;
  overflow: hidden;
}

#header-mobile .menu .hello .icon.citizen {
	background-image: url('images/member/level-icon01.png');
	background-color: #49b9ac;
}

#header-mobile .menu .hello .icon.normal {
	background-image: url('images/member/level-icon02.png');
	background-color: #f1ae35;
}

#header-mobile .menu .hello .icon.vip {
	background-image: url('images/member/level-icon03.png');
	background-color: #b18eb9;
}

#header-mobile .menu .hello .icon.gold {
	background-image: url('images/member/level-icon03.png');
	background-color: #ad93b5;
}

#header-mobile .menu .toggle {
	padding-right: 50px;
	color: #a7857e;
	background: url('images/arrow-down.png') calc(100% - 20px) center no-repeat;
	border-bottom: 1px solid #533221;
	cursor: pointer;
}

.goShop #header-mobile .menu .toggle {
	border-color: #e5dbd7;
}

#header-mobile .menu ul ul .toggle {
	color: #fff;
	background-image: url('images/arrow-down2.png');
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

#header-mobile .menu li.actived .toggle.actived,
#header-mobile .menu .toggle.actived {
	color: #fff;
	background-color: #c70019;
	background-image: url('images/arrow-up.png');
	border-color: rgba(255, 255, 255, 0.2);
}

#header-mobile .menu ul ul li.actived .toggle.actived,
#header-mobile .menu ul ul .toggle.actived {
	background-color: #770000;
}

#header-mobile .menu li.actived ul {
	display: block;
}

#header-mobile .menu ul ul {
	background-color: #8f0000;
}

#header-mobile .menu ul ul ul {
	background-color: #770000;
}

#header-mobile .menu ul ul ul li.actived a {
	background-color: #650000;
}

/* search */

#header-mobile .search {
	width: 100%;
	height: 100%;
	position: fixed;
	left: -110%;
	top: 54px;
	z-index: 99;
	background-color: rgba(0, 0, 0, 0.7);
	opacity: 0;
	transition: opacity 0.5s, left 0s 0.5s;
}

#header-mobile .search.actived {
	left: 0;
	opacity: 1;
	transition: opacity 0.5s;
}

#header-mobile .search form {
	width: 100%;
	padding: 10px 15px;
	position: relative;
	background-color: #fff;
}

#header-mobile .search form input {
	width: 100%;
	height: 35px;
	padding: 0 10px;
	border: 2px solid #c70019;
}

#header-mobile .search form button {
	width: 35px;
	height: 35px;
	position: absolute;
	right: 15px;
	top: 10px;
	color: #c70019;
	font-size: 20px;
}


/* menutoggle */

.menu-toggle {
  width: 55px;
  height: 55px;
  padding: 15px;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}

.menu-toggle div {
	width: 25px;
	height: 2px;
	background-color: #c70019;
	position: absolute;
	-o-transition: 0.5s ease 0s;
	-moz-transition: 0.5s ease 0s;
	-webkit-transition: 0.5s ease 0s;
	transition: 0.5s ease 0s;
}

.goShop .menu-toggle div {
	background-color: #fff;
}

.menu-toggle div.bar1 {
	top: 20px;
}

.menu-toggle div.bar2 {
	top: 29px;
}

.menu-toggle div.bar3 {
	top: 37px;
}

.menu-toggle.actived div {
	-o-transition: 0.5s ease 0s;
	-moz-transition: 0.5s ease 0s;
	-webkit-transition: 0.5s ease 0s;
	transition: 0.5s ease 0s;
	top: 29px;
}

.menu-toggle.actived .bar1 {
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transform-origin: center;
}

.menu-toggle.actived .bar2 {
	width: 0;
}

.menu-toggle.actived .bar3 {
	-o-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transform-origin: center;
}



/* ==========================================================================
    home
 ==========================================================================*/

/* suggest 嘗鮮推薦 */

.suggest {
	padding-bottom: 20px;
	background: #c5b3a0 url('images/home/suggest-bg.jpg') center no-repeat;
	background-size: cover;
	text-align: center;
}

.suggest ul.slider li a {
	display: block;
	margin: 30px 10px;
	border-radius: 5px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
	position: relative;
	z-index: 1;
	overflow: hidden;
	transition: box-shadow 0.5s;
}

.suggest ul.slider li a:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-color: #000;
	opacity: 0.7;
	transition: opacity 0.5s;
}

.max-sm-size .suggest ul.slider li a:before {
	content: normal;
}

.suggest ul.slider li.slick-active a:before {
	opacity: 0;
}

.suggest ul.slider li.slick-active a:hover {
	box-shadow: 0 0 15px #fff;
}

.suggest ul.slider li a img {
	width: 100%;
	transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
}

.suggest ul.slider li a:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

.suggest .slick-arrow {
	width: 60px;
	height: 60px;
	margin-top: -30px;
	border-radius: 50%;
	background-color: rgba(62, 23, 10, 0.8);
}

.max-xs-size .suggest .slick-arrow {
  width: 50px;
  height: 50px;
  margin-top: -25px;
}

.suggest .slick-arrow:hover {
	background-color: rgba(62, 23, 10, 1);
}

.suggest .slick-prev {
	left: 24%;
	background-image: url('images/arrow-prev.png');
}

.max-bg2-size .suggest .slick-prev {
  left: 12%;
}

.max-lg-size .suggest .slick-prev {
  left: 30px;
}

.max-sm-size .suggest .slick-prev {
  left: 10px;
}

.suggest .slick-next {
	right: 24%;
	background-image: url('images/arrow-next.png');
}

.max-bg2-size .suggest .slick-next {
  right: 12%;
}

.max-lg-size .suggest .slick-next {
  right: 30px;
}

.max-sm-size .suggest .slick-next {
  right: 10px;
}

.suggest .slick-dots li button {
	background-color: #fff;
}


/* embassy 好康館 */



.embassy .container {
	max-width: 1350px !important;
	padding: 0 195px;
	position: relative;
}

.max-md-size .embassy .container {
	padding: 0 15px;
}

.max-ss-size .embassy .container {
	margin: auto;
}

.embassy ul.ad {
	width: 160px;
	position: absolute;
	top: 0;
}

.max-md-size .embassy ul.ad {
	display: none;
}

.embassy ul.ad img {
	width: 100%;
	transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
}

.embassy ul.ad a:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

.embassy ul.ad > li {
	margin-bottom: 10px;
	border: 1px solid #d5d5d5;
	overflow: hidden;
}

.embassy .left {
	left: 15px;
}

.embassy .right {
	right: 15px;
}

.embassy .right .notice {
	background: url('images/home/embassy-bg.jpg') repeat;
	overflow: visible;
}

.embassy .right .notice ul {
	padding: 14px;
}

.embassy .right .notice .title {
	height: 32px;
	background-color: #3f3124;
	position: relative;
}

.embassy .right .notice .title:after {
	content: url('images/home/embassy-notice-title.png');
	position: absolute;
	left: 18px;
	bottom: 0;
}

.embassy .right .notice li {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #928677;
}

.embassy .right .notice li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}

.embassy .right .notice a {
	color: #c70019;
	border-bottom: 1px solid transparent;
	transition: border 0.3s;
}

.embassy .right .notice a:hover {
	border-bottom: 1px solid #c70019;
}

.embassy .list {
	height: 310px;
	margin-bottom: 22px;
	padding-left: 190px;
	padding-top: 6px;
	border-radius: 5px;
	background: #c0c0c0 3% center no-repeat;
}

.embassy .sales {
	background-image: url('images/home/embassy-list-bg01.jpg');
}

.embassy .major {
	background-image: url('images/home/embassy-list-bg02.jpg');
}

.max-xs-size .embassy .list {
	padding-left: 160px;
}

.max-ss-size .embassy .list {
  padding-left: 140px;
  background-position: 4% center;
}

.embassy .list .block {
	height: 305px;
	margin-right: 13px;
	position: relative;
	border-radius: 5px;
	border: 1px solid #cacaca;
	background: url('images/home/embassy-list-bg03.jpg') repeat;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
}

.max-ss-size .embassy .list .block {
	margin-right: 5px;
}

.embassy .list .block:after {
	content: url('images/home/embassy-list-bg04.png');
	position: absolute;
	right: -3px;
	top: 0;
}

.embassy .nav {
	width: 100%;
	display: table;
	background-color: rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid #ddd;
}

.embassy .nav > li {
	display: table-cell;
	width: 20%;
	position: relative;
	float: none;
	margin-bottom: 0;
	text-align: center;
}

.embassy .nav > li:after {
	content: '';
	width: 0;
	height: 0;
	margin-left: -5px;
	position: absolute;
	left: 50%;
	top: -1px;
	border-style: solid;
	border-width: 6px 5px 0 5px;
	border-color: #7d2023 transparent transparent transparent;
	opacity: 0;
	transition: opacity 0.3s;
}

.embassy .nav > li.active:after {
	opacity: 1;
}

.embassy .nav > li > a,
.embassy .nav > li.active > a {
	border: none;
}

.embassy .nav > li > a {
	padding: 10px 0;
	color: #391a0b;
	font-weight: bold;
}

.embassy .nav > li:hover a,
.embassy .nav > li.active > a {
	background-color: transparent;
}

.embassy .nav > li:hover a,
.embassy .nav > li.active > a {
	color: #7d2023;
}

.embassy .list .slider {
	padding: 5px 0;
	text-align: center;
}
.embassy .list .slider .slick-slide {
	padding: 10px 20px;
	background: url('images/home/embassy-list-line.png') right center no-repeat;
}

.embassy .slider .pic {
	max-width: 260px;
	max-height: 260px;
  margin: auto;
}

.max-lg-size .embassy .list .pic {
	max-width: 150px;
	max-height: 150px;
}


.embassy .slider .pic img {
	transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
}

.embassy .slider a:hover .pic img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

.inner .name {
	height: 3em;
	margin: 5px 0;
	color: #391a0b;
	line-height: 1.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	-ms-line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	transition: color 0.5s;
}

.inner a:hover .name {
	color: #c70019 !important;
}

.inner .green-pro a:hover .name {
	color: #008121 !important;
}

.price .original {
	padding-right: 5px;
	color: #391a0b;
	text-decoration: line-through;
}

.price .sale {
	color: #391a0b;
}

.price .sale .number {
	padding-left: 5px;
}

.cart-slider .buy {
	display: table;
	margin: auto;
	margin-top: 5px;
}

.inner .cart-slider .name {
	height: 1.5em;
  -webkit-line-clamp: 1;
  -moz-line-clamp: 1;
  -ms-line-clamp: 1;
}

.price .number {
	color: #c70019;
	font-size: 18px;
	font-weight: bold;
}

.price .number:before {
	content: '$';
	font-size: 14px;
}

.embassy .list .slick-arrow {
	z-index: 0;
}

.embassy .list .slick-next {
	background-image: url('images/arrow-next2.png');
}

.embassy .list .slick-prev {
	background-image: url('images/arrow-prev2.png');
}

.embassy .tab-pane {
	display: block !important;
	height: 0;
	overflow: hidden;
}

.embassy .tab-pane.active {
	height: auto;
}

.embassy .recomme {
	padding: 45px 15px 10px 15px;
	position: relative;
	background: #826144 url('images/home/embassy-recomme-bg.jpg') repeat;
	border-radius: 5px;
	text-align: center;
}

.embassy .recomme .title {
	width: 100%;
	height: 60px;
	position: absolute;
	left: 0;
	top: -8px;
	z-index: 1;
	background: url('images/home/embassy-recomme-title.png') center no-repeat;
}

.embassy .recomme .slider {
	padding: 0 40px;
	position: relative;
	z-index: 2;
}

.max-xs-size .embassy .recomme .slider {
	padding: 0 20px;
}

.max-xs-size .embassy .recomme .slick-prev {
	left: -12px;
}

.max-xs-size .embassy .recomme .slick-next {
	right: -12px;
}

.embassy .recomme .slick-slide {
	height: 137px;
	position: relative;
	margin: 0 2px;
	padding-left: 150px;
  padding-right: 10px;
	background: url('images/home/embassy-list-bg03.jpg');
	border-radius: 5px;
}

.embassy .recomme .pic {
	max-width: 126px;
	max-height: 126px;
	position: absolute;
	left: 10px;
	top: 5px;
}

.embassy .recomme .text {
  position: relative;
  z-index: 1;
	text-align: left;
}

.embassy .recomme .text .name {
	margin-top: 20px;
}

.embassy .recomme .btn {
	display: table;
	margin-top: 10px;
	padding: 2px 10px;
	border-radius: 20px;
	border: 1px solid #a6938d;
	color: #a6938d;
	font-size: 13px;
	transition: color 0.5s, background 0.5s;
}

.embassy .recomme .btn:hover {
	background-color: #a6938d;
	color: #fff;
}

.embassy .recomme .btn[disabled] {
	border-color: #ccc;
	background-color: #ccc;
	color: #fff;
}

.embassy .footer-ad {
	margin-top: 30px;
}

.embassy .footer-ad .slider {
	padding-bottom: 20px;
	text-align: center;
}

.embassy .footer-ad .slider a {
	display: inline-block;
}

.embassy .footer-ad .slider .pic {
	max-width: none;
	max-height: none;
}

.embassy .footer-ad .slider .forMobile {
	display: none;
}

.embassy .footer-ad .slider .pic img {
	transition: none;
}

.embassy .footer-ad .slider a:hover .pic img {
	transform: none;
}

@media screen and (max-width: 768px) {
	.embassy .nav {
		display: none;
		position: absolute;
		left: 0;
		top: 42px;
		z-index: 1;
		background: url('images/home/embassy-list-bg05.jpg') repeat;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
	}
	.embassy .nav > li {
		display: block;
		width: 100%;
		border-bottom: 1px dotted #ddd;
	}
	.embassy .nav > li:after {
		content: normal;
	}
}

@media screen and (max-width: 650px) {
	.embassy .list .slider .slick-slide {
		background: none;
	}
}

.max-xs-size .embassy .footer-ad .forDesktop {
	display: none;
}

.max-xs-size .embassy .footer-ad .forMobile {
	display: block;
}


/* homeJoint */

.homeJoint {
	padding-top: 60px;
	padding-bottom: 30px;
	position: relative;
	background: url('images/home/embassy-bg.jpg') repeat;
	overflow: hidden;
}

.msie .homeJoint {
	padding-left: 30px;
	padding-right: 30px;
}

.homeJoint .container {
	margin: auto !important;
}

.max-xs-size .homeJoint .container {
	padding: 0;
}

.max-xs-size .homeJoint .slick-prev {
	left: 5px;
}

.max-xs-size .homeJoint .slick-next {
	right: 5px;
}

.homeJoint .slider {
	padding: 0 30px;
	text-align: center;
}

.msie .homeJoint .slider {
	padding: 0;
}

.homeJoint .slick-slide {
	padding: 50px 0;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
	position: relative;
	z-index: 1;
	transition: transform 1s;
}

.msie .homeJoint .slick-slide {
	margin-left: -6px;
}

.max-sm-size .homeJoint .slick-slide {
	padding: 0;
}

.homeJoint .slick-slide a {
	display: inline-block;
}

.homeJoint .slick-slide img {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	transition: box-shadow 0.5s;
}

.homeJoint .slick-slide a:hover img {
	box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}

.homeJoint .slick-center {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);
	z-index: 2;
}

.homeJoint .slick-prev {
	background-image: url('images/arrow-prev3.png');
}

.homeJoint .slick-next {
	background-image: url('images/arrow-next3.png');
}

.msie .homeJoint .slick-prev {
	left: -30px;
}

.msie .homeJoint .slick-next {
	right: -30px;
}


/* homeNews */

.homeNews {
	padding-top: 50px;
}

.homeNews .left {
	float: left;
	width: 250px;
	min-height: 290px;
	margin-top: 70px;
	padding: 15px;
	padding-top: 50px;
	border-radius: 5px;
	background: url('images/home/homeNews-bg.jpg') repeat;
}

.max-sm-size .homeNews .left {
	display: none;
}

.homeNews .left .box {
	width: 100%;
	height: 130px;
	margin-top: -100px;
	background: url('images/home/homeNews-title01.png') center no-repeat;
}

.homeNews .left table {
	width: 100%;
	font-size: 15px;
}

.homeNews .left table td {
	padding: 5px 0;
}

.homeNews .left .total {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #d8c4b5;
	color: #391a0b;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

.homeNews .left .total span {
	font-size: 18px;
}

.homeNews .left .epaper {
	margin-top: 20px;
	text-align: center;
}

.homeNews .left .epaper .title {
	height: 30px;
	margin: 20px 0 10px 0;
	background: url('images/home/homeNews-title02.png') center no-repeat;
}

.homeNews .left .epaper form {
	margin-bottom: 15px;
	padding-right: 55px;
	position: relative;
}

.homeNews .left .epaper form input {
	background-color: #fff;
	border: none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.homeNews .left .epaper form button {
  min-width: 0;
  width: 55px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.homeNews .left .epaper a {
	color: #000;
	border-bottom: 1px solid #000;
	transition: color 0.5s, border 0.5s;
}

.homeNews .left .epaper a:hover {
	color: #c70019;
	border-color: #c70019;
}

.homeNews .right {
	float: right;
	width: -moz-calc(100% - 300px);
	width: -webkit-calc(100% - 300px);
	width: calc(100% - 300px);
}

.max-md-size .homeNews .right {
	width: -moz-calc(100% - 270px);
	width: -webkit-calc(100% - 270px);
	width: calc(100% - 270px);
}

.max-sm-size .homeNews .right {
	float: none;
	width: 100%;
}


.homeNews .right .title {
	height: 60px;
	margin-bottom: 30px;
	background: url('images/home/homeNews-title03.png') center no-repeat;
}

.homeNews .right ul li {
	float: left;
	width: 48%;
	min-height: 120px;
	margin-bottom: 23px;
	position: relative;
}

.homeNews .right ul li:nth-of-type(odd) {
	float: left;
}

.homeNews .right ul li:nth-of-type(even) {
	float: right;
}

.max-md-size .homeNews .right ul li {
	float: none;
	width: 100%;
}

.max-xs-size .homeNews .right ul li {
	margin-bottom: 10px;
}

.homeNews .right ul li .pic {
	width: 115px;
	height: 115px;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}

.homeNews .right ul li .jqimgFill {
	width: 115px;
	height: 115px;
	transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1);
}

.homeNews .right ul li a:hover .jqimgFill {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.homeNews .right ul li .text {
	padding-left: 130px;
}

.homeNews .right ul li .text .date {
	color: #c70019;
	font-size: 13px;
}

.homeNews .right ul li .text .name {
	max-height: 3em;
	height: auto;
	margin: 5px 0;
	color: #391a0b;
	font-size: 15px;
}

.homeNews .right ul li .text .summary {
	height: 3em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	-ms-line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
}


/* ==========================================================================
    category
 ==========================================================================*/

#category .margin20 {
	margin-bottom: 20px;
}

#category .slick-prev {
	background-image: url('images/arrow-prev2.png');
}

#category .slick-next {
	background-image: url('images/arrow-next2.png');
}


/* result */

.result .pic:before {
	display: block;
	position: absolute;
	left: 5px;
	top: 5px;
	z-index: 1;
}

.result .pic.full:before {
	content: url('images/member/discounts-icon01.png');
}

.result .pic.random:before {
	content: url('images/member/discounts-icon02.png');
}

.result .pic.pair:before {
	content: url('images/member/discounts-icon03.png');
}


/* ad-slidr */

#category .ad-slider a {
	display: block;
	border-radius: 5px;
	overflow: hidden;
}

#category .ad-slider a img {
	width: 100%;
}

#category .ad-slider .slick-dots {
	bottom: 20px;
}

.max-xs-size #category .ad-slider .slick-dots {
	bottom: 5px;
}


#category .ad-slider .slick-dots li button {
	background-color: #fff;
}


/* recommend */

#category .recommend {
	margin-top: 60px;
	padding: 10px;
	padding-top: 30px;
	position: relative;
	background: #c76700 url('images/category/recommend-bg.jpg') repeat;
	text-align: center;
}

#category .recommend:before {
	content: '';
	width: 100%;
	height: 60px;
	position: absolute;
	left: 0;
	top: -40px;
	background: url('images/category/recommend-title.png') center bottom no-repeat;
}

#category .recommend ul li.slick-slide {
	margin: 0 5px;
	background-color: #fff;
}

#category .recommend ul li.slick-slide a {
	display: block;
	padding: 15px;
}

#category .recommend .activity {
	margin-top: 10px;
	padding: 5px;
	border-top: 1px solid #a53c1f;
	border-bottom: 1px solid #a53c1f;
	color: #a53c1f;
	font-size: 18px;
	max-height: 1.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-moz-line-clamp: 1;
	-ms-line-clamp: 1;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
}

.max-xs-size #category .recommend .activity {
	font-size: 15px;
	max-height: 2em;
}

#category .pic img {
	width: auto;
	transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
}

.max-md-size #category .pic img {
	max-height: 150px;
}

#category a:hover .pic img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}


/* attention */

#category .attention {
	margin-top:  50px;
}

#category .attention .title {
	height: 56px;
	position: relative;
	background: url('images/category/attention-title-bg.jpg') repeat-x;
	border-bottom: 5px solid #862125;
	border-right: 5px solid #862125;
	border-radius: 5px;
}

#category .attention .title:before {
	content: '';
	width: 100%;
	height: 65px;
	position: absolute;
	left: 0;
	top: -20px;
	background: url('images/category/attention-title.png') center no-repeat;
}

#category .attention .inner {
	border: 8px solid #c70019;
	background-color: #fff;
	text-align: center;
}

#category .attention .left {
	float: left;
	width: 30%;
	padding: 15px;
	border-right: 1px solid #e4e4e4;
}

.max-xs-size #category .attention .left {
	border-bottom: 1px solid #e4e4e4;
}

.max-xs-size #category .attention .left,
.max-xs-size #category .attention .right {
	float: none;
	width: 100%;
}

#category .attention .left .slider {
	margin-bottom: 25px;
	background-color: #f2f2f2;
}

#category .attention .left .pic img {
	width: 100%;
	max-height: none;
}

#category .attention .left .name {
	margin: 15px;
	font-size: 16px;
	font-weight: bold;
}

#category .attention .left .price .number {
	font-size: 28px;
}

#category .attention .left .price .number:before {
	font-size: 24px;
}

#category .attention .left .buy-btn {
	display: inline-block;
	max-width: 195px;
	width: 100%;
	margin: 10px 0;
	line-height: 55px;
	border-radius: 55px;
	background-color: #ff8400;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	transition: background 0.5s;
}

#category .attention .left a:hover .buy-btn {
	background-color: #ff5400;
}

#category .attention .left .buy-btn i {
	display: inline-block;
	vertical-align: middle;
	width: 35px;
	height: 35px;
	margin-right: 10px;
	border-radius: 50%;
	background-color: #fff;
	color: #ff8400;
	font-size: 25px;
	line-height: 35px;
	transition: color 0.5s;
}

#category .attention .left a:hover .buy-btn i {
	color: #ff5400;
}

#category .attention .left .slick-dots {
  bottom: -25px;
}

#category .attention .left .slick-dots li button {
	background-color: #fff;
	border: 1px solid #c70019;
	-webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
}

#category .attention .right {
	float: right;
	width: 70%;
}

#category .attention .right .name {
  height: 1.5em;
	-webkit-line-clamp: 1;
  -moz-line-clamp: 1;
  -ms-line-clamp: 1;
}

#category .attention .right .slick-slide {
	border-left: 1px solid #e4e4e4;
}

#category .attention .right a {
	display: block;
	padding: 20px 10px;
}

#category .attention .right a:first-of-type {
	border-bottom: 1px solid #e4e4e4;
}


/* pro-list */

#category .pro-list {
	height: 310px;
	padding: 5px;
	padding-left: 195px;
	position: relative;
	border-radius: 10px;
	background: 2% center no-repeat;
}

.max-xs-size #category .pro-list {
	padding-left: 160px;
}

.max-ss-size #category .pro-list {
	padding-left: 140px;
	background-position: 3% center;
}

#category .pro-list .links {
	width: 195px;
	padding: 15px;
	position: absolute;
	left: 0;
	bottom: 10px;
}

.max-xs-size #category .pro-list .links {
	width: 160px;
	padding: 5px;
	font-size: 12px;
}

.max-ss-size #category .pro-list .links {
	width: 140px;
}

#category .pro-list .links ul li {
	float: left;
	width: 50%;
	padding: 2px;
}

#category .pro-list .links a {
	display: inline-block;
	color: #fff;
}

#category .pro-list .links a:hover {
	color: rgba(255, 255, 255, 0.7);
}

#category .pro-slider {
	margin-top: 3px;
	padding: 0 25px;
  height: 300px;
	background-color: #fff;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
	text-align: center;
}

.max-xs-size #category .pro-slider {
	padding: 0 10px;
}

#category .pro-slider .slick-slide {
	border-left: 1px solid #e4e4e4;
}

.max-xs-size #category .pro-slider .slick-slide {
	border-left: none;
}

#category .pro-slider a {
	display: block;
  padding: 40px 15px;
}

#category .pro-slider .slick-arrow {
	height: 100%;
	margin-top: 0;
	top: 0;
	background-color: #fff;
  background-size: 8px;
}

.max-xs-size #category .pro-slider .slick-arrow {
	background-color: transparent;
}

#category .pro-slider .slick-prev {
	background-image: url('images/arrow-prev3.png');
}

#category .pro-slider .slick-next {
	background-image: url('images/arrow-next3.png');
}


/* brands */

#category .brands {
	padding: 10px 30px 30px 30px;
	border-top: 2px solid #c70019;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	background-color: #fff;
}

.max-md-size #category .brands {
	padding-right: 15px;
	padding-left: 15px;
}

#category .brands .title {
	width: 138px;
	height: 42px;
	background: url('images/category/brands-title.png') center no-repeat;
}

#category .brands ul li {
	display: inline-block;
	vertical-align: top;
  width: 22.7%;
	margin-right: 3%;
	margin-top: 20px;
}

.max-xs-size #category .brands ul li {
	margin-top: 10px;
}


#category .brands ul li:nth-of-type(4n) {
	margin-right: 0;
}

.max-sm-size #category .brands ul li {
	width: 31%;
	margin-right: 3%;
}

.max-sm-size #category .brands ul li:nth-of-type(3n) {
	margin-right: 0;
}

.max-xs-size #category .brands ul li,
.max-sm-size #category .brands ul li:nth-of-type(3n) {
	width: 48%;
	margin-right: 3%;
}

.max-xs-size #category .brands ul li:nth-of-type(2n) {
	margin-right: 0;
}

#category .brands ul li a {
	display: block;
	border: 1px solid #e4e4e4;
	text-align: center;
	overflow: hidden;
	transition: border 0.5s;
}

#category .brands ul li a img {
	transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
}

#category .brands ul li a:hover {
	border-color: #a6938d;
}

#category .brands ul li a:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}


/* top-cart */

#category .top-cart {
	margin-bottom: 30px;
	padding-bottom: 10px;
  background: #d31a20 url('images/discounts/discounts-bg.jpg');
  text-align: center;
}

#category .top-cart span {
	font-family: "Roboto", Arial, Verdana, "Heiti TC", "Microsoft JhengHei", 微軟正黑體;
}

#category .top-cart > .title {
	margin: 0;
	padding: 5px;
	background: url('images/discounts/discounts-caption-bg.png') center no-repeat;
	color: #fff;
	font-size: 28px;
	font-weight: normal;
}

.max-xs-size #category .top-cart > .title {
	font-size: 20px;
}

#category .top-cart > .title:before {
	content: '';
	display: inline-block;
  vertical-align: middle;
  width: 43px;
  height: 41px;
  margin-top: -25px;
  margin-right: 10px;
  background: url('images/category/top-cart-icon.png') center no-repeat;
  background-size: contain;
}

.max-xs-size #category .top-cart > .title:before {
	width: 35px;
  margin-top: -15px;
}

#category .top-cart .title .sub {
	display: inline-block;
	font-size: 22px;
}

.max-xs-size #category .top-cart .title .sub {
	font-size: 15px;
}

#category .top-cart .title .sub span {
	padding: 0 5px;
	color: #fff600;
	font-weight: bold;
	font-style: italic;
	font-size: 25px;
}

.max-xs-size #category .top-cart .title .sub span {
	font-size: 20px;
}

#category .top-cart .inner {
	margin: 0 10px;
	background-color: #fff;
}

#category .top-cart .inner .left {
	float: left;
	width: -moz-calc(100% - 240px);
	width: -webkit-calc(100% - 240px);
	width: calc(100% - 240px);
	padding: 15px;
	padding-bottom: 0;
	border-right: 1px solid #e08b8e;
}

.max-md-size #category .top-cart .inner .left {
	width: -moz-calc(100% - 190px);
	width: -webkit-calc(100% - 190px);
	width: calc(100% - 190px);
}

.max-sm-size #category .top-cart .inner .left {
	float: none;
	width: 100%;
	padding: 15px 5px;
	border: none;
}

#category .top-cart .inner .right {
	float: right;
	width: 240px;
	margin-top: 80px;
}

.max-md-size #category .top-cart .inner .right {
	width: 190px;
}

.max-sm-size #category .top-cart .inner .right {
	float: none;
	width: 100%;
	margin-top: 20px;
	padding-bottom: 20px;
}

#category .top-cart .condit {
	color: #000;
	font-size: 15px;
	text-align: left;
}

.max-sm-size #category .top-cart .condit {
	padding: 0 10px;
	text-align: center;
}

#category .top-cart .condit span {
	padding: 0 5px;
	color: #c70019;
	font-size: 20px;
	font-weight: bold;
}

.max-xs-size #category .top-cart .condit span {
	font-size: 16px;
}

#category .top-cart .condit .price {
	font-size: 25px;
}

.max-xs-size #category .top-cart .condit .price {
	font-size: 20px;
}

#category .top-cart .condit .price:before {
	content: '$';
	font-size: 20px;
}

.max-xs-size #category .top-cart .condit .price:before {
	font-size: 16px;
}

#category .top-cart .list {
	margin-top: 15px;
}

#category .top-cart .list ul {
  margin: 0 20px;
}

#category .top-cart .list ul li {
	float: left;
	width: 135px;
  min-height: 190px;
	margin: 0 8px;
}

#category .top-cart .list ul li.no-select {
	padding: 30px;
	border: 1px dotted #a9a9a9;
	background-color: #f5f5f5;
	font-size: 16px;
}

.max-xs-size #category .top-cart .list ul li.no-select {
	font-size: 14px;
}

#category .top-cart .list ul li .title {
  height: 1.5em;
  margin: 5px 0;
  -webkit-line-clamp: 1;
  -moz-line-clamp: 1;
  -ms-line-clamp: 1;
  font-size: 14px;
}

#category .top-cart .list ul li .qty,
#category .top-cart .list ul li .delete {
	display: inline-block;
	vertical-align: middle;
}

#category .top-cart .list ul li .qty {
	font-weight: bold;
	line-height: 20px;
}

#category .top-cart .list ul li .qty span {
	padding-left: 5px;
	color: #c70019;
	font-size: 17px;
}

#category .top-cart .list ul li .qty .price {
	padding-left: 0;
	padding-right: 5px;
}

#category .top-cart .list ul li .qty .price:before {
	content: '$';
	color: #391a0b;
	font-size: 14px;
}

#category .top-cart .list ul li .delete {
	height: 20px;
	padding: 0 8px;
	background-color: #c70019;
	border-radius: 20px;
	color: #fff;
	font-size: 13px;
  line-height: 21px;
  transition: background 0.5s;
}

#category .top-cart .list ul li .delete:hover {
	background-color: #a30015;
}

#category .top-cart .list ul li.green .delete {
	background-color: #008121;
}

#category .top-cart .list ul li.green .delete:hover {
	background-color: #00661a;
}

#category .top-cart .total {
	font-size: 16px;
	font-weight: bold;
}

#category .top-cart .total span {
	padding: 0 5px;
	color: #c70019;
	font-size: 25px;
}

#category .top-cart .total span:before {
	content: '$';
	font-size: 20px;
}

#category .top-cart .notice {
	margin: 5px 0;
	color: #717171;
}

#category .top-cart .notice span {
	padding: 0 5px;
}

#category .top-cart .submit {
	min-width: 145px;
	min-height: 60px;
	margin-top: 10px;
	padding: 10px;
	position: relative;
	background-color: #a30015;
	background-size: cover;
	border-radius: 5px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	transition: background 0.5s;
	overflow: hidden;
}

#category .top-cart .submit:hover {
	background-color: #840111;
}

#category .top-cart .submit:before {
	content: '';
	width: 300px;
	height: 300px;
	position: absolute;
  left: -15px;
  bottom: -5px;
	border-radius: 50%;
	background-color: #c70019;
	z-index: 1;
	transition: left 0.8s, bottom 0.8s, background 0.5s;
}

#category .top-cart .submit:hover:before {
  left: -135px;
  bottom: -240px;
	background-color: #a30015;
}

#category .top-cart .submit span {
	position: relative;
	z-index: 2;
}


/* pair-tabs */

#category .pair-tabs ul {
	border-bottom: 3px solid #c70019;
}

#category .green-pro .pair-tabs ul {
	border-color: #008121;
}

#category .pair-tabs ul li {
	float: left;
	width: 50%;
	position: relative;
}

#category .pair-tabs ul li a {
	display: block;
	position: relative;
	background: #920012;
	background:-webkit-linear-gradient(#c70019, #920012);
	background:-o-linear-gradient(#c70019, #920012);
	background:linear-gradient(#c70019, #920012);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #fff;
	font-size: 20px;
	line-height: 50px;
	text-align: center;
	overflow: hidden;
	z-index: 1;
}

.max-xs-size #category .pair-tabs ul li a {
	font-size: 16px;
}

#category .pair-tabs ul li.actived a {
	background: #c70019;
}

#category .pair-tabs ul li.green a {
	background: #005e18;
	background:-webkit-linear-gradient(#008121, #005e18);
	background:-o-linear-gradient(#008121, #005e18);
	background:linear-gradient(#008121, #005e18);
}

#category .pair-tabs ul li.green.actived a {
	background: #008121;
}

#category .pair-tabs ul li span {
	position: relative;
	z-index: 2;
}

#category .pair-tabs ul li a:before {
	content: '';
	width: 100%;
	height: 100%;
	background-color: #c70019;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	opacity: 0;
	transition: opacity 0.5s;
}

#category .pair-tabs ul li.green a:before {
	background-color: #008121;
}

#category .pair-tabs ul li a:hover:before {
	opacity: 1;
}

#category .pair-tabs ul li.actived:after {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	right: -27px;
	bottom: 0;
	z-index: 2;
	border-style: solid;
	border-width: 50px 0 0 30px;
	border-color: transparent transparent transparent #c7001b;
}

#category .pair-tabs ul li.green.actived:after {
	left: -27px;
	right: auto;
	border-width: 0 0 50px 30px;
	border-color: transparent transparent #008121 transparent;
}


/* green-pro > select-nav */

.green-pro .select-nav,
.green-pro .select-nav .search input {
	border-color: #008121;
}

.green-pro .select-nav span,
.green-pro .pages .goPage span,
.green-pro .pages ul li.actived a {
	color: #008121;
}

.green-pro .select-nav .search button,
.green-pro .select-nav .sort .left ul li.actived {
  background-color: #008121 !important;
}


/* mCSB_scrollTools */

#category .top-cart .mCSB_scrollTools {
  position: initial;
  height: 0;
  opacity: 1;
}

#category .top-cart .mCSB_horizontal.mCSB_inside > .mCSB_container {
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
}

#category .top-cart .mCSB_buttonLeft,
#category .top-cart .mCSB_buttonRight {
	width: 24px;
	height: 100%;
  top: 0;
  background: #fff center no-repeat;
  opacity: 1;
}

#category .top-cart .mCSB_buttonLeft {
	background-image: url('images/category/top-cart-left.png');
}

#category .top-cart .mCSB_buttonRight {
	background-image: url('images/category/top-cart-right.png');
}

#category .top-cart .mCSB_scrollTools .mCSB_draggerContainer {
	top: auto;
	opacity: 0;
	transition: opacity 0.5s;
}

#category .top-cart .list:hover .mCSB_scrollTools .mCSB_draggerContainer {
	opacity: 1;
}

.max-lg-size #category .top-cart .list .mCSB_scrollTools .mCSB_draggerContainer {
	opacity: 1;
}

#category .top-cart .mCSB_scrollTools .mCSB_draggerRail,
#category .top-cart .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	height: 3px;
  margin: 6px auto;
	position: absolute;
	bottom: 0;
}

/* ==========================================================================
    category > products
 ==========================================================================*/

.ad-banner a {
	display: block;
	border-radius: 5px;
	overflow: hidden;
}

.ad-banner a img {
	width: 100%;
}

/* top3 */

#category .products .top3 ul {
	margin: 30px 0;
	font-size: 0;
}

.max-xs-size #category .products .top3 ul {
	text-align: center;
}

#category .products .top3 ul li {
	display: inline-block;
	vertical-align: top;
	width: 31%;
	margin-right: 3%;
	background-color: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
	position: relative;
	text-align: center;
}

#category .products .top3 ul li:before {
	content: '';
	width: 90px;
	height: 91px;
	background: center no-repeat;
	position: absolute;
	left: -2px;
	top: -3px;
	z-index: 1;
}

#category .products .top3 ul li:nth-of-type(3n) {
	margin-right: 0;
}

.max-sm-size #category .products .top3 ul li {
	width: 48%;
	margin-right: 3%;
	margin-bottom: 30px;
}

.max-sm-size #category .products .top3 ul li:nth-of-type(2n) {
	margin-right: 0;
}

.max-sm-size #category .products .top3 ul {
	margin-bottom: 0;
}

.max-xs-size #category .products .top3 ul li {
	max-width: 320px;
	width: 100%;
	margin-right: 0;
}

#category .products .top3 ul li.no1:before {
	background-image: url('images/products/products-top-icon01.png');
}

#category .products .top3 ul li.good:before {
	background-image: url('images/products/products-top-icon02.png');
}

#category .products .top3 ul li.take:before {
	background-image: url('images/products/products-top-icon03.png');
}

#category .products .top3 ul li a {
	display: block;
	padding: 20px;
	border: 1px solid #d2d2d2;
	overflow: hidden;
}

#category .products .top3 ul li .text {
	position: relative;
	z-index: 1;
	text-align: left;
}

#category .products .top3 ul li .slogan {
	max-height: 1.5em;
	margin: 10px 0;
	color: #a53c1f;
	font-size: 18px;
  line-height: 1.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-moz-line-clamp: 1;
	-ms-line-clamp: 1;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
}

.max-xs-size #category .products .top3 ul li .slogan {
	font-size: 15px;
}

#category .products .top3 ul li .name {
	margin-bottom: 10px;
	color: #391a0b;
	font-size: 16px;
	transition: color 0.5s;
}

.max-xs-size #category .products .top3 ul li .name {
	font-size: 14px;
}

#category .products .top3 ul li a:hover .name {
	color: #c70019;
}

#category .products .top3 ul li .price .number {
	float: left;
  font-size: 22px;
}

#category .products .top3 ul li .price .number:before {
  font-size: 17px;
}

#category .products .top3 ul li .price .buy {
	float: right;
	padding: 3px 22px;
  border-radius: 20px;
  background: #8f0000 url('images/products/products-btn-bg.jpg') repeat;
}


/* select-nav */

.select-nav {
	background-color: #f5f5f5;
	border-top: 1px solid #e9e9e9 !important;
	border-bottom: 2px solid #c70019;
}

.select-nav .total {
	padding: 5px 10px;
	border-bottom: 1px solid #e9e9e9;
}

.select-nav .left {
	float: left;
}

.max-xs-size .select-nav .right,
.max-xs-size .select-nav .left {
	float: none;
}

.select-nav .total .left {
	padding: 6px 0;
}

.select-nav .right {
	float: right;
	margin-top: 0;
}

.max-xs-size .select-nav .pages {
	display: none;
}

#category .products .select-nav .right ul,
#category .products .select-nav .right .goPage,
.goShop .select-nav .right ul,
.goShop .select-nav .right .goPage {
	padding-top: 0;
}

.max-sm-size .goShop .select-nav .right .goPage,
.max-sm-size #category .products .select-nav .right .goPage {
	padding-top: 5px;
}

.max-xs-size .goShop .select-nav .right {
	display: none;
}

.max-xs-size #category .products .select-nav .right .goPage {
	padding-left: 0;
}

.select-nav span {
	color: #c70019;
	font-weight: bold;
}

.select-nav .total .type {
	padding-right: 10px;
	position: relative;
}

.select-nav .total .type:after {
	content: '';
	width: 1px;
	height: 14px;
	margin-top: -7px;
	position: absolute;
	right: 3px;
	top: 50%;
	background-color: #391a0b;
}

.select-nav .total .type,
.select-nav .total .number {
	display: inline-block;
}

.select-nav .total .number span {
	padding: 0 5px;
}

.select-nav .sort {
	padding: 0 10px;
}

.select-nav .sort .left {
	font-weight: bold;
}

.select-nav .sort .left ul,
.select-nav .sort .left ul li {
	display: inline-block;
}

.select-nav .sort .left ul {
	margin-left: 10px;
}

.max-xs-size .select-nav .sort .left ul {
  margin-left: 0;
}

.select-nav .sort .left ul li {
	margin-right: -4px;
	padding: 8px 20px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	cursor: pointer;
	font-weight: normal;
	position: relative;
	transition: background 0.5s;
}

.max-xs-size .select-nav .sort .left ul li {
	padding: 8px 11px;
}

.select-nav .sort .left ul li:hover {
	background-color: #e4e4e4;
}

.select-nav .sort .left ul li:after {
	content: '';
	width: 1px;
	height: 14px;
	margin-top: -7px;
	position: absolute;
	right: 0;
	top: 50%;
	background-color: #cdcdcd;
}

.max-xs-size .select-nav .sort .left ul li:last-of-type:after {
	content: normal;
}

.select-nav .sort .left ul li i {
	display: inline-block;
  vertical-align: middle;
	width: 10px;
	height: 10px;
	margin-left: 5px;
	background: url('images/products/select-nav-down.png') center no-repeat;
}

.select-nav .sort .left ul li.actived {
	background-color: #c70019;
	color: #fff;
	font-weight: bold;
}

.select-nav .sort .left ul li.actived:hover {
	background-color: #b0051a;
}

.select-nav .sort .left ul li:hover:after,
.select-nav .sort .left ul li.actived:after {
	content: normal;
}

.select-nav .sort .left ul li.actived i {
	background-image: url('images/products/select-nav-down2.png');
}

.select-nav .sort .left ul li.actived.up i {
	background-image: url('images/products/select-nav-up2.png');
}

.select-nav .sort .right {
	padding: 5px 0;
}

.select-nav .search {
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.select-nav .search input {
	width: 160px;
	height: 25px;
	padding-left: 10px;
	padding-right: 25px;
	border: 1px solid #c70019;
	transition: box-shadow 0.5s;
}

.max-md-size .select-nav .search input {
	width: 140px;
}

.max-xs-size .select-nav .search input {
	width: 120px;
}

.select-nav .search input:focus {
	box-shadow: 0 0 5px rgba(141, 108, 102, 0.8);

}

.select-nav .search button {
	width: 25px;
	height: 25px;
	position: absolute;
	right: 0;
	top: 0;
	background-color: #c70019;
	color: #fff;
	text-align: center;
}

.select-nav .search button:hover {
	background-color: #b0051a;
}

.select-nav .right select {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	height: 25px;
	padding: 0 5px;
	border: 1px solid #d3d3d3;
	background-color: #fff;
	color: #414141;
	font-size: 13px;
}

.max-xs-size .select-nav .right select {
	display: none;
}

.select-nav .style {
	display: inline-block;
	vertical-align: middle;
	padding-left: 20px;
	position: relative;
}

.max-xs-size .select-nav .style {
	padding-left: 0;
}

.max-ss-size .select-nav .style {
	margin: 5px 0;
}

.select-nav .style:before {
	content: '';
	width: 1px;
	height: 14px;
	margin-top: -7px;
	position: absolute;
	left: 8px;
	top: 50%;
	background-color: #cdcdcd;
}

.max-xs-size .select-nav .style:before {
	content: normal;
}

.select-nav .style a {
	display: inline-block;
	margin-right: -1px;
	background-color: #f5f5f5;
	border: 1px solid #d3d3d3;
}

.select-nav .style a i {
	display: block;
	width: 30px;
	height: 25px;
	background: center no-repeat;
}

.select-nav .style a.grid i {
	background-image: url('images/products/icon-grid.png');
}

.select-nav .style a.list i {
	background-image: url('images/products/icon-list.png');
}

.select-nav .style a.actived {
	background-color: #fff;
}

.select-nav .style a.actived i {
	opacity: 0.2;
}


/* yogoNav */

.yogoNav {
	display: none;
	text-align: center;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	overflow: hidden;
}

.max-xs-size .yogoNav {
	display: block;
}

.yogoNav .toggle {
	padding: 10px;
	position: relative;
	background-color: #52020c;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
}

#joint .yogoNav .toggle {
	background-color: #843708;
}

#advance .yogoNav .toggle {
	background-color: #444f2f;
}

#extra .yogoNav .toggle {
	background-color: #5a3315;
}

#interval .yogoNav .toggle {
	background-color: #750e3b;
}

#fare .yogoNav .toggle {
	background-color: #462a1c;
}

#clearance .yogoNav .toggle {
	background-color: #6f1b47;
}

.yogoNav .toggle:after {
	content: '';
	width: 0;
	height: 0;
	margin-top: -4px;
	position: absolute;
	right: 15px;
	top: 50%;
	border-style: solid;
	border-width: 8px 5px 0 5px;
	border-color: #ffffff transparent transparent transparent;
}

.yogoNav .toggleInner {
	border: 1px solid #ddd;
	background-color: #fff;
}

.yogoNav .toggleInner a {
	display: block;
	padding: 5px 15px;
	position: relative;
	border-bottom: 1px solid #ddd;
	font-size: 15px;
}

.yogoNav .toggleInner li.actived a:before {
  content: url('images/member/icon-tri.png');
  display: inline-block;
  vertical-align: middle;
  padding-right: 5px;
}

.yogoNav .toggleInner li.actived a {
	color: #391a0b;
	font-weight: bold;
}

.yogoNav .toggleInner li:last-of-type a {
	border: none;
}

#category .products .list ul.pro > li {
	float: left;
  width: 23.85%;
	padding: 20px;
	margin-right: 1.5%;
	margin-top: 2%;
	position: relative;
	background-color: #fff;
	border: 1px solid #d2d2d2;
	text-align: center;
	transition: border 0.5s;
}

#category .products .list ul.pro > li:nth-of-type(4n) {
	margin-right: 0;
}

.max-lg-size #category .products .list ul.pro > li {
  width: 32.3%;
	margin-right: 1.5%;
}

.max-lg-size #category .products .list ul.pro > li:nth-of-type(3n) {
	margin-right: 0;
}

.max-sm-size #category .products .list ul.pro > li {
  width: 49%;
	margin-right: 1.5%;
}

.max-sm-size #category .products .list ul.pro > li:nth-of-type(3n) {
	margin-right: 1.5%;
}

.max-sm-size #category .products .list ul.pro > li:nth-of-type(2n) {
	margin-right: 0;
}

.max-xs-size #category .products .list ul.pro > li {
	padding: 10px;
}

.max-ss-size #category .products .list ul.pro > li {
  width: 100%;
  margin-right: 0;
	margin-top: 15px;
}

#category .products .list ul.pro2 > li:hover,
#category .products .list ul.pro > li:hover {
	border-color: #8d0900;
}

#category .green-pro .list ul.pro2 > li:hover,
#category .green-pro .list ul.pro > li:hover {
	border-color: #008121;
}

.track {
	color: #a6938d;
	font-size: 30px;
	cursor: pointer;
	opacity: 0;
	transition: color 0.5s, opacity 0.5s;
}

.max-md-size .track {
	opacity: 1;
}

.track:hover,
.track.actived {
	color: #8b0000;
}

#category .products .list ul.pro li .track {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 1;
}

#category .products .list ul.pro2 li:hover .track,
#category .products .list ul.pro li:hover .track {
	opacity: 1;
}

#category .products .list ul.pro li .slogan {
	margin: 10px 0;
	color: #a53c1f;
	font-size: 15px;
}

#category .products .list ul.pro li button,
#category .products .list ul.pro2 li button {
	display: inline-block;
	width: 48%;
	margin-top: 10px;
	padding: 3px;
	border-radius: 20px;
	border: 1px solid #c70019;
	color: #c70019;
	font-size: 13px;
	transition: color 0.5s, background 0.5s;
}

#category .products .list ul.pro2 .btns {
	margin-top: 30px;
}

.max-md-size #category .products .list ul.pro2 .btns {
	margin-top: 10px;
}

#category .products .list ul.pro2 li button {
	display: block;
	width: 100%;
	max-width: 120px;
}

.max-xs-size #category .products .list ul.pro2 li button,
.max-xs-size #category .products .list ul.pro li button {
	font-size: 12px;
}

#category .products .list ul.pro2 li button:hover,
#category .products .list ul.pro li button:hover {
	color: #fff;
	background-color: #c70019;
}

#category .products .list ul.pro2 li button.buyNow,
#category .products .list ul.pro li button.buyNow {
	color: #fff;
	border-color: #8f0000;
  background: #8f0000 url('images/products/products-btn-bg.jpg') repeat;
}

#category .products .list ul.pro2 li button.buyNow:hover,
#category .products .list ul.pro li button.buyNow:hover {
	background: #391a0b;
	border-color: #391a0b;
}

#category .products .list ul.pro2 > li {
	margin-top: 20px;
	padding: 20px 180px 20px 20px;
	position: relative;
	background-color: #fff;
	border: 1px solid #d2d2d2;
	transition: border 0.5s;
}

.max-sm-size #category .products .list ul.pro2 > li {
	padding: 10px 100px 10px 10px;
}

#category .products .list ul.pro2 li .track {
	position: absolute;
	left: 20px;
	top: 20px;
	z-index: 1;
}

.max-sm-size #category .products .list ul.pro2 li .track {
	left: 0;
	top: 10px;
}

#category .products .list ul.pro2 li .left a {
	display: block;
	min-height: 160px;
	padding-left: 180px;
	position: relative;
}

.max-sm-size #category .products .list ul.pro2 li .left a {
	min-height: 110px;
	padding-left: 70px;
}

#category .products .list ul.pro2 li .left .pic {
	width: 160px;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
}

.max-sm-size #category .products .list ul.pro2 li .left .pic {
	width: 60px;
	top: 40px;
}

#category .products .list ul.pro2 li .slogan {
	color: #a53c1f;
	font-size: 15px;
}

.max-xs-size #category .products .list ul.pro2 li .slogan {
	font-size: 12px;
}

#category .products .list ul.pro2 li .name {
	display: block;
	height: auto;
	font-size: 16px;
	font-weight: bold;
}

.max-xs-size #category .products .list ul.pro2 li .name {
  display: -webkit-box;
  height: 3em;
	font-size: 14px;
}

#category .products .list ul.pro2 li .summary {
	color: #717171;
	line-height: 1.7em;
}

.max-md-size #category .products .list ul.pro2 li .summary {
	max-height: 6.8em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	-ms-line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
}

.max-xs-size #category .products .list ul.pro2 li .summary {
	font-size: 12px;
}

#category .products .list ul.pro2 li .right {
	width: 140px;
	position: absolute;
	right: 20px;
	top: 45px;
}

.max-sm-size #category .products .list ul.pro2 li .right {
  width: 80px;
  top: 10px;
  right: 10px;
}

#category .products .list ul.pro2 li .number {
  font-size: 22px;
}

.max-xs-size #category .products .list ul.pro2 li .number {
  font-size: 18px;
}

#category .products .list ul.pro2 li .number:before {
  font-size: 17px;
}

.max-xs-size #category .products .list ul.pro2 li .number:before {
  font-size: 14px;
}


/* others */

.pro-others {
	margin-top: 50px;
  padding: 10px 30px 30px 30px;
  position: relative;
  border-top: 2px solid #c70019;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  text-align: center;
}

.pro-others .title {
	width: 138px;
	height: 42px;
	background: url('images/products/products-others-title.png') center no-repeat;
}

.pro-others .arrow {
	width: 70px;
	height: 25px;
	position: absolute;
	right: 30px;
	top: 20px;
}

.pro-others .slick-arrow {
	width: 36px;
	height: 25px;
	margin-right: -1px;
	border: 1px solid #d3d3d3;
}

.pro-others .slick-arrow:hover {
	background-color: #f5f5f5;
}

.pro-others .slick-prev {
	background-image: url('images/arrow-prev-mini.png') !important;
}

.pro-others .slick-next {
	background-image: url('images/arrow-next-mini.png') !important;
}

.others-slider a,
.cart-slider a {
	display: block;
	padding: 20px;
}

.others-slider .slogan,
.cart-slider .slogan {
	margin-top: 10px;
	color: #a53c1f;
	font-size: 15px;
}

.pro-others .pic {
	overflow: hidden;
}

.pro-others .pic img {
	transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1);
}

.pro-others a:hover .pic img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}


/* ul.pages */

.pages {
	display: table;
	margin-left: auto;
	margin-top: 20px;
}

.max-xs-size .pages {
	display: block;
	text-align: center;
}

.pages ul,
.pages .goPage {
	display: inline-block;
	padding-top: 10px;
}

.pages .goPage {
	padding-left: 20px;
}

.max-xs-size .pages .goPage {
	display: none;
}

.pages .goPage span {
	padding: 0 5px;
  color: #c70019;
	font-weight: bold;
}

.pages .goPage input {
	width: 35px;
	height: 32px;
	border: 1px solid #d2d2d2;
	background-color: transparent;
	text-align: center;
	transition: background 0.5s;
}

.pages .goPage button {
	height: 32px;
	margin-left: 10px;
	padding: 0 10px;
	border: 1px solid #d2d2d2;
	background-color: #fff;
	transition: border 0.5s;
}

.pages .goPage button:hover {
	border-color: #a6938d;
}


.pages ul li {
	display: inline-block;
	line-height: 30px;
	text-align: center;
}

.max-xs-size .pages ul li {
	display: none;
	margin-right: 0;
}

.pages ul li.total {
	display: none;
}

.pages ul li.total:before {
	content: '/';
	padding: 0 5px;
}

.max-xs-size .pages ul li.actived,
.max-xs-size .pages ul li.prev,
.max-xs-size .pages ul li.next,
.max-xs-size .pages ul li.total {
	display: inline-block;
}

.max-xs-size .pages ul li.prev {
	margin-right: 10px;
	font-size: 12px;
}

.max-xs-size .pages ul li.next {
	margin-left: 10px;
	font-size: 12px;
}

.pages ul li a {
	display: block;
	width: 35px;
	height: 31px;
	border: 1px solid #d2d2d2;
	background-color: #f5f5f5;
	color: #391a0b;
	transition: background 0.5s;
}

.max-xs-size .pages ul li a {
	width: auto;
}

.max-xs-size .pages ul li.actived a {
	border: none;
}

.pages ul li a i {
	display: inline-block;
  vertical-align: middle;
	font-size: 18px;
}

.max-xs-size .pages ul li a i {
	font-size: 15px;
}

.pages ul li.prev a,
.pages ul li.next a {
	width: 80px;
}

.max-xs-size .pages ul li.prev a,
.max-xs-size .pages ul li.next a {
  width: 65px;
}

.pages ul li.prev a {
	padding-right: 10px;
}

.max-xs-size .pages ul li.prev a {
	padding-right: 5px;
}

.pages ul li.next a {
	padding-left: 10px;
}

.max-xs-size .pages ul li.next a {
	padding-left: 5px;
}

.pages .goPage input:focus,
.pages ul li a:hover {
	background-color: #e4e4e4;
}

.pages ul li.actived a {
	color: #c70019;
	font-weight: bold;
	border-color: transparent;
	background-color: transparent;
}

.pages ul li.unClick a {
	color: #d2d2d2;
	background-color: transparent;
	cursor: default;
}


/* ==========================================================================
    product
 ==========================================================================*/

#product .right-main .inner {
	margin-top: 20px;
	border: 1px solid #d2d2d2;
	background-color: #fff;
}

.max-sm-size #product .right-main .inner {
	margin-top: 10px;
}

.max-sm-size #product .ad-banner {
	display: none;
}

#product .info {
	padding: 20px;
	position: relative;
}

.max-xs-size #product .info {
	padding: 15px;
}

#product .info .left {
	float: left;
	width: 40%;
}

.max-sm-size #product .info .left {
	float: none;
	width: 100%;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
}

.marks ul li {
	display: none;
	position: absolute;
	left: 20px;
	z-index: 1;
	background: left top no-repeat;
	font-size: 0;
}

.result .marks ul li,
.max-xs-size .marks ul li {
	background-size: 80%;
}

.marks ul li.actived {
	display: block;
}

.marks .joint {
	width: 85px;
	height: 93px;
	background-image: url('images/product/mark-joint.png');
	top: -5px;
}

.marks .advance {
	width: 98px;
	height: 96px;
	background-image: url('images/product/mark-advance.png');
}

.marks .extra {
	width: 127px;
	height: 50px;
	background-image: url('images/product/mark-extra.png');
  left: -6px;
  top: -6px;
}

.marks .interval {
	width: 101px;
	height: 98px;
	background-image: url('images/product/mark-interval.png');
	top: -6px;
	left: -6px;
}

.marks .bonus {
	width: 92px;
	height: 91px;
	background-image: url('images/product/mark-bonus.png');
}

.marks .single {
	width: 70px;
	height: 70px;
	background-image: url('images/product/mark-single.png');
}

.marks .choose {
	width: 70px;
	height: 70px;
	background-image: url('images/product/mark-choose.png');
}

.marks .full {
	width: 70px;
	height: 70px;
	background-image: url('images/product/mark-full.png');
}

.marks .red {
	width: 70px;
	height: 70px;
	background-image: url('images/product/mark-red.png');
}

.marks .green {
	width: 70px;
	height: 70px;
	background-image: url('images/product/mark-green.png');
}

.marks .fare {
	width: 83px;
	height: 59px;
	background-image: url('images/product/mark-fare.png');
	top: -1px;
}

.marks .clearance {
	width: 81px;
	height: 93px;
	background-image: url('images/product/mark-clearance.png');
	top: -5px;
}

#product .info .slider-for {
	margin-bottom: 20px;
}

#product .info .slider-for a {
	display: block;
	position: relative;
}

#product .info .slider-for a:after {
	content: url('images/icon-zoom.png');
	position: absolute;
	right: 10px;
	bottom: 10px;
	opacity: 0.6;
	transition: opacity 0.5s;
}

#product .info .slider-for a:hover:after {
	opacity: 1;
}

#product .info .slider-nav li {
	margin: 0 2px;
	border: 1px solid #d4d4d4;
	cursor: pointer;
	transition: border 0.5s;
}

#product .info .slider-nav .slick-current,
#product .info .slider-nav li:hover {
	border-color: #8f0000;
}

#product .info .slider-nav .pic {
	height: 85px;
}

#product .info .slider-nav .slick-prev {
	background-image: url('images/arrow-prev2.png');
}

#product .info .slider-nav .slick-next {
	background-image: url('images/arrow-next2.png');
}

#product .info .left .text .top {
	margin: 15px 0;
}

#product .info .left .text .pro-id {
	float: right;
	padding: 5px 0;
	color: #717171;
}

.max-md-size #product .info .left .text .pro-id {
	float: none;
	display: inline-block;
}

#product .info .left .text .pro-id span {
	display: none;
}

.max-md-size #product .info .left .text .pro-id span {
	display: inline-block;
}

#product .info .left .text .share-btns {
	float: left;
	padding: 5px 0;
}

.max-md-size #product .info .left .text .share-btns {
	float: none;
}

#product .info .deadline {
	padding: 10px 15px;
	background-color: #f5f5f5;
}

#product .info .deadline .date,
#product .info .deadline .activity {
	display: inline-block;
	margin-bottom: 5px;
	color: #a53c1f;
	font-size: 16px;
}

#product .info .deadline .date {
	margin-right: 5px;
	font-size: 14px;
}

#product .info .deadline .countdown span {
	display: inline-block;
	margin: 0 2px;
	padding: 0 3px;
	background-color: #000;
	border-radius: 3px;
	color: #fff;
	font-weight: bold;
}

#product .info .left .ad-link {
	padding: 10px 15px;
	color: #c70019;
	font-weight: bold;
}

.max-md-size #product .info .left .ad-link {
	padding: 10px 0;
}

#product .info .left .ad-link a {
	color: #c70019;
}

#product .info .left .ad-link a:hover {
	text-decoration: underline;
}

#product .info .right {
	float: right;
	width: 55%;
}

.max-sm-size #product .info .right {
	float: none;
	width: 100%;
}

#product .info .right .slogan

.tags {
	margin: 10px 0;
}

#product .tags {
	margin-bottom: 10px;
}

.tags ul li {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 0 5px;
	border: 1px solid #985c2f;
	color: #985c2f;
	font-size: 13px;
}

.tags ul li:first-of-type {
	border-color: #e0474b;
	color: #e0474b;
}

#product .info .right .name {
	display: block;
	height: auto;
	font-size: 25px;
	font-weight: bold;
}

.max-xs-size #product .info .right .name {
	font-size: 20px;
}

#product .info .right .notice,
#product .info .right .link {
	margin: 10px 0;
	color: #ff3300;
	font-size: 15px;
}

#product .info .right .link {
	display: inline-block;
}

#product .info .right .feature li {
	margin-top: 5px;
	padding-left: 20px;
	position: relative;
	color: #717171;
}

#product .info .right .feature li:before {
	content: url('images/product/feature-dot.png');
	position: absolute;
  left: 7px;
  top: -3px;
}

#product .info .right .price {
	margin: 20px 0;
	padding: 20px;
	background-color: #f5f5f5;
}

.max-xs-size #product .info .right .price {
	padding: 10px 15px;
}

#product .info .right .price div {
	display: inline-block;
}

#product .info .right .price div span {
	padding: 0 5px;
	font-weight: bold;
}

#product .info .right .price .original:after {
	content: '/';
	padding: 0 10px;
}

#product .info .right .price .original span {
	font-size: 18px;
	text-decoration: line-through;
}

.max-ss-size #product .info .right .price .original span {
	font-size: 15px;
}

#product .info .right .price .sale {
	padding-right: 10px;
}

.max-xs-size #product .info .right .price .sale {
	padding-right: 0;
}

#product .info .right .price .sale span {
	font-size: 30px;
}

.max-xs-size #product .info .right .price .sale span {
  font-size: 25px;
}

.max-ss-size #product .info .right .price .sale span {
  font-size: 20px;
}

#product .info .right .price .bonus {
	font-weight: bold;
}

.max-xs-size #product .info .right .price .bonus {
	display: block;
}

#product .info table {
	width: 100%;
}

#product .info table a {
	color: #717171;
}

#product .info table a:hover {
	color: #000;
}

#product .info .pro-info td {
	padding: 5px 0;
	vertical-align: text-bottom;
}

#product .info .pro-info > tbody > tr > td:first-of-type {
	width: 100px;
	line-height: 30px;
}

.max-ss-size #product .info .pro-info > tbody > tr > td:first-of-type {
	width: 75px;
}

#product .info .pro-info ul.payfor li {
	display: inline-block;
	margin-right: 10px;
	line-height: 35px;
}

#product .info .pro-info ul li img {
	padding-right: 5px;
}

#product .info .pro-info .installment,
#product .info .pro-info .more {
	display: inline-block;
}

#product .info .pro-info .installment {
	margin-right: 10px;
}

#product .info .pro-info .installment span {
	padding: 0 5px;
}

#product .info .pro-info .more {
	position: relative;
}

#product .info .pro-info .more .button {
	display: inline-block;
	padding: 0 5px 0 10px;
	border: 1px solid #d2d2d2;
	border-radius: 20px;
	background-color: #f5f5f5;
	cursor: pointer;
	transition: color 0.5s, background 0.5s, border 0.5s;
}

.max-xs-size #product .info .pro-info .more .button {
	margin-top: 5px;
}

#product .info .pro-info .more.actived .button {
	background-color: #c70019;
	border-color: #c70019;
	color: #fff;
}

#product .info .pro-info .block {
	width: 340px;
	margin-left: -170px;
	padding: 15px;
	position: absolute;
	left: 50%;
	top: 30px;
	z-index: 2;
	background-color: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
	border-top: 2px solid #c70019;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #717171;
	visibility: hidden;
	opacity: 0;
	transition: top 0.3s, visibility 0.3s, opacity 0.3s;
}

.max-ss-size #product .info .pro-info .block {
	width: 280px;
	margin-left: -140px;
}

#product .info .pro-info .more.actived .block {
	top: 40px;
	visibility: visible;
	opacity: 1;
}

#product .info .pro-info .block:after {
	content: '';
	width: 0;
	height: 0;
	margin-left: -6px;
	border-style: solid;
	border-width: 0 6px 9px 6px;
	border-color: transparent transparent #c7001b transparent;
	position: absolute;
	left: 50%;
	top: -9px;
}

#product .info .pro-info .block:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #fff url('images/home/embassy-list-bg03.jpg') repeat;
	z-index: -1;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

#product .info .pro-info .title {
	color: #c70019;
	font-size: 16px;
	font-weight: bold;
}

#product .info .pro-info .sub {
	padding: 5px 0;
	border-bottom: 1px solid #d3d3d3;
}

#product .info .pro-info .block td {
	padding: 5px;
}

#product .info .pro-info .block tr:nth-of-type(even) td {
	background-color: #f5f5f5;
}

#product .info .select-cy {
	width: 170px;
	height: 40px;
	padding: 0 10px;
	border: 1px solid #d3d3d3;
}

#product .info .select-qty,
#product .info .prompt {
	display: inline-block;
}

#product .info .select-qty {
	margin-right: 15px;
}

#product .info .prompt {
	color: #a53c1f;
}

#product .info .prompt span {
	padding: 0 5px;
}

.min-md-size #product .info .buttonBlock {
	display: block !important;
	opacity: 1 !important;
}

#product .info .buttonBlock button,
#product .info .buttonBlock a {
	display: inline-block;
  vertical-align: top;
	width: 32%;
	height: 45px;
	margin-right: 1%;
	margin-bottom: 8px;
	border-radius: 5px;
	color: #fff;
	font-size: 15px;
	line-height: 45px;
	text-align: center;
	background-color: #c70019;
	transition: background 0.5s, border 0.5s, color 0.5s;
}

#product .info .buttonBlock .width50 {
	width: 49.5%;
}

#product .info .buttonBlock .addTrack {
	margin-right: 0 !important;
}

.max-bg-size #product .info .buttonBlock button,
.max-bg-size #product .info .buttonBlock a {
	font-size: 14px;
}

.max-sm-size #product .info .buttonBlock {
	width: 100%;
	margin: 0;
	padding: 5px;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 9;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.max-sm-size #product .info .buttonBlock button,
.max-sm-size #product .info .buttonBlock a {
	width: 50%;
	height: 40px;
	margin: 0;
	border-radius: 0;
	line-height: 40px;
}

.max-sm-size #product .info .buttonBlock a.toNotice,
.max-sm-size #product .info .buttonBlock button:first-of-type {
	width: 100%;
}

.max-sm-size #product .info .buttonBlock .width50 {
	width: 50% !important;
}

.max-sm-size #product .info .buttonBlock .margin3 {
	margin-bottom: 3px;
}

.max-sm-size #product .pro-nav .pro-toggle {
	bottom: 110px;
}

#product .info .buttonBlock i {
	display: inline-block;
  vertical-align: middle;
	padding-right: 5px;
	font-size: 25px;
}

.max-bg-size #product .info .buttonBlock i {
	padding-right: 0;
  font-size: 20px;
}

#product .info .buttonBlock span {
	display: inline-block;
  vertical-align: middle;
}

#product .info .buttonBlock .submit:hover {
	background-color: #df001c;
}

#product .info .buttonBlock .addCart,
#product .info .buttonBlock .toNotice {
	background-color: #8f0000;
}

#product .info .buttonBlock .addCart:hover,
#product .info .buttonBlock .toNotice:hover {
	background-color: #ae0202;
}

#product .info .buttonBlock .addTrack {
	background-color: #fff;
	border: 1px solid #8f0000;
	color: #8f0000;
}

#product .info .buttonBlock .addTrack.actived,
#product .info .buttonBlock .addTrack:hover {
	border-color: #c70019;
	color: #c70019;
}

#product .right-main .inner .others {
	margin-top: 30px;
	position: relative;
	text-align: center;
}

#product .right-main .inner .others .title {
	height: 45px;
	position: relative;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	background-color: #f2f2f2;
}

#product .right-main .inner .others .title:before {
	content: url('images/product/others-title.png');
	position: absolute;
	left: 50px;
	bottom: 0;
}

#product .right-main .inner .others .arrow {
	width: 69px;
	height: 45px;
	position: absolute;
	right: 20px;
	top: 0;
}

.max-xs-size #product .right-main .inner .others .arrow {
	right: 0;
}

#product .right-main .inner .others .slick-arrow {
	width: 35px;
	z-index: 1;
}

#product .right-main .inner .others .slick-arrow:hover {
	background-color: #e4e4e4;
}

#product .right-main .inner .others .slick-prev {
	background-image: url('images/arrow-prev-mini.png');
}

#product .right-main .inner .others .slick-prev:after {
	content:'';
	width: 1px;
	height: 14px;
	margin-top: -7px;
	background-color: #d2d2d2;
	position: absolute;
	right: 0;
	top: 50%;
}

#product .right-main .inner .others .slick-next {
	background-image: url('images/arrow-next-mini.png');
}

#product .right-main .bottom .block,
#product .right-main .tabs {
	margin-top: 30px;
	border: 1px solid #d2d2d2;
	border-top: none;
	background-color: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

#product .right-main .tabs {
	position: relative;
}

#product .right-main .tabs .nav-tabs-dropdown {
	border-bottom: none;
	background-color: #c70019;
	color: #fff;
}

#product .right-main .tabs .nav-tabs-dropdown:before {
  border-color: #fff transparent transparent transparent;
}

#product .right-main .tabs .nav {
	width: 100%;
}

.max-sm-size #product .right-main .tabs .nav {
	display: none;
	border-bottom: 1px solid #dddddd;
}

#product .right-main .tabs .nav li {
	display: table-cell;
	width: 16.66%;
	text-align: center;
	border-bottom: 2px solid #c70019;
}

.max-sm-size #product .right-main .tabs .nav li {
	display: block;
	width: 100%;
	border: none;
}

#product .right-main .tabs .nav > li > a {
	margin: 0;
	border-radius: 0;
	border-top: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	background-color: #f5f5f5;
	color: #000;
	transition: color 0.5s, background 0.5s;
}

#product .right-main .tabs .nav > li:hover > a {
	background-color: #e4e4e4;
}

#product .right-main .tabs .nav > li:last-of-type > a {
	border-right: none;
}

#product .right-main .tabs .nav > li.active > a,
#product .right-main .tabs .nav > li.active > a:hover {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-right: none;
	background-color: #c70019;
	color: #fff;
	font-weight: bold;
}

.max-sm-size #product .right-main .tabs .nav > li.active > a,
.max-sm-size #product .right-main .tabs .nav > li.active > a:hover {
	background-color: #f5f5f5;
	color: #c70019;
}

#product .right-main .bottom .block {
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

.max-sm-size #product .right-main .tabs .nav > li > a {
	border-radius: 0;
}

#product .right-main .bottom .title {
	height: 42px;
	background: #824f44 url('images/product/bottom-title-bg.jpg') repeat;
	border-radius: 5px;
	position: relative;
}

#product .right-main .bottom .title:before,
#product .right-main .bottom .title:after {
	position: absolute;
}

#product .right-main .bottom .title:after {
	content: '';
	width: 30px;
	height: 100%;
	right: 30px;
	top: 0;
	background: url('images/product/bottom-title-icon.png') center no-repeat;
}

#product .right-main .bottom .title:before {
	left: 30px;
	bottom: 4px;
}

#product .right-main .bottom .service .title:before {
	content: url('images/product/bottom-title01.png');
}

#product .right-main .bottom .explain .title:before {
	content: url('images/product/bottom-title02.png');
}

#product .right-main .bottom .transport .title:before {
	content: url('images/product/bottom-title03.png');
}

#product .right-main .bottom .return .title:before {
	content: url('images/product/bottom-title04.png');
}

#product .right-main .bottom .back {
	display: block;
  max-width: 180px;
  width: 100%;
  height: 45px;
  margin: auto;
  margin-top: 50px;
  border-radius: 5px;
  color: #fff;
  font-size: 15px;
  line-height: 45px;
  text-align: center;
  background-color: #8f0000;
  transition: background 0.5s;
}

#product .right-main .bottom .back:hover {
  background-color: #ae0202;
}

.select-qty button,
.select-qty input {
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 40px;
  margin-right: -5px;
  border-radius: 0;
  box-shadow: none;
	border: 1px solid #d3d3d3;
	text-align: center;
}

.select-qty button {
	background-color: #f5f5f5;
	font-size: 16px;
	font-weight: bold;
	transition: background 0.5s;
}

.select-qty button:hover {
	background-color: #e4e4e4;
}

.select-qty input {
	width: 92px;
  position: relative;
  z-index: 1;
  transition: border 0.5s;
}

.select-qty input:focus,
.select-qty input:hover {
	border-color: #a5a5a5;
}

#product .right-main .info .tabs .nav {
	display: block !important;
	background-color: #f5f5f5;
	border-bottom: none;
}

#product .right-main .info .tabs .nav li {
	width: 25%;
	border-bottom: none;
}

#product .right-main .info .tabs .nav li.active a {
	border-top: 2px solid #c70019;
	border-bottom-color: #fff;
}

#product .right-main .info .tabs .nav > li > a {
	border: 1px solid #dddddd;
	border-left: none;
}

.max-xs-size #product .right-main .info .tabs .nav > li > a {
	padding: 10px 0;
}

#product .right-main .info .tabs .nav > li:last-of-type > a {
	border-right: none !important;
}

#product .right-main .info .tabs .nav > li.active > a,
#product .right-main .info .tabs .nav > li.active > a:hover {
	background-color: #fff;
	border-radius: 0;
	border-right: 1px solid #ddd;
	color: #c70019;
}

#product .right-main .info .tabs .tab-pane {
	padding: 20px 30px;
}

.max-xs-size #product .right-main .info .tabs .tab-pane {
  padding: 10px 15px;
}

#product .info .tabs .pro-info td {
	min-width: 60px;
	padding: 10px 0;
	border-bottom: 1px dotted #ddd;
	vertical-align: middle;
	line-height: normal !important;
}

#product .info .tabs .pro-info.two > tbody > tr > td:first-of-type,
.max-xs-size #product .info .tabs .pro-info > tbody > tr > td:first-of-type {
	width: auto;
}

#product .info .tabs .pro-info tr:last-of-type td {
	border-bottom: none;
	padding-bottom: 0;
}

#product .info .tabs .pro-info .price {
  margin: 0;
  padding: 0;
  background-color: transparent;
  color: #c70019;
  text-align: center;
}

#product .info .tabs .pro-info .price .number {
	padding-left: 10px;
}

.max-xs-size #product .info .tabs .pro-info .price .number {
	display: block;
	padding-left: 0;
}

#product .info .tabs .pro-info .red {
	font-size: 15px;
}

#product .info .tabs .pro-info .gray {
	color: #717171;
}

#product .info .tabs .pro-info .select-qty input {
  width: 78px;
}



/* ==========================================================================
    [goShop] joint
 ==========================================================================*/

.goShop .banner {
	margin-bottom: 30px;
	border-radius: 5px;
	overflow: hidden;
}

.goShop .banner a img {
	width: 100%;
}

.goShop .banner .title {
	float: left;
	width: 16%;
	padding: 18px 30px;
	text-align: center;
}

.max-lg-size .goShop .banner .title {
	padding: 16px 30px;
}

.max-sm-size .goShop .banner .title {
	float: none;
	width: 100%;
}

.goShop .banner .title .icon {
	margin-bottom: 10px;
}

.max-xs-size .goShop .banner .title .icon {
	display: none;
}

.goShop .banner .slider {
	float: right;
	width: 84%;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	background-color: #fff;
}

.max-sm-size .goShop .banner .slider {
	display: none;
}

.goShop .banner .slider a {
	display: block;
	position: relative;
}

.goShop .banner .slider a:before {
	content: '';
	width: 100%;
	height: 102%;
	position: absolute;
	left: 0;
	top: -1%;
	z-index: 2;
	box-shadow: inset 5px 0 15px rgba(0, 0, 0, 0.4);
}

.goShop .banner .slick-dots {
	bottom: 10px;
}

.goShop .banner .slick-dots li button {
	background-color: #fff;
}

#joint .banner {
	background: #fe6105 url('images/joint/joint-bg.jpg');
}


/* select-nav */

#joint .select-nav,
#joint .select-nav .search input {
	border-color: #fe6105;
}

#joint .select-nav span,
#joint .pages .goPage span,
#joint .pages ul li.actived a {
	color: #fe6105;
}

#joint .select-nav .search button,
#joint .select-nav .sort .left ul li.actived {
  background-color: #fe6105;
}


/* list */

.goShop .list > ul > li {
	margin-top: 30px;
}

#joint .list ul li {
	float: left;
	width: 49.5%;
	min-height: 325px;
	margin-right: 1%;
	padding: 20px 23% 20px 0;
	border: 2px solid #ffccb1;
	background-color: #fff;
	position: relative;
}

#joint .list ul li:nth-of-type(even) {
	margin-right: 0;
}

.max-md-size #joint .list ul li {
	float: none;
	width: 100%;
	margin-right: 0;
	padding-right: 305px;
}

.max-sm-size #joint .list ul li {
	padding: 0;
	padding-top: 20px;
}

.max-ss-size #joint .list ul li {
	padding-top: 0;
}

#joint .list ul li:after {
	content: '';
	width: 85px;
  height: 93px;
  position: absolute;
  left: 20px;
  top: -5px;
  z-index: 1;
  background: url('images/product/mark-joint.png') no-repeat;
  background-size: 80%;
}

#joint .list ul li .text {
	padding: 0 20px;
}

.max-sm-size #joint .list ul li .text {
	padding: 0 15px;
}

.goShop .list ul li .title,
.goShop .list ul li .summary {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	transition: color 0.5s;
}

.goShop .list ul li .title {
	height: 3em;
	margin: 0;
	color: #391a0b;
	font-size: 16px;
	line-height: 1.5em;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	-ms-line-clamp: 2;
}

.goShop .list ul li a:hover .title,
.goShop .list ul li a:hover .summary {
	color: #c70019 !important;
}

#joint .list ul li .title {
	margin-bottom: 22px;
	padding-left: 80px;
}

.max-sm-size #joint .list ul li .title {
	display: block;
	height: auto;
	margin-bottom: 10px;
	padding-left: 0;
}

#joint .list ul li .summary {
	height: 5.1em;
	margin: 0;
	color: #717171;
	line-height: 1.7em;
	-webkit-line-clamp: 3;
	-moz-line-clamp: 3;
	-ms-line-clamp: 3;
}

#joint .list ul li .sold {
	padding-bottom: 10px;
	color: #7b1f22;
	font-size: 15px;
	text-align: right;
}

#joint .list ul li .sold span {
	padding: 0 5px;
}

#joint .list ul li .buynow {
	padding: 10px 20px;
	padding-left: 0;
	background-color: #f2f2f2;
}

.max-sm-size #joint .list ul li .buynow {
	padding-right: 15px;
}

#joint .list ul li .pic {
	width: 44%;
	height: 88%;
	position: absolute;
	right: 20px;
	top: 20px;
	overflow: hidden;
}

.max-md-size #joint .list ul li .pic {
	max-width: 285px;
	width: 100%;
	height: 285px;
}

.max-sm-size #joint .list ul li .pic {
	position: relative;
	margin: auto;
	margin-bottom: 15px;
	right: 0;
	top: 0;
}

#joint .list ul li .jqimgFill {
	width: 100%;
	height: 100%;
}

.goShop .list ul li .jqimgFill {
	transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
}

.goShop .list ul li:hover .jqimgFill {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

#joint .list ul li .buynow .left {
	float: left;
	width: 64%;
}

#joint .list ul li .buynow .right {
	float: right;
	width: 34%;
}

#joint .list ul li .buynow .price {
	padding-left: 20px;
	padding-bottom: 5px;
	color: #717171;
}

#joint .list ul li .buynow .price span {
	padding-left: 5px;
	text-decoration: line-through;
}


#joint .list ul li .buynow .sale {
	padding: 5px 20px;
	padding-right: 10px;
	position: relative;
	background-color: #5d2808;
	color: #fff;
}

#joint .list ul li .buynow .sale:before {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	right: -1px;
	top: -1px;
	border-style: solid;
	border-width: 0 8px 25px 0;
	border-color: transparent #f2f2f2 transparent transparent;
}

#joint .list ul li .buynow .sale:after {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	right: -1px;
	bottom: -1px;
	border-style: solid;
	border-width: 0 0 25px 8px;
	border-color: transparent transparent #f2f2f2 transparent;
}

#joint .list ul li .buynow .joint {
	padding-left: 20px;
	color: #000;
	line-height: normal;
}

.max-sm-size #joint .list ul li .buynow .price,
.max-sm-size #joint .list ul li .buynow .sale,
.max-sm-size #joint .list ul li .buynow .joint {
	padding-left: 15px;
}

#joint .list ul li .buynow .joint span {
	padding-left: 5px;
	font-size: 30px;
	font-weight: bold;
}

#joint .list ul li .buynow .joint span:before {
	content: '$';
	font-size: 22px;
}

#joint .list ul li .buynow select {
	width: 100%;
	height: 30px;
	margin-bottom: 10px;
	padding-left: 10px;
	border: 1px solid #d4d4d4;
	color: #717171;
}

#joint .list ul li button {
	width: 100%;
	padding: 10px 5px;
	border-radius: 5px;
	background: #fe6105 url('images/joint/joint-bg.jpg');
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

.goShop .list ul li button i,
.goShop .list ul li button span {
	display: inline-block;
	vertical-align: middle;
}

#joint .list ul li button i {
	width: 30px;
	height: 30px;
	margin-left: 5px;
	border-radius: 50%;
	background-color: #fff;
	color: #fe6105;
  font-size: 20px;
  line-height: 34px;
  transition: transform 0.5s;
}

#joint .list ul li button:hover i {
	transform: rotate(360deg);
}


/* ==========================================================================
    goShop [advance]
 ==========================================================================*/

#advance .banner {
  background: #36791a url('images/advance/advance-bg.jpg');
}

/* select-nav */

#advance .select-nav,
#advance .select-nav .search input {
	border-color: #36791a;
}

#advance .select-nav span,
#advance .pages .goPage span,
#advance .pages ul li.actived a {
	color: #36791a;
}

#advance .select-nav .search button,
#advance .select-nav .sort .left ul li.actived {
  background-color: #36791a;
}


/* list */

#advance .list > ul {
	font-size: 0;
}

#advance .list > ul > li {
	display: inline-block;
	vertical-align: top;
	width: 32.3%;
	margin-right: 1.5%;
	position: relative;
	border: 1px solid #d4d4d4;
	background-color: #fff;
	font-size: 14px;
}

#advance .list > ul > li:before {
  content: '';
  width: 98px;
  height: 96px;
  position: absolute;
  left: 10px;
  top: 5px;
  z-index: 1;
  background: url('images/product/mark-advance.png') no-repeat;
}

.max-bg-size #advance .list > ul > li:before {
	background-size: 80%;
}

#advance .list > ul > li:nth-of-type(3n) {
	margin-right: 0;
}

.max-md-size #advance .list > ul > li {
	width: 49%;
	margin-right: 1.5%;
}

.max-md-size #advance .list > ul > li:nth-of-type(2n) {
	margin-right: 0;
}

.max-sm-size #advance .list > ul > li {
	display: block;
	width: 100%;
	margin-top: 20px;
	margin-right: 0;
}

#advance .list ul li .deadline {
	padding: 15px 10px;
	padding-left: 100px;
	background: #454f30 url('images/advance/advance-list-bg.jpg');
	color: #ffc600;
	font-size: 18px;
	line-height: normal;
	text-align: right;
	text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5);
}

.max-bg-size #advance .list ul li .deadline {
	padding-left: 80px;
  font-size: 15px;
}

#advance .list ul li .deadline span {
	padding: 0 5px;
	color: #fff;
	font-size: 35px;
	font-weight: bold;
	font-family: "Roboto", Arial, Verdana, "Heiti TC", "Microsoft JhengHei", 微軟正黑體;
}

.max-bg-size #advance .list ul li .deadline span {
	font-size: 25px;
}

.max-ss-size #advance .list ul li .deadline span {
	font-size: 20px;
}

.goShop .list ul li .pic {
	max-width: 400px;
	margin: auto;
	overflow: hidden;
}

#advance .list ul li a {
	display: block;
	padding: 0 20px 10px 20px;
}

.goShop .list ul li img {
	width: 100%;
  transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
}

.goShop .list ul li a:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

#advance .list ul li .pic {
	margin-bottom: 10px;
}

#advance .list ul li .notice {
	color: #000;
}

#advance .list ul li .notice span {
	display: inline-block;
	vertical-align: middle;
}

#advance .list ul li .notice span:first-of-type {
	height: 1.5em;
	max-width: 12em;
	margin-right: 10px;
	overflow: hidden;
}

#advance .list ul li .notice .date {
	color: #a53c1f;
}

.max-bg-size #advance .list ul li .notice .date {
	display: block;
}

#advance .list ul li .title {
	margin: 5px 0;
}

#advance .list ul li .title,
#advance .list ul li .summary {
  height: 1.5em;
  -webkit-line-clamp: 1;
  -moz-line-clamp: 1;
  -ms-line-clamp: 1;
}

#advance .list ul li a:hover .title,
#advance .list ul li a:hover .summary {
  color: #357819 !important;
}

#advance .list ul li .bottom {
	margin: 20px;
	margin-top: 0;
	padding-top: 10px;
	padding-right: 38%;
	position: relative;
	border-top: 1px dotted #c8c8c8;
}

.max-lg-size #advance .list ul li .bottom {
	padding-right: 0;
}

#advance .list ul li .bottom .star {
	margin-bottom: 5px;
}

#advance .list ul li .bottom .star ul {
	display: inline-block;
	padding-left: 10px;
}

#advance .list ul li .bottom .price div {
	display: inline-block;
}

.max-bg-size #advance .list ul li .bottom .price div {
	display: block;
}

#advance .list ul li .bottom .price .original {
	margin-right: 5px;
	text-decoration: line-through;
}

#advance .list ul li .bottom .price .sale span {
	font-size: 28px;
}

#advance .list ul li .bottom .price .sale span:before {
	font-size: 22px;
}

#advance .list ul li button {
	width: 42%;
	height: 40px;
	padding-right: 20px;
	position: absolute;
	right: 0;
	bottom: 0;
	border-radius: 40px;
	background-color: #357819;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	transition: background 0.5s;
}

.max-lg-size #advance .list ul li .bottom button {
	padding-right: 30px;
	font-size: 15px;
}

#advance .list ul li .bottom button i {
	display: block;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	position: absolute;
	right: 5px;
	top: 50%;
	border-radius: 50%;
	background-color: #fff;
	color: #357819;
	font-size: 22px;
	line-height: 34px;
	transition: transform 0.5s, color 0.5s;
}

#advance .list ul li .bottom button:hover {
	background-color: #29670f;
}

#advance .list ul li .bottom button:hover i {
	transform: rotate(360deg);
	color: #29670f;
}


/* ==========================================================================
    goShop [extra]
 ==========================================================================*/

#extra .banner {
  background: #97531e url('images/extra/extra-bg.jpg');
}

/* select-nav */

#extra .select-nav,
#extra .select-nav .search input {
	border-color: #bb5a0e;
}

#extra .select-nav span,
#extra .pages .goPage span,
#extra .pages ul li.actived a {
	color: #bb5a0e;
}

#extra .select-nav .search button,
#extra .select-nav .sort .left ul li.actived {
  background-color: #bb5a0e;
}


/* list */

#extra .list > ul > li {
	position: relative;
	border: 1px solid #d5d5d5;
	background-color: #fff;
}

#extra .list > ul > li:before {
	content: '';
	width: 120px;
  height: 50px;
  position: absolute;
  left: -6px;
  top: -7px;
  z-index: 1;
  background: url('images/product/mark-extra.png') no-repeat;
}

#extra .list > ul > li a:after,
#extra .list > ul > li:after {
	content: '';
	display: block;
	clear: both;
}

#extra .list ul li .left {
	float: left;
	width: -moz-calc(100% - 220px);
	width: -webkit-calc(100% - 220px);
	width: calc(100% - 220px);
	padding: 20px;
	position: relative;
	border-right: 1px dotted #c8c8c8;
	background: url('images/extra/extra-list-shadow.png') right repeat-y;
}

.max-sm-size #extra .list ul li .left {
	float: none;
	width: 100%;
	border: none;
	background: none;
}

#extra .list ul li .left .pic {
	float: left;
	width: 210px;
	overflow: hidden;
}

.max-sm-size #extra .list ul li .left .pic {
	float: none;
	margin: auto;
}

#extra .list ul li .left .text {
	float: left;
	width: -moz-calc(100% - 210px);
	width: -webkit-calc(100% - 210px);
	width: calc(100% - 210px);
	padding: 0 20px;
}

.max-sm-size #extra .list ul li .left .text {
	float: none;
	width: 100%;
	margin-top: 15px;
	padding: 0;
}

#extra .list ul li .left .title {
	height: 1.5em;
  -webkit-line-clamp: 1;
  -moz-line-clamp: 1;
  -ms-line-clamp: 1;
}

.max-md-size #extra .list ul li .left .title {
	height: auto;
	max-height: 3em;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
}

#extra .list ul li .left .info {
	margin-top: 15px;
	padding: 15px 20px;
	border-radius: 5px;
	background-color: #f2f2f2;
}

.rules {
	margin: 15px 0;
}

#extra .rules {
	margin-top: 0;
}

.rules span {
	display: inline-block;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background-color: #c70019;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 26px;
}

#extra .list ul li .left .limit {
	margin-top: 10px;
	color: #c70019;
	font-weight: bold;
}

#extra .list ul li .left .limit span {
	padding-right: 5px;
}

#extra .list ul li .left .summary {
	color: #717171;
	line-height: 1.7em;
}

#extra .list ul li .left .more {
	display: none;
}

.max-md-size #extra .list ul li .left .more {
	display: block;
}

.max-sm-size #extra .list ul li .left .more {
	display: none;
}

#extra .list ul li .left .summary .dot {
  -webkit-padding-start: 30px;
}

.max-md-size #extra .list ul li .left .summary {
	display: none;
}

.max-sm-size #extra .list ul li .left .summary {
	display: block;
}

#extra .list ul li .right {
	float: right;
	width: 220px;
	padding: 10px;
	padding-top: 40px;
	text-align: right;
}

.max-sm-size #extra .list ul li .right {
	float: none;
	width: 100%;
	padding: 20px;
	padding-top: 0;
	position: relative;
	text-align: left;
}

#extra .list ul li .right .notice {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}

#extra .list ul li .right .price {
	margin-bottom: 30px;
	line-height: normal;
}

.max-sm-size #extra .list ul li .right .price {
	margin-bottom: 0;
}

.goShop .price .original {
	color: #717171;
}

.goShop .price .original span {
	padding-left: 5px;
	text-decoration: line-through;
}

.goShop .price .sale span {
	padding-left: 5px;
	color: #c70019;
	font-size: 35px;
	font-weight: bold;
}

.goShop .price .sale span:before {
	content: '$';
	font-size: 18px;
}

#extra .list ul li .right button {
	max-width: 160px;
  width: 100%;
  height: 40px;
  padding-right: 20px;
  position: relative;
  border-radius: 40px;
  background-color: #bb5a0e;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  transition: background 0.5s;
}

.max-sm-size #extra .list ul li .right button {
  max-width: 140px;
	position: absolute;
	right: 20px;
	bottom: 20px;
}

.max-ss-size #extra .list ul li .right button {
	display: block;
	margin-left: auto;
	margin-top: 15px;
	position: relative;
	right: 0;
	bottom: 0;
}

#extra .list ul li .right button:hover {
	background-color: #97531e;
}

#extra .list ul li .right button i {
  display: block;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  position: absolute;
  right: 5px;
  top: 50%;
  border-radius: 50%;
  background-color: #612b00;
  font-size: 22px;
  line-height: 34px;
  transition: transform 0.5s, color 0.5s;
}

#extra .list ul li .right button:hover i {
	transform: rotate(360deg);
}


/* ==========================================================================
    goShop [interval]
 ==========================================================================*/

#interval .banner {
  background: #d8005f url('images/interval/interval-bg.jpg');
}

/* select-nav */

#interval .select-nav,
#interval .select-nav .search input {
	border-color: #d8005f;
}

#interval .select-nav span,
#interval .pages .goPage span,
#interval .pages ul li.actived a {
	color: #d8005f;
}

#interval .select-nav .search button,
#interval .select-nav .sort .left ul li.actived {
  background-color: #d8005f;
}


/* list */

#interval .list ul li {
	float: left;
	width: 23.5%;
	margin-right: 2%;
	border: 1px solid #d8005f;
	border-top-width: 5px;
	background-color: #fff;
}

#interval .list ul li:nth-of-type(1),
#interval .list ul li:nth-of-type(2) {
	width: 49%;
}

#interval .list ul li:nth-of-type(2),
#interval .list ul li:nth-of-type(4n+2) {
	margin-right: 0;
}

.max-md-size #interval .list ul li {
  width: 49%;
  margin-right: 2%;
}

.max-md-size #interval .list ul li:nth-of-type(2n) {
  margin-right: 0;
}

.max-sm-size #interval .list ul li {
  width: 100%;
  margin-right: 0;
}

#interval .list ul li .time {
	width: 80%;
	margin: auto;
	padding: 5px;
	padding-top: 0;
	position: relative;
	background-color: #d8005f;
	text-align: center;
	color: #fff;
	line-height: normal;
	overflow: hidden;
}

.max-bg-size #interval .list ul li .time {
	width: 100%;
}

#interval .list ul li .time:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
  border-width: 45px 0 0 25px;
	border-color: transparent transparent transparent #ffffff;
	position: absolute;
	left: 0;
	top: 0;
}

#interval .list ul li .time:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
  border-width: 0 0 45px 25px;
	border-color: transparent transparent #ffffff transparent;
	position: absolute;
	right: 0;
	top: 0;
}


.max-md-size #interval .list ul li .time:before,
.max-md-size #interval .list ul li .time:after {
	content: normal;
}

#interval .list ul li .time .word {
	display: inline-block;
	vertical-align: middle;
	min-width: 20px;
	height: 20px;
	margin-right: -15px;
	padding-left: 30px;
	background: url('images/interval/interval-icon.png') left center no-repeat;
	font-size: 0;
}

#interval .list ul li:nth-of-type(1) .time .word,
#interval .list ul li:nth-of-type(2) .time .word {
	margin-right: 0;
	font-size: 16px;
	font-weight: bold;
}

.max-md-size #interval .list ul li:nth-of-type(1) .time .word,
.max-md-size #interval .list ul li:nth-of-type(2) .time .word {
	font-size: 0;
}

#interval .list ul li .time .number {
	display: inline-block;
	vertical-align: middle;
}

#interval .list ul li .time .number span {
	padding: 0 5px;
	color: #ffcac9;
	font-size: 20px;
	font-weight: bold;
	font-family: "Roboto", Arial, Verdana, "Heiti TC", "Microsoft JhengHei", 微軟正黑體;
}

#interval .list ul li:nth-of-type(1) .time .number span,
#interval .list ul li:nth-of-type(2) .time .number span {
	font-size: 30px;
}

.max-md-size #interval .list ul li:nth-of-type(1) .time .number span,
.max-md-size #interval .list ul li:nth-of-type(2) .time .number span {
	font-size: 20px;
}

#interval .list ul li .inner {
  min-height: 300px;
	padding: 20px;
	position: relative;
}

.max-sm-size #interval .list ul li .inner {
	padding: 15px;
}

#interval .list ul li .inner:before {
	content: '';
  width: 105px;
  height: 93px;
  position: absolute;
  left: 14px;
  top: 15px;
  z-index: 1;
  background: url('images/product/mark-interval.png') no-repeat;
}

.max-sm-size #interval .list ul li .inner:before {
	top: 10px;
	left: 15px;
	background-size: 80%;
}

#interval .list ul li .pic {
	margin-bottom: 15px;
	border: 1px solid #c2b2b1;
	overflow: hidden;
}

#interval .list ul li .pic img {
	width: 100%;
	transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
}

#interval .list ul li a:hover .pic img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

#interval .list ul li:nth-of-type(1) .pic,
#interval .list ul li:nth-of-type(2) .pic {
	width: 40%;
	position: absolute;
	left: 20px;
	top: 20px;
}

.max-md-size #interval .list ul li .pic {
	width: 100%;
	position: relative;
	left: 0;
	top: 0;
}

#interval .list ul li:nth-of-type(1) .inner,
#interval .list ul li:nth-of-type(2) .inner {
	padding-left: 46%;
}

.max-md-size #interval .list ul li:nth-of-type(1) .inner,
.max-md-size #interval .list ul li:nth-of-type(2) .inner {
	padding-left: 20px;
}

#interval .list ul li .expirat {
	margin-top: 5px;
	margin-bottom: 15px;
	color: #a53c1f;
}

#interval .list ul li .expirat span {
	padding-right: 5px;
}

#interval .list ul li .date,
#interval .list ul li .notice {
	color: #717171;
}

#interval .list ul li .notice span {
	padding: 0 5px;
	color: #000;
	font-size: 22px;
	font-weight: bold;
}

#interval .list ul li .bottom {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px dotted #c8c8c8;
	position: relative;
}

#interval .list ul li .bottom .left {
	margin-top: 40px;
}

.max-bg2-size #interval .list ul li .bottom .left {
	margin-top: 0;
}

.max-md-size #interval .list ul li .bottom .left {
	margin-top: 40px;
}

#interval .list ul li .bottom .right {
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: right;
}

.max-bg2-size #interval .list ul li .bottom .right {
	margin-top: 10px;
	position: relative;
	text-align: left;
}

.max-md-size #interval .list ul li .bottom .right {
	margin-top: 0;
	position: absolute;
	text-align: right;
}

#interval .list ul li .bottom .right .text {
	margin-bottom: 10px;
	color: #c70019;
	font-size: 16px;
}

#interval .list ul li .bottom .right button {
	width: 130px;
	height: 50px;
	padding: 5px;
	padding-left: 40px;
	position: relative;
	border-radius: 50px;
	background: #664746 url('images/interval/interval-bg2.jpg');
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

#interval .list ul li:nth-of-type(1) .bottom .right button,
#interval .list ul li:nth-of-type(2) .bottom .right button {
	width: 160px;
}

.max-md-size #interval .list ul li:nth-of-type(1) .bottom .right button,
.max-md-size #interval .list ul li:nth-of-type(2) .bottom .right button {
	width: 130px;
}

#interval .list ul li .bottom .right button i {
	display: block;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	left: 5px;
	top: 50%;
	border-radius: 50%;
	background-color: #fff;
	color: #664746;
	font-size: 25px;
	line-height: 44px;
	transition: transform 0.5s;
}

#interval .list ul li .bottom .right button:hover i {
	transform: rotate(360deg);
}

#interval .list ul li .price .sale span {
	font-size: 25px;
}


/* ==========================================================================
    goShop [discounts]
 ==========================================================================*/

#discounts .banner,
#discounts .block {
  background: #d31a20 url('images/discounts/discounts-bg.jpg');
}


/* block */

#discounts .block {
	margin-top: 40px;
	padding-bottom: 20px;
	position: relative;
}

.max-xs-size #discounts .block {
	margin-top: 20px;
	padding-bottom: 5px;
}

#discounts .block .pic {
	overflow: hidden;
}

#discounts .block .pic img {
	width: 100%;
	transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
}

#discounts a:hover .pic img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

#discounts .block .caption {
  margin: 0;
	padding: 8px 20px;
	background: url('images/discounts/discounts-caption-bg.png') center bottom no-repeat;
	color: #fff;
	font-size: 42px;
	font-weight: normal;
	text-align: center;
}

.max-md-size #discounts .block .caption {
	font-size: 35px;
}

.max-sm-size #discounts .block .caption {
	padding-right: 130px;
	font-size: 20px;
	text-align: left;
}

#discounts .block .caption .sub {
	display: inline-block;
	font-size: 35px;
}

.max-md-size #discounts .block .caption .sub {
	font-size: 20px;
}

.max-sm-size #discounts .block .caption .sub {
	font-size: 15px;
}

.max-xs-size #discounts .block .caption .sub {
	display: block;
}

#discounts .block .caption .sub:before {
	content: '';
	display: inline-block;
	margin: 0 10px;
	width: 27px;
	height: 25px;
	background: url('images/icon-star.png') center no-repeat;
	background-size: contain;
}

.max-md-size #discounts .block .caption .sub:before {
	width: 20px;
	height: 16px;
}

.max-xs-size #discounts .block .caption .sub:before {
	margin-left: 0;
  margin-right: 5px;
}

#discounts .block .more {
	display: inline-block;
	padding: 5px 10px;
	position: absolute;
	right: 20px;
	top: 25px;
	border-radius: 30px;
	background-color: #000;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	transition: background 0.5s;
}

.max-md-size #discounts .block .more {
	top: 20px;
}

.max-sm-size #discounts .block .more {
	top: 7px;
}

.max-xs-size #discounts .block .more {
	right: 10px;
}

#discounts .block .more:hover {
	background-color: #391a0b;
}

#discounts .block .more i {
	padding-left: 5px;
}

#discounts .block .inner {
	margin: 0 20px;
	background-color: #fff;
}

.max-xs-size #discounts .block .inner {
	margin: 0 5px;
}

#discounts .block .inner .left {
	float: left;
}

#discounts .block .inner > .left {
	width: 350px;
	padding: 20px;
	border-right: 1px solid #e08b8e;
}

.max-lg-size #discounts .block .inner > .left {
	width: 300px;
	padding: 20px 15px;
}

.max-md-size #discounts .block .inner > .left {
	width: 100%;
	padding-left: 31%;
	position: relative;
	border-right: none;
	border-bottom: 1px solid #e08b8e;
}

.max-sm-size #discounts .block .inner > .left {
	padding-left: 15px;
}

.max-md-size #discounts .block .inner > .left .pic {
	width: 100%;
	max-width: 185px;
	position: absolute;
	left: 15px;
	top: 15px;
}

.max-sm-size #discounts .block .inner > .left .pic {
	max-width: 400px;
	margin: auto;
	margin-bottom: 10px;
	position: relative;
	left: 0;
	top: 0;
}

#discounts .block .inner > .left .price {
	margin-bottom: 10px;
	padding: 10px;
	background-color: #dd4346;
}

#discounts .block .inner > .left .price .original {
	margin-bottom: 3px;
	padding-bottom: 3px;
	padding-top: 5px;
	border-bottom: 1px dotted #fff;
	color: #fff;
}

#discounts .block .inner > .left .price .save {
	color: #fff600;
}

#discounts .block .inner > .left .price .save span {
	padding-left: 5px;
}

#discounts .block .inner > .left .price .sale {
	color: #fff600;
	font-size: 16px;
	line-height: normal;
}

.max-lg-size #discounts .block .inner > .left .price .sale {
	margin-top: 15px;
}

#discounts .block .inner > .left .price .sale span {
	color: #fff600;
	font-size: 51px;
}

.max-lg-size #discounts .block .inner > .left .price .sale span {
	font-size: 35px;
}

#discounts .block .inner > .left .price .sale span:before {
	font-size: 35px;
}

.max-lg-size #discounts .block .inner > .left .price .sale span:before {
	font-size: 20px;
}

#discounts .block .inner .right {
	float: right;
}

#discounts .block .inner > .right {
	width: -moz-calc(100% - 350px);
	width: -webkit-calc(100% - 350px);
	width: calc(100% - 350px);
}

.max-lg-size #discounts .block .inner > .right {
	width: -moz-calc(100% - 300px);
	width: -webkit-calc(100% - 300px);
	width: calc(100% - 300px);
}

.max-md-size #discounts .block .inner > .right {
	float: none;
	width: 100%;
}

#discounts .block .title {
	display: -webkit-box;
	height: 3em;
	margin: 5px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	-ms-line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	color: #391a0b;
	font-size: 16px;
	line-height: 1.5em;
	transition: color 0.5s;
}

#discounts .block a:hover .title {
	color: #c70019;
}

.max-bg-size #discounts .block .price .sale span {
	font-size: 25px;
}

/* percent */

#discounts ul.list li {
	float: left;
	padding: 20px;
	border-right: 1px solid #e08b8e;
	border-bottom: 1px solid #e08b8e;
	position: relative;
}

#discounts ul.list li.green:before,
#discounts ul.list li.red:before {
  content: '';
  width: 70px;
  height: 70px;
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 1;
  background: center no-repeat;
  background-size: contain;
}

.max-md-size #discounts ul.list li.green:before,
.max-md-size #discounts ul.list li.red:before {
	width: 60px;
	height: 60px;
	left: 10px;
	top: 10px;
}

.max-xs-size #discounts ul.list li.green:before,
.max-xs-size #discounts ul.list li.red:before {
	width: 50px;
	height: 50px;
}

.max-ss-size #discounts ul.list li.green:before,
.max-ss-size #discounts ul.list li.red:before {
	width: 40px;
	height: 40px;
	left: 5px;
	top: 5px;
}

.max-ss-size #discounts ul.list li {
	padding: 10px !important;
}

#discounts ul.list li.green:before {
  background-image: url('images/product/mark-green.png');
}

#discounts ul.list li.red:before {
  background-image: url('images/product/mark-red.png');
}


#discounts .percent ul.list {
	margin-bottom: -1px;
}

#discounts .pair ul.list li,
#discounts .percent ul.list li {
	width: 50%;
	min-height: 264px;
	padding-left: 27%;
}

.max-lg-size #discounts .pair ul.list li,
.max-lg-size #discounts .percent ul.list li {
	min-height: 242px;
}

.max-md-size #discounts .pair ul.list li,
.max-md-size #discounts .percent ul.list li {
	min-height: 200px;
}

.max-sm-size #discounts .pair ul.list li,
.max-sm-size #discounts .percent ul.list li {
	padding-left: 20px;
}

#discounts .pair ul.list li .pic,
#discounts .percent ul.list li .pic {
	width: 46%;
	position: absolute;
	left: 20px;
	top: 20px;
}

.max-md-size #discounts .pair ul.list li .pic,
.max-md-size #discounts .percent ul.list li .pic {
	width: 100%;
	max-width: 160px;
}

.max-sm-size #discounts .pair ul.list li .pic,
.max-sm-size #discounts .percent ul.list li .pic {
	max-width: 400px;
	margin: auto;
	position: relative;
	left: 0;
	top: 0;
}

#discounts .percent ul.list li .title {
	height: 4.5em;
	-webkit-line-clamp: 3;
	-moz-line-clamp: 3;
	-ms-line-clamp: 3;
}

.max-lg-size #discounts .percent ul.list li .title {
	height: 3em;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	-ms-line-clamp: 2;
}

.max-md-size #discounts .percent ul.list li .title {
	height: 1.5em;
	-webkit-line-clamp: 1;
	-moz-line-clamp: 1;
	-ms-line-clamp: 1;
}

#discounts .block ul.list li .sale {
	margin-top: 5px;
	margin-bottom: 20px;
	color: #c70019;
	line-height: normal;
}

.max-bg-size #discounts .percent ul.list li .sale {
	margin-top: 0;
	margin-bottom: 5px;
}


#category .products .list ul.pro li .add {
	max-width: 150px;
	margin: auto;
	margin-top: 5px;
}

#category .products .list ul.pro li .add select,
#discounts .block .add select {
	float: left;
	width: 60px;
	height: 30px;
	padding-left: 5px;
	border: 1px solid #870003;
	color: #870003;
}

#category .green-pro .list ul.pro li .add select {
	color: #008121;
	border-color: #008121;
}

#category .products .list ul.pro li .add button,
#discounts .block .add button {
	float: left;
	width: -moz-calc(100% - 60px);
	width: -webkit-calc(100% - 60px);
	width: calc(100% - 60px);
	height: 30px;
	background-color: #870003;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	transition: background 0.5s;
}

#category .products .list ul.pro li .add button {
	margin-top: 0;
	border-radius: 0;
  border: none;
  overflow: hidden;
  line-height: 25px;
}

#category .green-pro .list ul.pro li .add button {
	background-color: #008121;
}

.max-bg-size #discounts .percent ul .add select,
.max-bg-size #discounts .percent ul .add button {
	float: none;
	width: 100%;
}

.max-bg-size #discounts .percent ul .add button {
	margin-top: 8px;
}

.max-lg-size #category .products .list ul.pro li .add button,
.max-lg-size #discounts .block ul .add button {
	font-size: 14px;
}

.max-ss-size #discounts .block .add select,
.max-ss-size #discounts .block .add button {
	float: left;
	width: 100%;
}

.max-ss-size #discounts .block .add button {
	margin-top: 8px;
}

#discounts .block .add button i {
	font-size: 18px;
}

#category .products .list ul.pro li .add button:hover,
#discounts .block .add button:hover {
	background-color: #b0051a;
}

#category .green-pro .list ul.pro li .add button:hover {
	background-color: #005e18;
}


/* discount */

#discounts .discount .caption span,
#discounts .choose .caption span {
	padding: 0 5px;
}

#discounts .discount ul.list li {
	width: 25%;
	min-height: 264px;
	padding: 10px;
}

.max-lg-size #discounts .discount ul.list li {
	min-height: 242px;
}

.max-sm-size #discounts .discount ul.list li {
	width: 50%;
}

#discounts .discount ul.list li a,
#discounts .discount ul.list li .add {
	display: block;
	max-width: 145px;
	width: 100%;
	margin: auto;
}

.max-sm-size #discounts .discount ul.list li a,
.max-sm-size #discounts .discount ul.list li .add {
	max-width: none;
}

#discounts .discount ul.list li .title {
  height: 1.5em;
  -webkit-line-clamp: 1;
  -moz-line-clamp: 1;
  -ms-line-clamp: 1;
  font-size: 15px;
}

#discounts .discount ul.list li .sale {
	margin: 5px 0;
}

#discounts .discount ul.list li .sale span {
	font-size: 24px;
}

.max-lg-size #discounts .discount ul .pic {
  max-width: 90%;
  margin: auto;
}

/* choose */

#discounts .choose ul.list li {
	width: 25%;
	min-height: 264px;
	border-bottom: none;
}

.max-md-size #discounts .choose ul.list li {
	padding: 20px 15px;
}

.max-sm-size #discounts .choose ul.list li {
	width: 50%;
	border-bottom: 1px solid #e08b8e;
}

.max-md-size #discounts .choose ul.list .title {
	height: 1.5em;
	-webkit-line-clamp: 1;
	-moz-line-clamp: 1;
	-ms-line-clamp: 1;
}

#discounts .choose ul.list li .price div {
	display: inline-block;
}

.max-md-size #discounts .choose ul.list li .price .sale {
	margin-bottom: 5px;
}

#discounts .choose ul.list li .price .original {
	padding-right: 10px;
}

.max-md-size #discounts .choose ul.list li button i {
	display: none;
}


/* pair */

#discounts .pair ul.list li .title {
	height: 3.6em;
	margin-bottom: 20px;
	font-size: 30px;
	line-height: 1.2em;
	font-weight: normal;
	-webkit-line-clamp: 3;
	-moz-line-clamp: 3;
	-ms-line-clamp: 3;
}

.max-lg-size #discounts .pair ul.list li .title {
	font-size: 25px;
}

.max-md-size #discounts .pair ul.list li .title {
	height: 1.5em;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5em;
	-webkit-line-clamp: 1;
	-moz-line-clamp: 1;
	-ms-line-clamp: 1;
}

.max-xs-size #discounts .block ul.list li .title {
	height: 3em;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	-ms-line-clamp: 2;
	font-size: 15px;
}

#discounts .pair ul.list li .sale {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 16px;
}

.max-md-size #discounts .pair ul.list li .sale {
	margin-bottom: 5px;
	font-size: 14px;
}

#discounts .pair ul.list li .sale span {
	font-size: 43px;
}

.max-lg-size #discounts .pair ul.list li .sale span {
	font-size: 35px;
}

.max-md-size #discounts .pair ul.list li .sale span {
  font-size: 25px;
}

#discounts .pair ul.list li .sale span:before {
	font-size: 33px;
}

.max-lg-size #discounts .pair ul.list li .sale span:before {
	font-size: 20px;
}

.max-md-size #discounts .pair ul.list li .sale span:before {
  font-size: 18px;
}

#discounts .pair .add select,
#discounts .pair .add button {
	float: none;
	width: 100%;
}

#discounts .pair .add button {
	height: 40px;
	margin-top: 8px;
	position: relative;
}

.max-md-size #discounts .pair .add button {
	height: 30px;
}

#discounts .pair .add button:before {
	content: '';
	width: 0;
	height: 0;
	margin-left: -5px;
	position: absolute;
	left: 50%;
	top: -1px;
	border-style: solid;
	border-width: 8px 5px 0 5px;
	border-color: #ffffff transparent transparent transparent;
}


/* ==========================================================================
    [goShop] fare
 ==========================================================================*/

#fare .banner {
  background: #72412a url('images/fare/fare-bg.jpg');
}

/* select-nav */

#fare .select-nav,
#fare .select-nav .search input {
	border-color: #a8765c;
}

#fare .select-nav span,
#fare .pages .goPage span,
#fare .pages ul li.actived a {
	color: #a8765c;
}

#fare .select-nav .search button,
#fare .select-nav .sort .left ul li.actived {
  background-color: #a8765c;
}


/* list */

#fare .list > ul {
	font-size: 0;
}

#fare .list > ul > li {
	display: inline-block;
	vertical-align: top;
	width: 32.3%;
	margin-right: 1.5%;
	position: relative;
	border: 2px solid #a8765c;
	background-color: #fff;
	font-size: 14px;
}

#fare .list > ul > li:nth-of-type(3n) {
	margin-right: 0;
}

.max-md-size #fare .list > ul > li {
	width: 49%;
	margin-right: 1.5%;
}

.max-md-size #fare .list > ul > li:nth-of-type(2n) {
	margin-right: 0;
}

.max-xs-size #fare .list > ul > li {
	width: 100%;
	margin-right: 0;
}

#fare .list > ul > li:before {
  content: '';
  width: 84px;
  height: 60px;
  position: absolute;
  left: 15px;
  top: -2px;
  z-index: 1;
  background: url('images/product/mark-fare.png') no-repeat;
}

.max-bg-size #fare .list > ul > li:before {
	background-size: 80%;
}

#fare .list ul li .pic {
	margin: 15px;
}

#fare .list ul li .text {
	padding: 10px 15px;
	background-color: #eeeeee;
}

#fare .list ul li .text .slogan {
	margin-bottom: 5px;
	color: #a53c1f;
	font-size: 15px;
}

#fare .list ul li .bottom {
	padding: 10px 15px;
	background-color: #a8765c;
	color: #fff;
}

.max-bg2-size #fare .list ul li .bottom {
	text-align: center;
}

#fare .list ul li .bottom .left {
	float: left;
	width: 185px;
}

#fare .list ul li .bottom .right {
	float: left;
	width: 205px;
}

.max-bg2-size #fare .list ul li .bottom .left,
.max-bg2-size #fare .list ul li .bottom .right {
	float: none;
	width: 100%;
}

#fare .list ul li .bottom .date {
	padding-top: 10px;
}

.max-bg2-size #fare .list ul li .bottom .date {
	padding-top: 0;
}

#fare .list ul li .bottom .deadline {
	margin: 10px 0;
	line-height: normal;
}

#fare .list ul li .bottom .deadline span {
	padding: 0 3px;
	font-size: 25px;
	font-weight: bold;
	font-family: "Roboto", Arial, Verdana, "Heiti TC", "Microsoft JhengHei", 微軟正黑體;
	letter-spacing: -1px;
}

.max-bg2-size #fare .list ul li .bottom .deadline span {
	letter-spacing: normal;
}

#fare .list ul li .bottom .deadline span:first-of-type {
	padding-left: 0;
}

#fare .list ul li .bottom .price {
	min-height: 36px;
	padding: 5px;
	position: relative;
	background-color: #e8403e;
}

#fare .list ul li .bottom .price:before {
	content: '';
	width: 0;
	height: 0;
	margin-top: -18px;
	position: absolute;
	left: -10px;
	top: 50%;
	border-style: solid;
	border-width: 18px 10px 18px 0;
	border-color: transparent #e8403e transparent transparent;
}

.max-bg2-size #fare .list ul li .bottom .price:before {
	content: normal;
}

#fare .list ul li .bottom .price div {
	display: inline-block;
	color: #fff;
}

#fare .list ul li .bottom .price .original {
	padding-right: 5px;
}

#fare .list ul li .bottom .price .sale span {
	color: #fcff00;
	font-size: 25px;
}

#fare .list ul li button {
	display: block;
  width: 95%;
	height: 40px;
	margin-left: auto;
	padding-right: 30px;
	background-color: #6a3d27;
	position: relative;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	transition: background 0.5s;
}

.max-bg2-size #fare .list ul li button {
	width: 100%;
}

#fare .list ul li button:hover {
	background-color: #5b3420;
}

#fare .list ul li button i {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	position: absolute;
	right: 20px;
	top: 50%;
	background-color: #fff;
	border-radius: 50%;
	color: #6a3d27;
	font-size: 20px;
	line-height: 34px;
	transition: transform 0.5s;
}

#fare .list ul li button:hover i {
	transform: rotate(360deg);
}


/* ==========================================================================
    [goShop] clearance
 ==========================================================================*/

#clearance .banner {
  background: #b63176 url('images/clearance/clearance-bg.jpg');
}

/* select-nav */

#clearance .select-nav,
#clearance .select-nav .search input {
	border-color: #b63176;
}

#clearance .select-nav span,
#clearance .pages .goPage span,
#clearance .pages ul li.actived a {
	color: #b63176;
}

#clearance .select-nav .search button,
#clearance .select-nav .sort .left ul li.actived {
  background-color: #b63176;
}


/* list */

#clearance .list > ul {
	font-size: 0;
}

#clearance .list > ul > li {
	display: inline-block;
	vertical-align: top;
	width: 23.8%;
	margin-right: 1.5%;
	position: relative;
	border: 1px solid #baa1c2;
	background-color: #fff;
	font-size: 14px;
}

#clearance .list > ul > li:nth-of-type(4n) {
	margin-right: 0;
}

.max-bg-size #clearance .list > ul > li {
	width: 32.3%;
	margin-right: 1.5%;
}

.max-bg-size #clearance .list > ul > li:nth-of-type(3n) {
	margin-right: 0;
}

.max-md-size #clearance .list > ul > li {
	width: 49%;
	margin-right: 1.5%;
}

.max-md-size #clearance .list > ul > li:nth-of-type(3n) {
	margin-right: 1.5%;
}

.max-md-size #clearance .list > ul > li:nth-of-type(2n) {
	margin-right: 0;
}

.max-sm-size #clearance .list > ul > li {
	width: 100%;
	margin-right: 0;
}

#clearance .list > ul > li:before {
	content: '';
	width: 59px;
  height: 57px;
  position: absolute;
  left: 10px;
  top: -5px;
  z-index: 1;
  background: url('images/clearance/mark-clearance.png') no-repeat;
}

#clearance .list ul li a {
	display: block;
	padding: 15px 15px 0 15px;
}

#clearance .list ul li .tags {
	margin-top: 10px;
}

#clearance .list ul li .info {
	padding: 5px 15px 15px 15px;
}

#clearance .list ul li .info .deadline {
	float: left;
	color: #a53c1f;
}

#clearance .list ul li .info .select-qty {
	float: right;
	margin-top: 10px;
}

#clearance .list ul li .info .select-qty input {
	width: 35px;
	height: 30px;
	color: #65002c;
	border-color: #65002c;
}

#clearance .list ul li .info .select-qty button {
	width: 30px;
	height: 30px;
	border-color: #65002c;
	background-color: #65002c;
	color: #fff;
}

#clearance .list ul li .info .select-qty button:hover {
	background-color: #40001c;
}

#clearance .list ul li .bottom {
	padding: 5px 15px;
	padding-right: 140px;
	position: relative;
	background-color: #b63176;
	color: #fff;
}

#clearance .list ul li .bottom .sale {
	margin-top: 5px;
	color: #fff;
}

#clearance .list ul li .bottom .original,
#clearance .list ul li .bottom .sale span {
	color: #fff;
}

#clearance .list ul li .bottom .sale span {
	font-size: 30px;
}

#clearance .list ul li .bottom button {
	width: 140px;
	height: 100%;
	padding-left: 20px;
	position: absolute;
	right: 0;
	top: 0;
	background: #d54e94 url('images/clearance/clearance-list-bg.jpg') repeat;
	font-size: 15px;
	font-weight: bold;
	overflow: hidden;
}

#clearance .list ul li .bottom button:before,
#clearance .list ul li .bottom button:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	position: absolute;
	left: 0;
	z-index: 1;
}

#clearance .list ul li .bottom button:before {
	top: -1px;
	border-width: 50px 20px 0 0;
	border-color: #b63176 transparent transparent transparent;
}

#clearance .list ul li .bottom button:after {
	bottom: -1px;
	border-width: 50px 0 0 20px;
	border-color: transparent transparent transparent #b63176;
}

#clearance .list ul li .bottom button i {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-left: 10px;
	border-radius: 50%;
	background-color: #fff;
	color: #d54e94;
  font-size: 20px;
  line-height: 34px;
  text-align: center;
  transition: transform 0.5s;
}

#clearance .list ul li .bottom button:hover i {
	transform: rotate(360deg);
}


/* button[disabled] */

button[disabled] {
	background: #ccc !important;
}

.goShop .list ul li button[disabled] i {
	color: #ccc !important;
	background: #fff !important;
	transition: none !important;
}

select[disabled] {
  border-color: #ccc !important;
  color: #ccc !important;
}


/* ==========================================================================
    [goShop] use-bonus
 ==========================================================================*/

#use-bonus .banner {
  background: #a20014 url('images/use-bonus/use-bonus-bg.jpg');
}

#use-bonus .info {
	margin-top: 90px;
	padding: 30px;
	position: relative;
	background: #e7dad0 url('images/use-bonus/use-bonus-list-bg.jpg');
}

.max-xs-size #use-bonus .info {
	margin-top: 40px;
	margin-left: -15px;
	margin-right: -15px;
	padding: 15px;
}

#use-bonus .info:before {
	content: '';
	width: 1370px;
	height: 114px;
	margin-left: -685px;
	position: absolute;
	left: 50%;
	top: -60px;
	z-index: 1;
	background: url('images/use-bonus/use-bonus-shop.png') center no-repeat;
	background-size: contain;
}

.max-xs-size #use-bonus .info:before {
	width: 800px;
	margin-left: -400px;
	top: -50px;
}

#use-bonus .info-title {
	width: 235px;
	height: 118px;
	margin: auto;
	background: url('images/use-bonus/use-bonus-shop-title.png') center no-repeat;
}

#use-bonus .editor,
#use-bonus .editor p,
#use-bonus .editor a {
	color: #3f1506;
}

#use-bonus .bonus {
	min-height: 85px;
	padding: 5px 100px 5px 0;
	position: relative;
	border-top: 1px dotted #a49284;
}

.max-xs-size #use-bonus .bonus {
	padding-right: 0;
}

#use-bonus .bonus ul {
	margin-top: 20px;
	line-height: normal;
}

#use-bonus .bonus ul li {
	display: inline-block;
	padding-right: 15px;
	position: relative;
}

.max-sm-size #use-bonus .bonus ul li {
	display: block;
}

#use-bonus .bonus ul li:after {
	content: '';
	width: 1px;
	height: 14px;
	background-color: #3f1506;
	position: absolute;
	right: 5px;
	bottom: 4px;
}

.max-sm-size #use-bonus .bonus ul li:after,
#use-bonus .bonus ul li:last-of-type:after {
	content: normal;
}

#use-bonus .bonus ul li span {
	padding: 0 5px;
	color: #c70019;
	font-size: 25px;
	font-weight: bold;
}

.max-md-size #use-bonus .bonus ul li span {
	font-size: 20px;
}

#use-bonus .bonus ul li.exchange {
	font-size: 20px;
	font-weight: bold;
}

.max-sm-size #use-bonus .bonus ul li.exchange {
	margin: 5px 0;
}

#use-bonus .bonus ul li.exchange span {
	font-size: 36px;
}

.max-md-size #use-bonus .bonus ul li.exchange span {
	font-size: 25px;
}

#use-bonus .bonus button {
	width: 75px;
	height: 75px;
	position: absolute;
	right: 0;
	top: 5px;
	border-radius: 50%;
	background-color: #a30015;
	overflow: hidden;
	transition: background 0.5s 0.1s;
}

.min-md-size #use-bonus .bonus button:hover {
	background-color: #c70019;
}

#use-bonus .bonus button:before {
	content: '';
	width: 100px;
	height: 100px;
	position: absolute;
	left: 5px;
	bottom: 5px;
	border-radius: 50%;
	background-color: #c70019;
	transition: left 0.5s, bottom 0.5s, background 0.5s;
}

.min-md-size #use-bonus .bonus button:hover:before {
	left: -30px;
	bottom: -30px;
	background-color: #a30015;
}

.max-xs-size #use-bonus .bonus button {
	width: 60px;
	height: 60px;
	position: fixed;
	right: 10px;
	top: 75px;
	z-index: 99;
	transition: none;
}

#use-bonus .bonus button span {
	position: relative;
	z-index: 2;
	color: #fff;
	font-size: 15px;
}

#use-bonus .info .inner {
	padding: 15px 20px;
	border-radius: 5px;
	background-color: rgba(63, 21, 6, 0.2);
}

.max-xs-size #use-bonus .info .inner {
	margin-top: 10px;
	padding: 15px;
}


/* list */

#use-bonus .list {
	margin-bottom: 20px;
}

#use-bonus .list ul li {
	float: left;
	width: 23.5%;
	margin-right: 2%;
	position: relative;
	background-color: #fff;
}

#use-bonus .list ul li:nth-of-type(4n) {
	margin-right: 0;
}

.max-lg-size #use-bonus .list ul li {
	width: 32%;
	margin-right: 2%;
}

.max-lg-size #use-bonus .list ul li:nth-of-type(3n) {
	margin-right: 0;
}

.max-md-size #use-bonus .list ul li,
.max-md-size #use-bonus .list ul li:nth-of-type(3n) {
	width: 48%;
	margin-right: 4%;
}

.max-md-size #use-bonus .list ul li:nth-of-type(2n) {
	margin-right: 0;
}

.max-xs-size #use-bonus .list ul li,
.max-xs-size #use-bonus .list ul li:nth-of-type(3n) {
	width: 100%;
	margin-top: 20px;
	margin-right: 0;
}

#use-bonus .list ul li:before {
	content: '';
	width: 72px;
	height: 71px;
	position: absolute;
	left: 5px;
	top: 5px;
	z-index: 1;
	background: url('images/product/mark-bonus.png') center no-repeat;
	background-size: contain;
}

#use-bonus .list ul li a {
	display: block;
	padding: 15px;
}

#use-bonus .list ul li .title {
	margin-top: 15px;
}

#use-bonus .list .price {
  margin: 0 -5px;
	padding: 5px 15px;
	position: relative;
	background-color: #efefef;
}

#use-bonus .list .price:before,
#use-bonus .list .price:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	position: absolute;
	top: -5px;
}

#use-bonus .list .price:before {
	left: 0;
	border-width: 0 0 5px 5px;
	border-color: transparent transparent #391a0b transparent;
}

#use-bonus .list .price:after {
	right: 0;
	border-width: 5px 0 0 5px;
	border-color: transparent transparent transparent #391a0b;
}

#use-bonus .list .price div {
	display: inline-block;
	line-height: normal;
}

#use-bonus .list .price .original:after {
	content: '/';
	padding: 0 5px;
}

#use-bonus .list .price .sale span {
	padding-right: 5px;
	font-size: 25px;
}

#use-bonus .list .price .sale span:before {
	content: normal;
}

#use-bonus .list .choose {
	padding: 15px;
}

#use-bonus .list .select-qty {
	margin-right: 20px;
}

#use-bonus .list .select-qty button,
#use-bonus .list .select-qty input {
	height: 30px;
	border-color: #9b3e00;
}

#use-bonus .list .select-qty button {
	width: 30px;
	background-color: #9b3e00;
	color: #fff;
	font-weight: normal;
}

#use-bonus .list .select-qty button:hover {
	background-color: #6f2c00;
}

#use-bonus .list .select-qty input {
	width: 40px;
	color: #9b3e00;
	transition: background 0.5s;
}

#use-bonus .list .select-qty input:focus,
#use-bonus .list .select-qty input:hover {
	background-color: #f1ece7;
}

#use-bonus .list .select-qty,
#use-bonus .list .checkbox {
	display: inline-block;
}


/* ==========================================================================
    news
 ==========================================================================*/

.news-nav {
	margin-top: 20px;
}

.news-nav .left {
	float: left;
	width: 314px;
	height: 127px;
	padding: 20px;
	padding-left: 100px;
	position: relative;
	background: url('images/news/nav-title-bg.png') center no-repeat;
}

.max-sm-size .news-nav .left {
	float: none;
	margin: auto;
}

.max-ss-size .news-nav .left {
	width: 100%;
  height: auto;
  padding-right: 10px;
  padding-left: 45px;
  background-size: contain;
}

.news-nav .left:before {
	content: '';
	width: 137px;
	height: 90px;
	background: url('images/news/nav-title-icon.png') center no-repeat;
	position: absolute;
	left: -40px;
	top: -15px;
}

.max-ss-size .news-nav .left:before {
	content: normal;
}

.news-nav .left .title {
	width: 190px;
	height: 42px;
	background: url('images/news/nav-title.png') center no-repeat;
	background-size: contain;
}

.news-nav .left p {
	margin-top: 5px;
	margin-bottom: 0;
	padding-left: 10px;
}

.news-nav .right {
	float: left;
	width: -moz-calc(100% - 314px);
	width: -webkit-calc(100% - 314px);
	width: calc(100% - 314px);
	height: 127px;
	background: #826144 url('images/news/news-nav-bg.jpg');
	border-radius: 10px;
}

.max-sm-size .news-nav .right {
	float: none;
	width: 100%;
	margin-top: 10px;
}

.news-nav ul.slider {
	padding: 10px 50px;
	text-align: center;
}

.max-md-size .news-nav ul.slider {
	padding: 10px 30px;
}

.news-nav ul li.slick-slide {
	margin: 0 10px;
	border: 1px dashed #fff;
	border-radius: 10px;
}

.max-xs-size .news-nav ul li.slick-slide {
	margin: 0 5px;
}

.news-nav ul li.slick-slide a {
	display: block;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
}

.news-nav ul li.slick-slide i {
	display: inline-block;
	width: 62px;
	height: 62px;
	margin: 5px 0;
	padding: 2px;
	border-radius: 50%;
	position: relative;
	transition: background 0.5s;
}

.news-nav ul li.slick-slide.actived a i,
.min-md-size .news-nav ul li.slick-slide a:hover i {
	background-color: #502c00;
}

.news-nav ul li.slick-slide i:before {
	content: '';
	width: 0;
	height: 0;
	margin-left: -3px;
	position: absolute;
	left: 50%;
	bottom: -5px;
	border-style: solid;
	border-width: 6px 3px 0 3px;
	border-color: #502c00 transparent transparent transparent;
	opacity: 0;
	transition: opacity 0.5s;
}

.news-nav ul li.slick-slide.actived a i:before,
.min-md-size .news-nav ul li.slick-slide a:hover i:before {
	opacity: 1;
}

.news-nav ul li.slick-slide .title {
	height: 1.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-moz-line-clamp: 1;
	-ms-line-clamp: 1;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
}

.news-nav .slick-prev {
	left: 15px;
}

.max-md-size .news-nav .slick-prev {
	left: 5px;
}

.news-nav .slick-next {
	right: 15px;
}

.max-md-size .news-nav .slick-next {
	right: 5px;
}


/* tool */

.tool {
	margin: 20px 0;
}

.max-xs-size .tool {
	text-align: center;
}

.tool .left {
	float: left;
	padding: 5px 0;
	font-weight: bold;
}

.max-sm-size .tool .left {
	float: none;
}

.tool .left span {
	padding: 0 5px;
	color: #c70019;
}

.tool .right {
	float: right;
}

.max-sm-size .tool .right {
	float: none;
	margin: auto;
}

.tool .group {
	display: inline-block;
	margin-left: 10px;
	position: relative;
}

.max-sm-size .tool .group:first-of-type {
	margin-left: 0;
}

.max-xs-size .tool .group {
	display: block;
	margin-left: 0;
	margin-bottom: 10px;
}

.tool select,
.tool input {
	width: 180px;
	height: 30px;
	border: none;
	border-bottom: 1px solid #a6938d;
	color: #391a0b;
	transition: border 0.5s, background 0.5s;
}

.tool input {
	background-color: transparent;
}

.max-xs-size .tool select,
.max-xs-size .tool input {
	width: 100%;
}

.tool select:focus,
.tool input:focus,
.tool select:hover,
.tool input:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

.tool button {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 16px;
	text-align: center;
	transition: color 0.5s, background 0.5s;
}

.tool button:hover {
	background-color: #a6938d;
	color: #fff;
}


/* info */

#new .info {
	margin-top: 30px;
	position: relative;
}

#new .info a.prev,
#new .info a.next {
	display: none;
	margin-top: -20px;
	position: fixed;
	top: 50%;
	z-index: 1;
	color: #291003;
	line-height: 40px;
}

#new .info a.prev i,
#new .info a.next i {
	display: inline-block;
	vertical-align: middle;
	font-size: 30px;
}

#new .info a.prev:hover,
#new .info a.next:hover {
	color: #c70019;
}

.max-bg-size #new .info a.prev,
.max-bg-size #new .info a.next {
	background-color: rgba(166, 147, 141, 0.8);
	color: #fff;
	border-radius: 5px;
}

.max-bg-size #new .info a.prev:hover,
.max-bg-size #new .info a.next:hover {
	background-color: #a6938d;
}

.max-bg-size #new .info a.prev {
	padding-right: 10px;
}

.max-bg-size #new .info a.next {
	padding-left: 10px;
}

.max-lg-size #new .info a.prev {
	left: -5px !important;
}

.max-lg-size #new .info a.next {
	right: -5px !important;
}

.max-sm-size #new .info a.prev,
.max-sm-size #new .info a.next {
	border-radius: 50%;
	background-color: rgba(166, 147, 141, 0.5);
}

.max-sm-size #new .info a.prev span,
.max-sm-size #new .info a.next span {
	display: none;
}

.max-sm-size #new .info a.prev {
	left: 5px !important;
}

.max-sm-size #new .info a.next {
	right: 5px !important;
}

#new .info a.prev i {
	margin-right: -5px;
}

#new .info a.next i {
	margin-left: -5px;
}

.max-sm-size #new .info a.next i {
  margin-left: -10px;
}

.max-sm-size #new .info a.prev i {
  margin-right: -10px;
}

#new .info .date {
	margin-bottom: 10px;
	color: #c70019;
	font-size: 13px;
}

.max-xs-size #new .info .date {
	margin-bottom: 5px;
}

#new .info .title {
	margin: 0;
	padding-bottom: 10px;
	font-size: 24px;
	font-weight: normal;
}

.max-xs-size #new .info .title {
	font-size: 20px;
}

#new .info .editor {
	margin-bottom: 15px;
	padding: 15px 0;
	border-top: 1px dotted #d8c4b5;
	border-bottom: 1px dotted #d8c4b5;
}

#new .info .btns .share {
	float: left;
}

#new .info .btns .right {
	float: right;
}

.max-sm-size #new .info .btns .share,
.max-sm-size #new .info .btns .right {
	float: none;
}

.max-sm-size #new .info .btns .right {
  display: table;
  margin: auto;
  margin-top: 30px;
}

#new .info .btns .right .button {
	min-width: 130px;
	margin-left: 10px;
	font-size: 14px;
}

.max-sm-size #new .info .btns .right .button:first-of-type {
	margin-left: 0;
}


/* masonry */

#masonry {
	margin: auto;
}

#masonry ul li {
	max-width: 330px;
	width: 100%;
	margin-bottom: 20px;
}

.max-sm-size #masonry ul li {
	max-width: 300px;
}

#masonry ul li a {
	display: block;
	margin: 0 15px;
	border-bottom: 1px dotted #d8c4b5;
}

.max-xs-size #masonry ul li a {
	margin: 0;
}

#masonry ul li .pic {
	overflow: hidden;
}

#masonry ul li .pic img {
	width: 100%;
	transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
}

#masonry ul li a:hover .pic img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

#masonry ul li .text .title {
	margin-bottom: 5px;
	color: #391a0b;
	font-size: 15px;
	transition: color 0.5s;
}

#masonry ul li a:hover .text .title {
	color: #c70019;
}

#masonry ul li .text .summary {
	color: #a6938d;
	line-height: 1.7em;
}

#masonry ul li .text .date {
	margin: 10px 0;
	color: #c70019;
	font-size: 13px;
}


/* ==========================================================================
    activity
 ==========================================================================*/

.activity-form {
	margin: 20px auto;
	padding: 30px 40px 80px 40px;
	background: #e7dad0 url('images/activity/activity-bg.jpg');
	background-size: cover;
	box-shadow: inset 0 0 8px rgba(52, 20, 5, 0.2);
	border-radius: 5px;
}

.max-xs-size .activity-form {
	margin: 0;
  padding: 0;
  background: none;
  box-shadow: none;
}

.activity-form .banner .pic {
	height: 220px;
	background-position: 78% center !important;
}

.activity-form .title {
	padding-bottom: 20px;
	font-size: 30px;
	font-weight: normal;
	text-align: center;
	border-bottom: 1px dotted #a09081;
}

.max-xs-size .activity-form .title {
  margin-top: 10px;
  padding-bottom: 10px;
  font-size: 25px;
}

.activity-form form .left {
	float: left;
	width: 48%;
	margin-left: 0;
	margin-right: 4%;
}

.max-sm-size .activity-form form .left {
	float: none;
	width: 100%;
	margin-right: 0;
}

.activity-form form .right {
	float: left;
	width: 48%;
}

.max-sm-size .activity-form form .right {
	float: none;
	width: 100%;
}

.activity-form form .form-group:after {
	content: '';
	display: block;
	clear: both;
}

.activity-form form .col-sm-3 {
	width: 95px;
	padding: 5px 0;
}

.activity-form form .col-sm-offset-3 {
	margin-left: 95px;
}

.max-sm-size .activity-form form .col-sm-offset-3 {
	margin-left: 0;
}

.activity-form form .col-sm-9 {
	width: -moz-calc(100% - 95px);
	width: -webkit-calc(100% - 95px);
	width: calc(100% - 95px);
	padding: 0;
}

.max-sm-size .activity-form form .col-sm-9 {
	width: 100%;
}

.inputAddress .radio-inline {
	padding: 5px 0 5px 20px;
}

.inputAddress .width20 .form-control {
	float: left;
	width: 20%;
	min-width: 150px;
	margin-right: 10px;
	margin-bottom: 5px;
}

.max-sm-size .inputAddress .width20 .form-control {
	width: 100%;
	margin-right: 0;
}

.max-sm-size .activity-form form .inputPasscode .codepic {
	top: 37px;
}

.max-xs-size .activity-form form .inputPasscode .codepic {
	top: 0;
}

.activity-form form .control-label {
	margin-top: 5px;
}


/* ==========================================================================
    cooperate
 ==========================================================================*/

#cooperate > .inner {
	padding: 20px 0 50px 0;
	background: none;
}

#cooperate .logo a {
	display: block;
	width: 199px;
	height: 44px;
	margin: 20px auto;
	background: url('images/logo.png') center no-repeat;
	background-size: contain;
}

#cooperate .activity-form {
	max-width: 800px;
}

#cooperate .activity-form .title {
	text-align: left;
}

.activity-form .checkbox,
.activity-form .radio {
	display: table;
	margin-left: 20px;
	cursor: pointer;
}

.activity-form textarea {
	padding-top: 10px;
	padding-bottom: 10px;
}

#cooperate .inputPasscode .codepic {
	top: 30px;
}

.max-xs-size #cooperate .inputPasscode .codepic {
	top: 0;
}

#cooperate .editor,
#cooperate .editor p {
	color: #7f6d68;
}

#cooperate .buttonBlock {
	text-align: center;
}


/* ==========================================================================
    about & term
 ==========================================================================*/

.tabs-nav .title {
	margin: auto;
	margin-top: 20px;
	margin-bottom: 10px;
	background: center no-repeat;
	background-size: contain;
}

#about .tabs-nav .title {
	width: 384px;
	height: 101px;
	background-image: url('images/about/about-title.png');
}

#term .tabs-nav .title {
	width: 375px;
	height: 122px;
	background-image: url('images/about/term-title.png');
}

.max-xs-size .tabs-nav .title {
	width: 100% !important;
}

.tabs-nav ul {
	text-align: center;
}

.tabs-nav ul li {
	display: inline-block;
	vertical-align: top;
	margin: 5px 2px;
}

.max-sm-size .tabs-nav ul li {
	display: block;
	width: 80%;
	margin: 5px auto;
}

.tabs-nav ul li a {
	display: block;
	padding: 3px 20px;
	position: relative;
	border: 1px solid #421d0b;
	border-radius: 3px;
	color: #421d0b;
}

.max-xs-size .tabs-nav ul li a {
	padding: 3px 15px;
}

.min-md-size .tabs-nav ul li a:hover {
	background-color: #f1ece7;
}

.min-md-size .tabs-nav ul li.actived a:hover {
	background-color: #421d0b;
}

.tabs-nav ul li.actived a {
	color: #fff;
	background-color: #421d0b;
}

.tabs-nav ul li a:after {
	content: '';
	width: 0;
	height: 0;
	margin-left: -5px;
	position: absolute;
	left: 50%;
	bottom: -7px;
	border-style: solid;
	border-width: 8px 5px 0 5px;
	border-color: #421d0b transparent transparent transparent;
	opacity: 0;
}

.tabs-nav ul li.actived a:after {
	opacity: 1;
}

.max-sm-size .tabs-nav ul li a:after {
	content: normal;
}

#about .editor,
#term .editor {
	margin: 20px auto;
}

#term .editor,
#term .editor p {
	color: #735a4d;
	font-size: 15px;
}

#term .editor .title {
	color: #391a0b;
	font-size: 16px;
}


/* sitemap */

#term .sitemap table {
	width: 100%;
	margin-top: 50px;
	border-collapse: collapse;
}

#term .sitemap table td {
	width: 20%;
	padding: 0 30px;
	vertical-align: top;
	border-left: 1px dotted #d8c4b5;
}

#term .sitemap table td:first-of-type {
	border-left: none;
}

#term .sitemap table tr:first-of-type td {
	padding-bottom: 30px;
}

.max-md-size #term .sitemap table td {
	padding-left: 15px;
	padding-right: 15px;
}

.max-sm-size #term .sitemap table td {
	display: block;
	width: 100%;
	padding: 10px 0 0 0;
	border-left: none;
	border-bottom: 1px dotted #d8c4b5;
}

.max-sm-size #term .sitemap table tr:first-of-type td {
	padding-bottom: 0;
}

#term .sitemap ul {
	padding-left: 0;
}

#term .sitemap ul li {
	margin: 5px 0;
	list-style: none;
	background: url('images/product/feature-dot.png') left 7px no-repeat;
	padding-left: 15px;
}

.max-sm-size #term .sitemap ul li {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	margin-right: -6px;
}

#term .sitemap ul li.title {
	margin-left: -20px;
	margin-bottom: 10px;
	background: none;
}

.max-sm-size #term .sitemap ul li.title {
	width: 100%;
}

#term .sitemap ul li a {
	color: #735a4d;
	font-size: 15px;
}

#term .sitemap ul li a:hover {
	color: #c70019;
}

#term .sitemap ul li.title a {
	color: #391a0b;
	font-size: 16px;
	font-weight: bold;
}


/* ==========================================================================
    service
 ==========================================================================*/

#service .info .banner {
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	z-index: 1;
}

#service .info .banner .pic {
	height: 245px;
}

.max-xs-size #service .info .banner .pic {
  height: 200px;
}

#service .info .banner .title {
	width: 90%;
	height: 104px;
	margin-top: -52px;
	position: absolute;
	left: 5%;
	top: 50%;
	background: url('images/service/service-title.png') center no-repeat;
	background-size: contain;
}

#service .info .text {
	margin: 20px 0;
	font-size: 15px;
	line-height: 1.7em;
}

#service .info .text a {
	color: #c70019;
	font-weight: bold;
}

#service .info .text a:hover {
	color: red;
}

/* .max-md-size #service .info .list {
	max-width: 500px;
	margin: auto;
}
 */
#service .info .list ul {
	font-size: 0;
	text-align: center;
}

#service .info .list ul li {
	display: inline-block;
	vertical-align: top;
	width: 23.5%;
	margin-top: 60px;
	margin-right: 2%;
	padding: 30px 15px 15px 15px;
	background: #e8dcd2 url('images/fixed-box-bg2.jpg');
	border-radius: 5px;
	font-size: 15px;
	text-align: left;
}

.max-md-size #service .info .list ul li {
	width: 30.5%;
}

#service .info .list ul li:nth-of-type(4n) {
	margin-right: 0;
}

.max-md-size #service .info .list ul li {
	width: 49%;
}

.max-md-size #service .info .list ul li:nth-of-type(4n) {
	margin-right: 2%;
}

.max-md-size #service .info .list ul li:nth-of-type(2n) {
	margin-right: 0;
}

.max-sm-size #service .info .list ul li {
	width: 100%;
	margin-right: 0;
	margin: 30px 0;
}

.max-sm-size #service .info .list ul li:nth-of-type(4n) {
	margin-right: 0;
}

#service .info .list ul li a {
	display: block;
	min-height: 180px;
	padding: 30px 15px 15px 15px;
	position: relative;
	background-color: #fff;
	border-radius: 5px;
	color: #391a0b;
	font-size: 15px;
	line-height: 1.7em;
}

.max-sm-size #service .info .list ul li a {
	min-height: 0;
}

#service .info .list ul li .title {
	width: 116px;
	height: 116px;
	margin-left: -58px;
	position: absolute;
	left: 50%;
	top: -80px;
	z-index: 1;
	background: center bottom no-repeat;
	transition: top 0.5s;
}

.min-md-size #service .info .list ul li a:hover .title {
	top: -90px;
}

.max-sm-size #service .info .list ul li .title {
	background-size: 80%;
}

#service .info .list ul li.contact .title {
	background-image: url('images/service/service-list01.png');
}

#service .info .list ul li.faq .title {
	background-image: url('images/service/service-list02.png');
}

#service .info .list ul li.fans .title {
	background-image: url('images/service/service-list03.png');
}

#service .info .list ul li.explain .title {
	background-image: url('images/service/service-list04.png');
}

#service .info .list ul li .more {
	padding-top: 10px;
	text-align: center;
	font-weight: bold;
	border-top: 1px dotted #d8c4b5;
	transition: color 0.5s;
}

#service .info .list ul li a:hover .more {
	color: #c70019;
}

#service .info .list ul li .more i {
  display: inline-block;
  vertical-align: bottom;
  padding-right: 3px;
  font-size: 22px;
}


/* ==========================================================================
    contact
 ==========================================================================*/

.service-nav .left {
	width: 369px;
	height: 135px;
	background-image: url('images/service/nav-title-bg.png');
}

.max-xs-size .service-nav .left {
	width: 100%;
	max-width: 369px;
  height: auto;
  padding-right: 10px;
  background-size: contain;
}

.service-nav .left .title {
	background-image: url('images/service/nav-title.png');
}

.service-nav .left:before {
  width: 83px;
  background-image: url('images/service/nav-title-icon.png');
  left: 30px;
}

.service-nav .right {
  width: -moz-calc(100% - 369px);
  width: -webkit-calc(100% - 369px);
  width: calc(100% - 369px);
  height: 135px;
  background: #e3d7cc url('images/fixed-box-bg2.jpg');
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.max-sm-size .service-nav .right {
	border-radius: 10px;
}

.max-ss-size .service-nav .right {
	height: 200px;
}

.service-nav ul li {
	float: left;
	width: 25%;
}

.max-ss-size .service-nav ul li {
	width: 50%;
}

.service-nav ul li a {
	display: block;
	height: 135px;
	background: center no-repeat;
}

.max-ss-size .service-nav ul li a {
	height: 100px;
}

.max-md-size .service-nav ul li a {
	background-size: 80px;
}

.service-nav ul li.contact a {
	background-image: url('images/service/service-list01.png');
}

.service-nav ul li.faq a {
	background-image: url('images/service/service-list02.png');
}

.service-nav ul li.fans a {
	background-image: url('images/service/service-list03.png');
}

.service-nav ul li.explain a {
	background-image: url('images/service/service-list04.png');
}

.service-nav ul li.actived a,
.service-nav ul li a:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

#contact .activity-form {
	padding-top: 50px;
	position: relative;
}

#contact .activity-form:before {
	content: '';
	width: 100%;
	height: 10px;
	position: absolute;
	left: 0;
	top: 10px;
	z-index: 1;
	background: url('images/service/contact-line.png') center no-repeat;
}

#contact .activity-form:after {
	content: '';
	width: 240px;
	height: 116px;
	position: absolute;
	right: 30px;
	top: 60px;
	z-index: 1;
	background: url('images/service/contact-mark.png') center no-repeat;
}

.max-xs-size #contact .activity-form:after {
	content: normal;
}

#contact .activity-form .text {
	margin-bottom: 25px;
	padding-bottom: 10px;
	position: relative;
	z-index: 2;
	border-bottom: 1px dotted #a09081;
}

#contact .activity-form .text .name {
	font-size: 16px;
	font-weight: bold;
}

#contact .activity-form .text ul li {
	margin-bottom: 10px;
	padding-left: 30px;
	position: relative;
	font-size: 15px;
}

#contact .activity-form .text ul li i {
	display: block;
	width: 26px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 0;
	background: center no-repeat;
	background-size: contain;
}

#contact .activity-form .text ul li .icon-dialog2 {
	background-image: url('images/service/contact-icon01.png');
}

#contact .activity-form .text ul li .icon-tel2 {
	background-image: url('images/service/contact-icon02.png');
}

#contact .activity-form .text ul li a {
	display: inline-block;
	margin: 0 5px;
	color: #391a0b;
	font-size: 18px;
	font-weight: bold;
}

#contact .activity-form .text ul li a:hover {
	color: #c70019;
}


/* ==========================================================================
    faq
 ==========================================================================*/

.faq .panel {
	margin-bottom: 0;
  background-color: transparent;
  border: none;
  border-bottom: 1px dotted #d8c4b5;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.faq .panel .title {
	margin: auto;
	font-weight: normal;
}

.faq .panel .title a {
	display: block;
	padding: 15px;
	padding-left: 35px;
	position: relative;
  color: #391a0b;
	font-size: 15px;
	transition: color 0.5s;
}

.faq .panel .title a[aria-expanded="true"] {
	font-weight: bold;
}

.faq .panel .title a:hover {
	color: #c70019;
}

.faq .panel .title a:before {
	content: '';
	display: block;
	width: 25px;
	height: 25px;
	position: absolute;
	left: 0;
	top: 12px;
	background: url('images/service/faq-icon.png') center no-repeat;
}

.faq .panel .panel-body {
	margin-bottom: 15px;
	padding: 10px 30px;
	border-radius: 5px;
	background: #e7dad0 url('images/fixed-box-bg2.jpg');
}


/* explain */

#explain .editor {
	margin: 20px 0;
}


/* fans */
#fans ul.list {
	font-size: 0;
}

#fans ul.list li {
	display: inline-block;
	vertical-align: top;
	width: 23.5%;
	margin-top: 30px;
	margin-right: 2%;
}

#fans ul.list li:nth-of-type(4n) {
	margin-right: 0;
}

.max-md-size #fans ul.list li {
	width: 31.3%;
	margin-right: 3%;
}

.max-md-size #fans ul.list li:nth-of-type(3n) {
	margin-right: 0;
}

.max-sm-size #fans ul.list li {
	width: 47.3%;
	margin-right: 5%;
}

.max-sm-size #fans ul.list li:nth-of-type(3n) {
	margin-right: 5%;
}

.max-sm-size #fans ul.list li:nth-of-type(2n) {
	margin-right: 0;
}

.max-xs-size #fans ul.list li {
	width: 100%;
	margin-right: 0 !important;
}

#fans ul.list li a {
	display: block;
	padding: 15px;
	border-radius: 5px;
	background: #e3d7cc url('images/fixed-box-bg2.jpg');
	text-align: center;
}

#fans ul.list li a span {
	display: block;
}

#fans ul.list li a .pic {
	border-radius: 5px;
	position: relative;
  background: #fff url('images/home/embassy-list-bg03.jpg') repeat;
}

#fans ul.list li a .pic:before {
	content: '';
	display: block;
	width: 100%;
	height: 12px;
	position: absolute;
	left: 0;
	top: 1px;
	z-index: 2;
	background: url('images/fans/shadow.png') center top no-repeat;
}

#fans ul.list li a .pic img {
	max-height: 90px;
	transition: transform 0.5s;
}

#fans ul.list li a:hover .pic img {
	transform: scale(1.05);
}

#fans ul.list li a .title {
	margin: 10px 0 0 0;
	color: #391a0b;
	font-size: 15px;
	font-weight: normal;
	transition: color 0.5s;
}

#fans ul.list li a:hover .title {
	color: #e60012;
}

/* ==========================================================================
    benefits
 ==========================================================================*/

#benefits .info {
	padding: 30px;
	position: relative;
	background: #9a7236 url('images/benefits/info-bg.jpg');
	border-radius: 10px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.8);
}

.max-lg-size #benefits .info {
	padding: 20px 15px;
}

.max-xs-size #benefits .info {
	margin: 0 -10px;
  padding: 10px 5px;
}

#benefits .info:before,
#benefits .info:after {
	content: '';
	width: 72px;
	height: 72px;
	position: absolute;
	top: -4px;
	z-index: 3;
	background: center no-repeat;
	background-size: contain;
}

.max-md-size #benefits .info:before,
.max-md-size #benefits .info:after {
	width: 50px;
	height: 50px;
	top: -3px;
}

#benefits .info:before {
	left: -4px;
	background-image: url('images/benefits/info-tri-left.png');
}

.max-md-size #benefits .info:before {
	left: -3px;
}

#benefits .info:after {
	right: -4px;
	background-image: url('images/benefits/info-tri-right.png');
}

.max-md-size #benefits .info:after {
	right: -3px;
}

#benefits .info .list {
	min-height: 160px;
	margin-bottom: 28px;
	padding: 30px;
	position: relative;
	background: #fff url('images/benefits/list-bg.jpg');
}

.max-lg-size #benefits .info .list {
	padding: 15px;
}

#benefits .info .list:last-of-type {
	margin-bottom: 0;
}

#benefits .info .list:before,
#benefits .info .list:after {
	content: '';
	width: 100%;
	height: 9px;
	position: absolute;
	left: 0;
	z-index: 2;
	background: center repeat-x;
}

#benefits .info .list:before {
	top: -8px;
	background-image: url('images/benefits/list-bg-top.png');
}

#benefits .info .list:after {
	bottom: -8px;
	background-image: url('images/benefits/list-bg-bottom.png');
}

#benefits .info .list .bind {
	animation-delay: 0.3s;
}

#benefits .info .list:last-of-type .bind {
	display: none;
}

#benefits .info .list .bind:before,
#benefits .info .list .bind:after {
	content: '';
	width: 15px;
	height: 50px;
	position: absolute;
	bottom: -40px;
	z-index: 3;
	background: url('images/benefits/list-bind.png') center no-repeat;
}

#benefits .info .list .bind:before {
	left: 30px;
}

.max-xs-size #benefits .info .list .bind:before {
	left: 5px;
}

#benefits .info .list .bind:after {
	right: 30px;
}

.max-xs-size #benefits .info .list .bind:after {
	right: 5px;
}

#benefits .info .list .name {
	width: 422px;
  height: 46px;
	margin: -39px auto 25px auto;
  position: relative;
  z-index: 2;
	background-position: center top;
	background-repeat: no-repeat;
  background-size: contain;
	color: #fff;
	font-size: 30px;
	line-height: 46px;
	text-align: center;
	font-weight: normal;
}

.max-lg-size #benefits .info .list .name {
	margin-top: -24px;
}

.max-md-size #benefits .info .list .name {
	font-size: 25px;
}

.max-sm-size #benefits .info .list .name {
  width: 320px;
  height: 35px;
  margin-top: -23px;
  line-height: 35px;
  font-size: 20px;
}

.max-xs-size #benefits .info .list .name {
	margin-bottom: 15px;
}

.max-ss-size #benefits .info .list .name {
	width: 270px;
}

#benefits .info .list .name:before,
#benefits .info .list .name:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 35px;
	height: 1px;
	background-color: #fff;
}

#benefits .info .list .name:before {
	margin-right: 30px;
}

#benefits .info .list .name:after {
	margin-left: 30px;
}

.max-sm-size #benefits .info .list .name:before,
.max-sm-size #benefits .info .list .name:after {
	content: normal;
}

#benefits .info .list .pic {
	overflow: hidden;
}

#benefits .info .list .pic img {
	width: 100%;
	transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1);
}

.min-md-size #benefits .info .list a:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}


/* title-pic */

#benefits .title-pic {
	width: 100%;
	height: 160px;
	position: absolute;
	left: 0;
	top: -8px;
	z-index: 2;
}

.max-md-size #benefits .title-pic {
	height: 100px;
}

#benefits .benefit .editor {
	margin-top: 140px;
}

.max-md-size #benefits .benefit .editor {
	margin-top: 80px;
}


/* banner */

#benefits .info .banner .left {
	float: left;
	width: 265px;
}

.max-md-size #benefits .info .banner .left {
	width: 220px;
}

.max-sm-size #benefits .info .banner .left {
	float: none;
	width: 100%;
	margin-bottom: 15px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

#benefits .info .banner .left .slider-nav {
	position: relative;
}

#benefits .info .banner .left .slider-nav:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 10px;
	top: 0;
	background: #31150a url("images/benefits/list-nav-bg3.jpg");
}

#benefits .info .banner .left .slick-list {
	z-index: 2;
}

#benefits .info .banner .right {
	float: right;
	width: -moz-calc(100% - 265px);
	width: -webkit-calc(100% - 265px);
	width: calc(100% - 265px);
}

.max-md-size #benefits .info .banner .right {
	width: -moz-calc(100% - 220px);
	width: -webkit-calc(100% - 220px);
	width: calc(100% - 220px);
}

.max-sm-size #benefits .info .banner .right {
	float: none;
	width: 100%;
	padding-left: 10px;
}

#benefits .info .banner .slider-nav .block {
	position: relative;
	margin-left: 10px;
	padding-left: 75px;
	background: #492211 url('images/benefits/list-nav-bg.jpg');
	border-bottom: 1px solid #573323;
	border-top: 1px solid #361a0e;
	cursor: pointer;
}

.max-md-size #benefits .info .banner .slider-nav .block {
	padding-left: 55px;
}

#benefits .info .banner .slider-nav .slick-current .block:before {
	content: '';
	width: 2px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	border-left: 1px dashed #e3c8c7;
	border-right: 1px dashed #5f0a0d;
}

#benefits .info .banner .slider-nav .slick-current .block:after {
	content: '';
	width: 103%;
	height: 101%;
	position: absolute;
	left: -3%;
	top: -1px;
	background: #aa352f url('images/benefits/list-nav-bg2.jpg');
}

#benefits .info .banner .slider-nav .icon {
	width: 70px;
	height: 65px;
	position: absolute;
	left: 10px;
	top: 0;
	z-index: 2;
}

.max-md-size #benefits .info .banner .slider-nav .icon {
	width: 50px;
	height: 46px;
}

#benefits .info .banner .slider-nav .title {
	height: 65px;
	padding-right: 30px;
	position: relative;
	z-index: 2;
	line-height: 65px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-moz-line-clamp: 1;
	-ms-line-clamp: 1;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	color: #fff;
	font-size: 20px;
  text-align: center;
	opacity: 0.4;
	transition: opacity 0.5s;
}

.max-md-size #benefits .info .banner .slider-nav .title {
	height: 46px;
	line-height: 46px;
	font-size: 16px;
}

#benefits .info .banner .slider-nav .slick-current .title,
#benefits .info .banner .slider-nav a:hover .title {
	opacity: 1;
}

#benefits .info .banner .slider-nav .title:after {
	content: '';
	width: 22px;
	height: 30px;
	margin-top: -17px;
	position: absolute;
	right: 8px;
	top: 50%;
	background: url('images/benefits/list-tri.png') center no-repeat;
}

#benefits .info .banner .arrows {
	height: 45px;
	margin-left: 10px;
	position: relative;
	border-bottom-left-radius: 5px;
	background: #31150a url('images/benefits/list-nav-bg3.jpg');
}

.max-md-size #benefits .info .banner .arrows {
	height: 35px;
}

.max-sm-size #benefits .info .banner .arrows {
	border-bottom-right-radius: 5px;
}

#benefits .info .banner .arrows .slick-arrow {
	width: 50%;
	height: 45px;
	margin-top: 0;
	top: 0;
	opacity: 0.4;
	transition: opacity 0.5s;
}

.max-md-size #benefits .info .banner .arrows .slick-arrow {
	height: 35px;
}

#benefits .info .banner .arrows .slick-arrow:hover {
	opacity: 1;
}

#benefits .info .banner .arrows .slick-prev {
	border-right: 1px solid #4f362d;
	background-image: url('images/benefits/arrow-up.png');
}

#benefits .info .banner .arrows .slick-next {
	border-left: 1px solid #4f362d;
	background-image: url('images/benefits/arrow-down.png');
}

#benefits .info .banner .slider-for .pic {
	height: 380px;
}

.max-lg-size #benefits .info .banner .slider-for .pic {
  height: 313px;
}

.max-md-size #benefits .info .banner .slider-for .pic {
  height: 227px;
}

.max-sm-size #benefits .info .banner .slider-for .pic {
  height: 35vw;
}


/* ==========================================================================
    cart
 ==========================================================================*/

#cart .steps {
	margin: 20px 0;
	padding: 10px;
	padding-left: 250px;
	position: relative;
	border-radius: 5px;
	background: #822024 url('images/cart/steps-bg.jpg');
	overflow: hidden;
}

.max-lg-size #cart .steps {
	padding-left: 200px;
}

.max-md-size #cart .steps {
	padding-left: 10px;
}

#cart .steps:before,
#cart .steps:after {
	content: '';
	position: absolute;
	z-index: 1;
	background: center no-repeat;
}

#cart .steps:before {
	width: 199px;
	height: 56px;
	margin-top: -28px;
	left: 30px;
	top: 50%;
	background-image: url('images/cart/steps-title.png');
	background-size: contain;
}

.max-lg-size #cart .steps:before {
  width: 170px;
  left: 15px;
}

.max-md-size #cart .steps:before {
	display: block;
	margin: auto;
	margin-bottom: 10px;
	position: relative;
	left: 0;
	top: 0;
}

#cart .steps:after {
	width: 510px;
	height: 100%;
	right: 0;
	top: 0;
	background-image: url('images/cart/steps-bg2.png');
	background-size: cover;
}

.max-md-size #cart .steps:after {
	content: normal;
}

#cart .steps .inner {
	max-width: 910px;
	padding: 10px;
	padding-left: 40px;
	position: relative;
	z-index: 2;
	border-radius: 100px;
	background: #fff url('images/header-sub-bg.jpg');
}

.max-lg-size #cart .steps .inner {
	padding-left: 20px;
}

.max-sm-size #cart .steps .inner {
	padding-left: 10px;
	border-radius: 10px;
}

#cart .steps ul li {
	float: left;
	width: 23%;
	min-height: 65px;
	margin-right: 3%;
	padding-left: 75px;
	padding-right: 20px;
	position: relative;
	color: #a6938d;
	font-size: 16px;
	font-weight: bold;
}

.max-lg-size #cart .steps ul li {
	min-height: 55px;
	padding-right: 10px;
	padding-left: 60px;
	font-size: 15px;
}

.max-sm-size #cart .steps ul li {
	padding-left: 0;
	text-align: center;
}

.max-xs-size #cart .steps ul li {
	font-size: 12px;
	line-height: normal;
}

.max-ss-size #cart .steps ul li {
	padding-left: 60px;
	text-align: left;
}

#cart .steps ul li.actived {
	color: #832124;
}

#cart .steps ul li:last-of-type {
	width: 20%;
	margin-right: 0;
	padding-right: 0;
}

.max-ss-size #cart .steps ul li {
	float: none;
	width: 100%;
  max-width: 160px;
	margin: auto;
	margin-bottom: 10px;
	padding-right: 0;
}

.max-ss-size #cart .steps ul li:last-of-type {
	margin-bottom: 0;
}

#cart .steps ul li:after {
	content: url('images/cart/steps-tri.png');
	margin-top: -5.5px;
	position: absolute;
	right: 0;
	top: 50%;
}

.max-xs-size #cart .steps ul li:after {
	right: -5px;
}

.max-ss-size #cart .steps ul li:after,
#cart .steps ul li:last-of-type:after {
	content: normal;
}

#cart .steps ul li .num {
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 18px;
	font-weight: normal;
}

.max-lg-size #cart .steps ul li .num {
  padding-top: 8px;
  padding-bottom: 0;
  font-size: 16px;
}

.max-xs-size #cart .steps ul li .num {
	font-size: 12px;
}

#cart .steps ul li i {
	display: block;
	width: 65px;
	height: 65px;
	padding-left: 2px;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
	background-color: #a6938d;
	color: #fff;
	font-size: 40px;
	line-height: 65px;
	text-align: center;
}

.max-lg-size #cart .steps ul li i {
  width: 55px;
  height: 55px;
  font-size: 30px;
  line-height: 55px;
}

.max-sm-size #cart .steps ul li i {
  width: 50px;
	height: 50px;
	margin: auto;
	position: relative;
	font-size: 25px;
	line-height: 50px;
}

.max-ss-size #cart .steps ul li i {
	position: absolute;
}

#cart .steps ul li.actived i {
	background-color: #832124;
}


/* block */

#cart .block {
	margin-bottom: 30px;
	background: #e5d8cc url('images/cart/block-bg.jpg');
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	overflow: hidden;
}

#cart .block .toggle {
	min-height: 55px;
	padding: 0 30px;
	position: relative;
	background: #724928 url('images/cart/block-toggle-bg.jpg');
	border-bottom: 1px dashed #fff;
	color: #fff;
	font-size: 22px;
	line-height: 55px;
}

#cart .block.room .toggle,
#cart .block.low .toggle,
.block.pro-list .toggle {
	cursor: pointer;
}

.max-xs-size #cart .block .toggle {
	padding: 0 15px;
	font-size: 17px;
}

#cart .block .toggle:before {
	display: inline-block;
	vertical-align: middle;
	padding-right: 10px;
  line-height: normal;
}

#cart .block.room .toggle:before {
	content: url('images/cart/block-toggle-icon01.png');
}

#cart .block.low .toggle:before {
	content: url('images/cart/block-toggle-icon02.png');
}

#cart .block.pay .toggle:before {
	content: url('images/cart/block-toggle-icon03.png');
}

#cart .block.order .toggle:before,
#cart .block.info .toggle:before {
	content: url('images/cart/block-toggle-icon04.png');
}

#cart .block.invoice .toggle:before {
	content: url('images/cart/block-toggle-icon05.png');
}

#cart .block.note .toggle:before {
	content: url('images/cart/block-toggle-icon06.png');
}

#cart .block .toggle span,
.inform .block .toggle span {
	display: inline-block;
	padding-right: 30px;
	position: absolute;
	right: 30px;
	top: 0;
	background: url('images/benefits/arrow-up.png') right center no-repeat;
	font-size: 16px;
}

#cart .block .toggle.actived span.closed,
#cart .block .toggle span.open,
.inform .block .toggle.actived span.closed,
.inform .block .toggle span.open {
	display: none;
}

.inform .block .toggle.actived span.open,
#cart .block .toggle.actived span.open {
	display: inline-block;
}

.inform .block .toggle span {
	font-size: 14px;
}

.max-xs-size #cart .block .toggle span,
.max-xs-size .inform .block .toggle span {
  padding-right: 20px;
  right: 14px;
	font-size: 14px;
}

#cart .block .toggle.actived span,
.inform .block .toggle.actived span {
	background-image: url('images/benefits/arrow-down.png');
}

#cart .block .toggle-inner {
	padding: 10px;
}

.order-info ul {
	padding: 10px;
}

#cart .order-info ul {
	background: #fff url('images/header-sub-bg.jpg');
}

.order-info ul li {
	padding-bottom: 20px;
}

.order-info ul li .title {
	padding: 10px 20px;
	border-bottom: 1px dotted #d8c4b5;
	color: #000;
	font-size: 16px;
	font-weight: bold;
}

.max-xs-size .order-info ul li .title {
	padding: 10px;
}

.order-info ul li .title i {
	display: inline-block;
	width: 36px;
	height: 36px;
	margin-right: 10px;
	border-radius: 50%;
	border: 1px solid;
	font-size: 25px;
	line-height: 36px;
	text-align: center;
}

.order-info ul li table {
	margin-left: 10px;
	margin-top: 10px;
}

.max-xs-size .order-info ul li table {
	margin-left: 0;
}

.order-info ul li table td {
	padding: 2px 10px;
	font-size: 15px;
	color: #717171;
}

.max-xs-size .order-info ul li table td {
	padding: 2px;
}

.order-info ul li table td:first-of-type {
	min-width: 100px;
}

.max-xs-size .order-info ul li table td:first-of-type {
	min-width: 80px;
}

.order-info .editor {
	padding-left: 20px;
}

.max-xs-size .order-info .editor {
	padding-left: 0;
}

.order-info .editor,
.order-info .editor p {
	color: #000;
}

.order-info .editor li {
	padding-bottom: 0;
}

.order-info a.link {
	color: #c70019;
}

.order-info a.link:hover {
	border-color: #c70019;
}

#cart .block .padding30 {
	padding: 30px;
}

.max-sm-size #cart .block .padding30 {
	padding: 10px;
}

.mCSB_inside > .mCSB_container {
	padding: 0;
}

#member .mCSB_inside > .mCSB_container,
.toggle-inner .mCSB_inside > .mCSB_container {
	width: 100% !important;
}

.firefox .list-table,
.msie .list-table {
	background-color: #fff;
}

.firefox .list-table td,
.msie .list-table td {
	background: none;
}

.list-table .price {
	font-size: 18px;
	font-weight: bold;
}

.list-table .grop td {
	background-color: #f5f5f5;
	background-image: none;
}

.list-table .grop .top-total td,
.list-table .grop .sub td {
	background-color: #e3e2e2;
}

.list-table .grop .sub {
	border-top: 1px dotted #d8c4b5;
}

/* .list-table .grop .sub td {
	padding: 10px;
	text-align: center;
} */

.list-table, .pay-table {
	width: 100%;
	/* max-width: 1290px;
	min-width: 950px;
	margin: auto;*/
	border-collapse: collapse;
}

table.min700 {
	min-width: 700px;
}

#member table.min1000 {
	min-width: 1000px;
}

.pay-table {
	min-width: 500px;
}

.list-table > tbody > tr {
	border: 2px solid #a88f78;
	border-bottom: 0;
}

.list-table > tbody > tr:first-of-type {
	border: none;
}

.list-table > tbody > tr:last-of-type {
	border-bottom: 2px solid #a88f78;
}

.list-table tr.sub {
	border-top: none;
	background-color: #f5f5f5;
}

.list-table > tbody > tr > th,
.list-table > tbody > tr > td {
	padding: 10px;
	text-align: center;
}

.max-md-size .list-table .false,
.max-md-size .list-table tr:first-of-type {
	display: none;
}

.max-md-size .list-table tr {
	display: block;
	min-height: 105px;
	padding-left: 105px;
	position: relative;
	font-size: 0;
  background: #fff url('images/header-sub-bg.jpg');
}

.max-md-size .list-table .transport {
	min-height: 0;
	padding: 0;
}

.max-md-size .list-table .transport td {
	width: 100%;
	text-align: center !important;
}

.max-xs-size .list-table tr {
	padding-left: 0;
}

.max-md-size .list-table tr:after {
	content: '';
	display: block;
	clear: both;
}

.max-md-size .list-table tr.sub {
	min-height: 0;
  padding-left: 0;
}

.max-md-size .list-table tr.sub td,
.max-md-size .list-table .pro-title {
	width: 100%;
}

.max-md-size .list-table tr.subtotal td {
	padding: 5px 10px;
	width: 33.3%;
}

.max-xs-size .list-table tr.subtotal td {
	width: 100%;
}

.max-md-size .list-table td {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	background: none;
	font-size: 14px;
	text-align: left !important;
}

.max-xs-size .list-table td {
	width: 100%;
	padding: 2px 10px;
}

.max-md-size .list-table .grop {
	padding-left: 0;
}

.max-md-size .list-table .grop tr {
	background: #f5f5f5;
}

.max-md-size .list-table tr.top-total {
  display: block;
  min-height: 105px;
  padding-left: 105px;
  position: relative;
  background-color: #e3e2e2;
}

.max-md-size .list-table tr.subtotal {
	background-color: #e3e2e2;
}

.max-md-size .list-table .grop > td {
	width: 100%;
}

.max-md-size .list-table .pro-title {
	height: auto;
	padding-left: 10px;
	position: static;
}

.max-md-size .list-table .pro-btn {
	width: 80px;
}

.max-md-size .list-table td .hidden {
	display: inline-block;
}


.max-md-size #cart .block .select-cy {
  max-width: 150px;
}

.max-md-size #cart .block .save,
.max-md-size .list-table .select-qty {
	display: inline-block;
}

.max-md-size #cart .block .save {
	padding-left: 10px;
}

.grop table {
	background-color: #f5f5f5;
}

.firefox .grop table td,
.msie .grop table td {
	background: none;
}

.list-table th,
.grop table td {
	width: 80px;
}

.grop table td:first-of-type,
.list-table th:first-of-type {
	width: auto;
}

.list-table .th-cy,
.list-table .th-subtotal {
	width: 140px;
}

.max-lg-size .list-table .th-cy {
	width: 120px;
}

.max-lg-size .list-table .th-subtotal {
	width: 80px;
}

.max-md-size .list-table .th-subtotal {
  width: 50%;
}

.max-xs-size .list-table .th-subtotal {
	width: 100%;
	padding-bottom: 0;
}


.list-table .th-qty {
	width: 105px;
}

.list-table > tbody > tr > td {
	background: #fff url('images/header-sub-bg.jpg');
}

.list-table tr.sub td {
	padding: 0;
	background: #f5f5f5;
	text-align: left;
}

.list-table tr.subtotal td {
	text-align: center;
}

.list-table tr.sub .left {
	float: left;
	width: 110px;
	padding: 5px 10px;
	color: #fff;
}

.list-table tr.sub .right {
	float: left;
	width: -moz-calc(100% - 110px);
	width: -webkit-calc(100% - 110px);
	width: calc(100% - 110px);
	padding: 5px 10px;
}

.list-table tr.sub label {
	margin: 0;
	cursor: pointer;
}

.list-table tr.sub input[type="radio"] {
	display: inline-block;
	vertical-align: text-bottom;
	margin-right: 5px;
}

.list-table tr.sub ul {
	border-top: 1px dotted #d8c4b5;
}

.list-table tr.sub ul li.discount .left {
	background-color: #fa2241;
}

.list-table tr.sub ul li.discount .right {
	color: #fa2241;
}

.list-table tr.sub ul li.coupon .left {
	text-align: center;
	background-color: #1956a9;
}

.list-table tr.sub ul li.coupon .right {
	color: #1956a9;
}

.list-table tr.sub ul li.yogo .left {
	background-color: #0d705c;
	text-align: center;
}

.list-table tr.sub ul li.yogo .right {
	color: #0d705c;
}

.list-table tr.sub ul li span,
.list-table tr.sub ul li select {
	display: inline-block;
	margin: 0 5px;
}

.list-table .list-title {
	background-color: #ada095 !important;
	background-image: none;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

.msie .list-table .list-title,
.firefox .list-table .list-title {
	background-color: #ada095;
}

.list-table .list-title i {
	display: inline-block;
	vertical-align: sub;
	font-size: 30px;
}

.pay-table td {
	border: 1px dotted #a09081;
	border-right: none;
}

.pay-table td.item {
	min-width: 10s0px;
	padding: 10px;
	border-right: 1px dotted #a09081;
	border-left: none;
	font-weight: bold;
}

.pay-table .pay-radio {
	min-width: 50px;
	background-color: rgba(198, 174, 155, 0.2);
	text-align: center;
}

.pay-table .notice {
	padding: 10px;
}

.pay-table .red {
	padding: 0 5px;
}

.pay-table a {
	color: #a53c1f;
	border-bottom: 1px solid;
}

.pay-table .brown {
	padding: 0 5px;
	color: #a53c1f;
}

.pay-table .pay-pic {
	width: 190px;
	padding: 10px;
	text-align: center;
}

.pay-table .pay-pic img {
	max-width: 170px;
}

#cart .block .pay-explain {
	padding: 10px 15px;
	border: none;
}

#cart .block.info .left {
	float: left;
	width: 50%;
	padding-right: 50px;
}

#cart .block.info .right {
	float: right;
	width: 50%;
	padding-left: 50px;
	border-left: 1px dotted #a09081;
}

.max-md-size #cart .block.info .left,
.max-md-size #cart .block.info .right {
	float: none;
	width: 100%;
	padding: 0;
}

.max-md-size #cart .block.info .right {
	border: none;
}

.max-md-size #cart .block.info .left {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #a09081;
}

#cart .block.info .checkbox,
#cart .block.info .radio {
	margin: 8px 0;
}

#cart .block.info .title {
	font-weight: bold;
	font-size: 16px;
}

#cart .block.info .explain {
	color: #a6938d;
	padding-top: 5px;
}

#cart .block.info .col-sm-3 {
	width: 110px;
	line-height: 35px;
}

.max-sm-size #cart .block.info .col-sm-3 {
	width: 100%;
	padding: 0;
}

#cart .block.info .mail {
	line-height: 35px;
}

#cart .block.info .col-sm-9 {
	width: -moz-calc(100% - 110px);
	width: -webkit-calc(100% - 110px);
	width: calc(100% - 110px);
}

.max-sm-size #cart .block.info .col-sm-9 {
	width: 100%;
	max-width: 630px;
	padding: 0;
}

#cart .block.info .width20 .add-id {
  min-width: 118px;
  margin-right: 0;
}

.deliveryBy .selectStroe {
	display: inline-block;
	vertical-align: middle;
  width: 150px;
}

.max-bg-size .deliveryBy .selectStroe {
	width: 143px;
}

.max-bg-size .deliveryBy .goHome {
	display: block;
}

.onHoliday .radio-inline,
.inputDate .radio-inline {
	margin-top: 5px;
}

.date-control {
	background: #f1ece7 url('images/icon-date.png') right center no-repeat;
}

#cart .date-control {
	display: none;
	margin-top: 5px;
}

button.byStore {
	vertical-align: middle;
	margin-left: 15px;
	padding: 5px 10px;
	border-radius: 5px;
	background-color: #a6938d;
	color: #fff;
	transition: background 0.5s;
}

button.byStore:hover {
	background-color: #7d5d52;
}

button.byStore img {
	display: inline-block;
	vertical-align: sub;
	margin-right: 5px;
}

#cart .form-group:after {
	content: '';
	display: block;
	clear: both;
}

#cart .block.invoice .invoiceBox,
#cart .block.invoice .sameAddress {
	display: none;
}

#cart .block.invoice .invoiceBox input {
	margin-top: 5px;
}

#cart .block.invoice .form-group {
	max-width: 630px;
}

#cart .agree {
	font-size: 15px;
	text-align: center;
}

.max-bg2-size #cart .inputAddress .width20 .form-control {
	width: 100%;
}

#cart .coupon[checked="checked"] {
	display: inline-block;
	margin-right: 5px;
}

/* grop */

.list-table > tbody > tr.grop > td {
	padding: 0;
}

.grop table {
	width: 100%;
}

.grop table td {
	padding: 10px;
}

.grop table tr {
	border-top: 1px dotted #d8c4b5;
}

.grop table .top-total {
	background-color: #f5f5f5;
	border-top: none;
}

.textLeft {
	text-align: left !important;
}

.textRight {
	text-align: right !important;
}

.textCenter {
	text-align: center;
}

.list-table .pro-title {
	height: 105px;
	padding-left: 105px;
	position: relative;
}

.max-md-size .list-table .pro-title {
	padding-bottom: 0;
}

.list-table .pic {
	width: 85px;
	height: 85px;
	position: absolute;
	left: 10px;
	top: 10px;
}

.max-xs-size .list-table .pic {
	margin: auto;
	margin-bottom: 10px;
	position: relative;
	left: 0;
	top: 0;
}

.max-xs-size .list-table .top-total .pic {
	margin-bottom: 0;
	position: absolute;
	left: 10px;
	top: 10px;
}

.list-table .pic:before {
	position: absolute;
	left: -2px;
	top: -2px;
	z-index: 1;
}

.list-table .red-mark:before {
	content: url('images/cart/red-mark.png')
}

.list-table .green-mark:before {
	content: url('images/cart/green-mark.png')
}

.list-table .pic img {
	max-width: 85px;
	max-height: 85px;
}

.list-table img {
	transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1);
}

.list-table a:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

/* .list-table .text {
	float: left;
	width: -moz-calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	width: calc(100% - 100px);
} */

#cart .block .delete,
#cart .block .nextTime {
  border-bottom: 1px solid;
	transition: color 0.5s, border 0.5s;
}

#cart .block .delete:hover,
#cart .block .nextTime:hover {
	color: #c70019;
	border-color: #c70019;
}

.list-table .pro-name {
	color: #3f1506;
	font-weight: bold;
}

.list-table a.link {
	color: #ff3300;
	transition: border 0.5s;
	border-bottom: 1px solid transparent;
}

.list-table a.link:hover {
	border-color: #ff3300;
}

.list-table .get {
	margin: 10px 0;
	color: #ff3300;
	font-size: 14px;
}

.list-table .get i {
	font-size: 20px;
}

.list-table .get span {
	padding: 0 5px;
}

.list-table ul li .type,
.list-table ul li .txt {
	display: inline;
	vertical-align: middle;
}

.list-table ul.notice {
	max-width: 300px;
	margin: 10px 0;
}

.list-table ul.notice li {
	padding: 5px;
	padding-left: 30px;
	position: relative;
	background-color: #ffe0e0;
	color: #000;
}

.list-table ul.notice li:before {
	content: '!';
	width: 13px;
	height: 13px;
	position: absolute;
	left: 10px;
	top: 8px;
	border-radius: 50%;
	background-color: #c70019;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 13px;
}

.list-table ul.notice li a {
	color: #000;
	border-bottom: 1px solid;
	transition: color 0.5s, border 0.5s;
}

.list-table ul.notice li a:hover {
	color: #c70019;
	border-color: #c70019;
}

.list-table ul.tag li {
	margin: 3px 0;
}

.list-table ul.tag li .type {
	margin-right: 3px;
	padding: 0 5px;
	border-radius: 3px;
	color: #fff;
}

.list-table ul.tag li .txt {
	color: #717171;
}

.list-table ul.tag li.gift .type {
	background-color: #fa228d;
}

.list-table ul.tag li.activity .type {
	background-color: #009f87;
}

.list-table ul.tag li.add .type {
	background-color: #77138d;
}

.list-table ul.note li.normal .type {
	color: #a53c1f;
}

.list-table ul.note li .type {
	padding-right: 10px;
	color: #13308d;
}

.list-table ul.note li .txt {
	color: #ff3300;
}

#cart .block ul.note li .txt span {
	padding: 0 5px;
}

#cart .block .select-qty button,
#cart .block .select-qty input {
	width: 30px;
	height: 30px;
}

#cart .block .select-cy {
	width: 100%;
	height: 30px;
}

.pro-bottom {
	padding: 10px;
	line-height: 30px;
}

.pro-bottom .left {
	float: left;
	line-height: 1.5em;
}

.max-sm-size .pro-bottom .left {
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #a88f78;
}

.max-xs-size .pro-bottom .left {
	float: none;
}

.pro-bottom .left span {
	padding: 0 5px;
}

.pro-bottom .right {
	float: right;
}

.max-md-size .pro-bottom .right {
	margin-right: 0;
}

.max-xs-size .pro-bottom .right {
	float: none;
}

#member .pro-bottom .right {
	margin-right: 0;
}

.pro-bottom .total {
	font-size: 16px;
	font-weight: bold;
}

.pro-bottom .total .red {
	padding: 0;
	font-size: 22px;
	font-weight: bold;
}

.pro-bottom td {
	padding: 0 10px;
}

.max-sm-size .pro-bottom td {
	padding-left: 0;
}

.pro-bottom td:first-of-type {
	min-width: 110px;
}

.max-sm-size .pro-bottom td:first-of-type {
	padding-right: 0;
	text-align: left !important;
}

#cart .block .stamp input,
#cart .block .coin input {
	width: 50px;
	height: 30px;
  margin-right: -5px;
	padding: 0 5px;
	text-align: right;
	background-color: #f1ece7;
	border: 1px solid #c0b1a6;
	transition: background 0.5s;
}

#cart .block .stamp input:hover,
#cart .block .stamp input:focus,
#cart .block .coin input:hover,
#cart .block .coin input:focus {
	background-color: #ece3d9;
}

#cart .block .coin .price {
	display: block;
	padding-left: 30px;
	position: relative;
	color: #3f1506;
	text-align: left;
	line-height: 30px;
}

#cart .block .coin .price:hover {
	color: #c70019;
}

#cart .block .coin .price:before {
	content: url('images/cart/coin-icon.png');
	position: absolute;
	left: 0;
	top: 0;
}

#cart .block .stamp .button {
  min-width: 0;
  height: 26px;
  margin: 0;
  margin-right: -10px;
  padding: 0 5px;
  border-radius: 26px;
  font-size: 13px;
  line-height: 26px;
}

#cart .block .save {
	color: #ff3300;
}

#cart .block .save span {
	padding: 0 5px;
}

.list-table .price {
	color: #c70019;
}

#cart .buttonBlock {
	text-align: center;
}

#cart .pro-others .title {
  background-image: url('images/cart/others-title.png');
}

#cart .fixed-tag {
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 90;
}

#cart .fixed-tag ul {
	display: table;
	min-width: 320px;
	margin: auto;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	overflow: hidden;
}

.max-xs-size #cart .fixed-tag ul {
	display: block;
	border-radius: 0;
}

#cart .fixed-tag ul li {
	float: left;
	text-align: center;
}

.max-xs-size #cart .fixed-tag ul li {
	width: 22%;
}

.max-xs-size #cart .fixed-tag ul li:first-of-type {
	width: 31%;
}

.max-xs-size #cart .fixed-tag ul li:last-of-type {
	width: 25%;
}

#cart .fixed-tag ul li a {
	display: block;
	min-width: 130px;
	padding: 10px 5px 5px 5px;
	color: #fff;
	font-size: 15px;
	border-left: 1px solid #9d7a48;
	border-right: 1px solid #593c13;
	background: #7e450b url('images/cart/fixed-tag-bg.jpg');
	transition: background 0.5s;
}

.max-sm-size #cart .fixed-tag ul li a {
	min-width: 100px;
}

.max-xs-size #cart .fixed-tag ul li a {
	min-width: 0;
  font-size: 14px;
}


#cart .fixed-tag ul li a:hover {
	background: #5e350a url('images/cart/fixed-tag-bg2.jpg');
}

#cart .fixed-tag ul li a i {
	display: inline-block;
	margin-right: 5px;
	font-size: 20px;
}

.max-ss-size #cart .fixed-tag ul li a i {
	margin-right: 0;
	font-size: 16px;
}

#cart .fixed-tag .sub {
	display: none;
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 100;
	background-color: #251005;
	text-align: left;
}

#cart .fixed-tag .container {
	position: relative;
	padding-right: 100px;
	color: #fff;
	font-size: 15px;
}

.max-xs-size #cart .fixed-tag .container {
	font-size: 14px;
}

#cart .fixed-tag .closeText {
	display: inline-block;
	padding: 5px 10px;
	position: absolute;
	right: 15px;
	top: 11px;
	border-radius: 3px;
	background: #7e450b url('images/cart/fixed-tag-bg.jpg');
	text-align: center;
	cursor: pointer;
}

.max-md-size .print-btn {
	display: none;
}

#cart .info-text {
	margin: 30px 0;
}

#cart .info-text ul li,
#cart .info-text .title {
	font-size: 16px;
	font-weight: bold;
}

#cart .info-text p {
	font-size: 15px;
}


/* ==========================================================================
    print
 ==========================================================================*/

@media all {

	#print {
		font-size: 14px;
	}

	#print .container {
		max-width: 1000px;
	}

	#print .title {
		margin: 15px 0;
	}

	#print .title .logo {
		float: left;
		width: 198px;
	}

	#print .title .right {
		float: right;
	}

	#print table caption {
		padding: 10px;
		background-color: #ada195;
		color: #fff;
		font-size: 18px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}

	.max-md-size #print table caption {
		text-align: center;
	}

	#print table {
		width: 100%;
		margin-bottom: 20px;
		border-collapse: collapse;
		border: 1px solid #d9d9d9;
	}

	#print table.list td,
	#print table.list th {
		padding: 8px 10px;
		text-align: center;
	}

	#print table.list td:first-of-type,
	#print table.list th:first-of-type {
		text-align: left;
	}

	#print table.list td {
		border-top: 1px dotted #d8c4b5;
	}

	#print table.list td.transport {
		background-color: #f6f6f6;
		border: 1px solid #d9d9d9;
		border-top-width: 3px;
	}

	#print table.list td.price {
		text-align: right;
		font-weight: bold;
		font-size: 16px;
	}

	#print table.list td .name {
		font-weight: bold;
		font-size: 15px;
	}

	#print table.list td .name span:after {
		content: '-';
		padding: 0 5px;
	}

	#print table.list td .note {
		color: #a53c1f;
		font-size: 13px;
	}

	#print table.list td .gift,
	#print table.list td .activity {
		color: #ff3300;
	}

	#print table.list td .note span {
		padding: 0 5px;
	}

	#print table.list td .gift span,
	#print table.list td .activity span {
		color: #717171;
	}

	#print table.list .group-title td {
		background-color: #e3e1e2;
	}

	#print table.list .group-name {
		padding-left: 60px;
	}

	#print table.list .total td {
		background-color: #f5f5f5;
	}

	#print table.list .total.all td {
		font-size: 15px;
		font-weight: bold;
	}

	#print table.list .total.all td.price {
		font-size: 20px;
	}

	#print table.info {
		color: #717171;
	}

	#print table.info .title {
		margin: 0;
		color: #000;
		font-size: 15px;
		font-weight: bold;
		text-align: center;
	}

	#print table.info td {
		padding: 10px;
		vertical-align: top;
		border-top: 1px solid #d9d9d9;
	}

	#print table.info .editor,
	#print table.info .editor p {
		color: #000;
	}

	#print .buttonBlock {
		margin-bottom: 30px;
		text-align: center;
	}

	#print a.link {
		color: #c70019;
	}

}

@media print {
	#print .buttonBlock {
		display: none;
	}
}

/* ==========================================================================
    member
 ==========================================================================*/

#member .block {
	background: #c49d85 url('images/member/left-nav-bg.jpg') left center repeat-y;
	border-radius: 5px;
}

.max-md-size #member .block {
	background: none;
}

#member .left-nav {
	float: left;
	width: 285px;
	padding: 10px;
}

.max-md-size #member .left-nav {
	float: none;
	width: 100%;
	margin: auto;
	margin-bottom: 20px;
	background: #c49d85 url('images/member/left-nav-bg.jpg');
  background-size: cover;
	border-radius: 5px;
}

#member .left-nav .title-icon {
	margin-top: -70px;
	margin-bottom: 10px;
	text-align: center;
}

#member .left-nav .title-icon ul li {
	display: none;
}

#member .left-nav .title-icon ul li.actived {
	display: block;
}

#member .right-main {
	float: left;
	width: -moz-calc(100% - 285px);
	width: -webkit-calc(100% - 285px);
	width: calc(100% - 285px);
}

.max-md-size #member .right-main {
	float: none;
	width: 100%;
	border-radius: 5px;
}

#member .right-main .inner {
  min-height: 1350px;
	padding: 30px;
	border-left: 1px dashed #8c7d6e;
	background: #e3d7cc url('images/member/inner-bg.jpg');
}

.max-md-size #member .right-main .inner {
	min-height: 0;
	border: none;
}

.max-sm-size #member .right-main .inner {
	padding: 20px 15px;
}

.max-xs-size #member .right-main .inner {
	padding: 0;
}

.personal-info {
	margin-top: 50px;
	padding: 20px 10px;
	background: #e5d5d0 url('images/member/personal-info-bg.jpg');
	border-radius: 5px;
	text-align: center;
}

.personal-info .name {
	display: block;
  height: auto;
  margin: 0;
  font-size: 20px;
}

.personal-info .mail {
	font-weight: bold;
}

.personal-info .upgrade {
	margin: 10px 0;
	padding: 10px;
	background-color: #f1ece7;
	border-radius: 5px;
}

.personal-info .button {
	width: 100%;
}

.personal-info .notice {
	padding-left: 18px;
	position: relative;
	color: #c70019;
	font-weight: bold;
}

.personal-info .notice:hover {
	text-decoration: underline;
}

.personal-info .notice:before {
  content: '!';
  width: 13px;
  height: 13px;
  position: absolute;
  left: 0;
  top: 1px;
  border-radius: 50%;
  background-color: #c70019;
  color: #fff;
  font-size: 12px;
  text-align: center;
  line-height: 13px;
}

#member form.login {
	margin-top: 50px;
	padding: 20px 10px;
	background: #fff url('images/header-sub-bg.jpg');
	border-radius: 5px;
}

#member form.login .buttonBlock {
	margin: 10px 0;
}

#member form.login .buttonBlock button {
	float: left;
	width: 49%;
	height: 40px;
	margin: 0;
}

#member form.login .buttonBlock button.button {
	min-width: 0;
	margin-right: 2%;
	padding: 0;
}

#member form.login .buttonBlock .fb-button i {
  padding-right: 0;
}

#member form.login .links {
	text-align: center;
}

#member form.login .links a {
	display: none;
  margin-right: 15px;
  position: relative;
	color: #391a0b;
	text-decoration: underline;
}

.max-md-size #member form.login .links a {
	display: inline-block;
	text-decoration: none;
}

#member form.login .links a.add {
	display: inline-block;
}

.max-md-size #member form.login .links a:after {
	content: '';
  width: 1px;
  height: 14px;
  margin-top: -7px;
  position: absolute;
  right: -10px;
  top: 50%;
  background-color: #a6938d;
}

#member form.login .links a:last-of-type {
	margin-right: 0;
}

#member form.login .links a:last-of-type:after {
	content: normal;
}


#member form.login a.add:hover {
	color: #c70019;
}

#member .member-nav ul {
	margin: 0;
	padding: 0;
}

#member .member-nav ul li {
	list-style: none;
}

#member ul.list {
	margin: 15px 0;
}

#member ul.list li .title {
	margin: 10px 0;
	padding: 8px 20px;
	background: #593a39 url('images/member/left-nav-title-bg.jpg');
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

#member ul.list ul li {
	padding: 2px 0;
	padding-left: 35px;
	position: relative;
}

#member ul.list ul li:before {
	content: url('images/ul-dot.png');
	position: absolute;
	left: 15px;
	top: 3px;
}

#member ul.list li a {
	color: #391a0b;
	font-size: 15px;
}

.min-md-size #member ul.list li a:hover,
#member ul.list li.actived a {
	color: #c70019;
}


/* top-info */

#member .top-info {
	background: #caa692 url('images/member/top-info-bg.jpg');
	background-size: cover;
}

.max-xs-size #member .top-info {
	background-image: url('images/member/top-info-bg2.jpg');
}

#member .top-info table {
	width: 100%;
	font-size: 15px;
	text-align: center;
}

.max-md-size #member .top-info table {
	font-size: 14px;
	line-height: normal;
}

#member .top-info table td {
	width: 25%;
	padding: 30px 10px;
	vertical-align: top;
	border: 1px dashed #8c7d6e;
}

.max-lg-size #member .top-info table td {
	padding: 10px;
}

.max-xs-size #member .top-info table td {
	display: inline-block;
	width: 50%;
	margin-right: -1px;
	border-style: dotted;
	border-bottom: none;
}

#member .top-info table .title {
	margin: 10px 0;
	font-size: 22px;
}

.max-md-size #member .top-info table .title {
	margin: 5px 0;
	font-size: 18px;
}

.max-xs-size #member .top-info table .title {
	margin-bottom: 0;
	font-size: 15px;
	font-weight: bold;
}

#member .top-info table .sub {
	margin-bottom: 10px;
}

.max-xs-size #member .top-info table .sub {
	margin-bottom: 0;
}

#member .top-info table.level .sub,
#member .top-info table.gift a {
	color: #9b382b;
}

#member .top-info table.gift a {
	font-weight: bold;
}

#member .top-info table.gift a:hover {
	text-decoration: underline;
}

#member .top-info table .num {
	padding-right: 5px;
	color: #c70019;
	font-size: 26px;
	font-weight: bold;
	font-style: italic;
}

.max-md-size #member .top-info table .num {
	font-size: 20px;
}

.max-xs-size #member .top-info table .num {
	font-size: 16px;
}

.member .banner {
	text-align: center;
}

.max-xs-size .member .inner > .banner {
	padding: 30px 15px 0 15px;
}

.member .right-main .editor {
	margin-top: -60px;
	padding: 100px 15px 30px 15px;
	background-color: rgba(197, 177, 159, 0.3);
}

.max-xs-size .member .right-main .editor {
	margin-top: 0;
	padding: 15px;
	background-color: transparent;
}

.member .right-main .editor .banner {
	margin: 50px -15px;
}

.max-xs-size .member .right-main .editor .banner {
  margin: 20px -15px;
}

.member-nav .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 3px;
  background-color: #593a39;
}

.member-nav .mCSB_scrollTools .mCSB_draggerRail {
	width: 3px;
}

.min-md-size .member-nav .mCSB_inside > .mCSB_container {
	padding-right: 0;
}

.max-md-size .member-nav .mCSB_inside > .mCSB_container {
	padding-right: 15px;
}

.max-md-size .member-nav {
	display: none;
  width: 210px;
	position: fixed;
	left: -211px;
	top: 65px;
	background: #c49d85 url('images/member/left-nav-bg.jpg');
	z-index: 10;
	transition: left 0.5s;
}

.max-md-size .member-nav.actived {
	left: 0;
}

.max-md-size .member-nav .scrollbar {
	height: 500px;
	height: -moz-calc(100vh - 66px);
	height: -webkit-calc(100vh - 66px);
	height: calc(100vh - 66px);
	padding: 10px;
	padding-right: 0;
}

.member-nav .toggle {
  width: 35px;
  padding: 10px;
  position: absolute;
  right: -35px;
  bottom: 30px;
  background-color: #593a39;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
}

.min-md-size .member-nav .mCSB_draggerContainer {
	display: none;
}


/* content */

.board {
	padding: 30px 10px 15px 10px;
	position: relative;
	background-color: rgba(197, 177, 159, 0.3);
}

/* #member .board .list {
	padding-bottom: 20px;
	border-bottom: 1px solid #e5d8cc;
} */

#member .board .list.news {
	text-align: center;
}

#member .board .list .left {
	float: left;
	width: 49%;
}

#member .board .list .right {
	float: right;
	width: 49%;
}

.max-lg-size #member .board .list .left,
.max-lg-size #member .board .list .right {
	float: none;
	width: 100%;
}

.max-lg-size #member .board .list .left {
	margin-bottom: 20px;
}

.max-md-size #member .board .list .left {
	float: left;
	width: 49%;
	margin-bottom: 0;
}

.max-md-size #member .board .list .right {
	float: right;
	width: 49%;
}

.max-sm-size #member .board .list .left,
.max-sm-size #member .board .list .right {
	float: none;
	width: 100%;
}

.max-sm-size #member .board .list .left {
	margin-bottom: 20px;
}

#member .board .list.news .title,
#member .board .list.news ul {
	background-color: #fff;
}

#member .board .list.news .title {
	display: inline-block;
	min-width: 210px;
	padding: 5px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	font-size: 16px;
	font-weight: bold;
}

#member .board .list.news ul {
	margin-top: -6px;
	padding: 10px;
	border-top: 5px solid #c5ae9b;
	text-align: left;
}

#member .board .list.news ul li {
	border-bottom: 1px dotted #c5ae9b;
	line-height: 35px;
}

#member .board .list.news ul li a {
	display: block;
	height: 35px;
	color: #717171;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-moz-line-clamp: 1;
	-ms-line-clamp: 1;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
}

#member .board .list.news ul li a:hover {
	color: #c70019;
}


/* more-list */

#member .tri-title {
	padding: 10px;
	padding-left: 25px;
	position: relative;
	font-size: 16px;
	font-weight: bold;
}

.personal .tri-title {
	margin-left: 10px;
}

#member .tri-title:before {
	content: url('images/member/icon-tri.png');
	position: absolute;
	left: 0;
	top: 11px;
}

#member .more-list > ul > li {
	margin-top: 20px;
	position: relative;
}

#member .more-list .more {
	display: inline-block;
	padding: 0 10px;
	position: absolute;
	right: 10px;
	top: 10px;
	border: 1px solid #3f1506;
	border-radius: 20px;
	color: #3f1506;
}

#member .more-list .more:hover {
	color: #fff;
	background-color: #3f1506;
}

#member .more-list .news .left,
#member .more-list .news .right {
	height: 150px;
	position: relative;
	background-color: rgba(112, 50, 21, 0.15);
}

.max-xs-size #member .more-list .news .left,
.max-xs-size #member .more-list .news .right {
	height: 120px;
}

#member .more-list .news .pic {
	width: 150px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}

.max-xs-size #member .more-list .news .pic {
	width: 120px;
}

#member .more-list .news .jqimgFill {
	height: 100%;
	transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1);
}

#member .more-list .news a:hover .jqimgFill {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

#member .more-list .news .text {
	padding: 10px 20px 10px 170px;
}

.max-xs-size #member .more-list .news .text {
	padding-left: 130px;
}

#member .more-list .news .date {
	color: #c70019;
	font-size: 13px;
}

#member .more-list .news .name {
	height: 1.5em;
	font-size: 16px;
	font-weight: bold;
	-webkit-line-clamp: 1;
  -moz-line-clamp: 1;
  -ms-line-clamp: 1;
}

.max-xs-size #member .more-list .news .name {
	font-size: 15px;
}

#member .more-list .news .summary {
	max-height: 4.5em;
	color: #89746d;
	font-size: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-moz-line-clamp: 3;
	-ms-line-clamp: 3;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
}

.max-xs-size #member .more-list .news .summary {
	max-height: 3em;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	-ms-line-clamp: 2;
	font-size: 14px;
}

#member .more-list .order,
#member .more-list .follow {
	padding-bottom: 5px;
	background-color: rgba(112, 50, 21, 0.15);
}

#member .more-list .order ul,
#member .more-list .follow ul {
	margin: 0 5px;
	background-color: #fff;
}

#member .more-list .order ul li,
#member .more-list .follow ul li {
	float: left;
	width: 25%;
	padding: 10px;
	border-right: 1px dotted #d8c4b5;
}

.max-bg-size #member .more-list .order ul li {
	width: 50%;
	border-bottom: 1px dotted #d8c4b5;
}

.max-sm-size #member .more-list .order ul li {
	float: none;
	width: 100%;
	border-right: none;
}

#member .more-list .follow ul li {
	width: 16.66%;
	text-align: center;
}

#member .more-list .follow ul li:last-of-type {
	border: none;
}

.max-bg-size #member .more-list .follow ul li {
	width: 33.3%;
	border-bottom: 1px dotted #d8c4b5;
}

.max-xs-size #member .more-list .follow ul li {
	width: 50%;
}

#member .more-list .order ul li:last-of-type {
	border: none;
}

#member .more-list .order ul li .pic {
	float: left;
	width: 90px;
	position: relative;
}

.max-bg-size #member .more-list .order ul li .pic {
	width: 105px;
}

#member .more-list .follow ul li .pic {
	display: inline-block;
	max-width: 150px;
	margin-bottom: 10px;
	position: relative;
}

#member .more-list ul li .pic img {
	transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1);
}

#member .more-list ul li a:hover .pic img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

#member .pic:before {
	display: block;
	position: absolute;
	left: -5px;
	top: -5px;
	z-index: 1;
}

#member .pic.full:before {
	content: url('images/member/discounts-icon01.png');
}

#member .pic.random:before {
	content: url('images/member/discounts-icon02.png');
}

#member .pic.pair:before {
	content: url('images/member/discounts-icon03.png');
}

#member .more-list .order ul li .text {
	float: left;
	width: -moz-calc(100% - 90px);
	width: -webkit-calc(100% - 90px);
	width: calc(100% - 90px);
	padding-left: 10px;
}

.max-bg-size #member .more-list .order ul li .text {
	width: -moz-calc(100% - 105px);
	width: -webkit-calc(100% - 105px);
	width: calc(100% - 105px);
}

#member .board .bottom {
	padding-bottom: 0;
	border: none;
}

.max-sm-size #member .board .bottom {
	margin: 0 -10px;
}

#member .bottom > table {
	width: 100%;
}

#member .bottom > table > tbody > tr > td {
	width: 20%;
	padding: 20px 10px;
	vertical-align: top;
  border-right: 1px dotted #c0a794;
	text-align: center;
}

.max-sm-size #member .bottom > table > tbody > tr > td {
	display: block;
	width: 100%;
	border-bottom: 1px dotted #c0a794;
	border-right: none;
}

#member .bottom > table > tbody > tr > td:last-of-type {
	border: none;
}

.max-sm-size #member .bottom > table > tbody > tr > td {
	display: inline-block;
	width: 50%;
	border: 1px dotted #c0a794;
	border-bottom: none;
	margin-right: -1px;
}

.max-sm-size #member .bottom > table > tbody > tr > td:nth-of-type(3) {
	width: 100%;
	border-left: none;
	border-right: none;
}

.max-sm-size #member .bottom > table > tbody > tr > td:nth-of-type(1),
.max-sm-size #member .bottom > table > tbody > tr > td:nth-of-type(4) {
	border-left: none;
}

.max-sm-size #member .bottom > table > tbody > tr > td:nth-of-type(2),
.max-sm-size #member .bottom > table > tbody > tr > td:nth-of-type(5) {
	border-right: none;
}

#member .bottom table table {
	margin: auto;
}

#member .bottom table table td {
	padding: 3px 0;
}

#member .bottom table table td.star {
	padding-left: 5px;
}

#member .bottom .name {
	height: auto;
	max-height: 3em;
}

#member .bottom .title {
	font-size: 20px;
}

#member .bottom .icon {
	margin: 15px 0;
}

#member .bottom .date {
	margin: 20px 0 10px 0;
	color: #663c28;
	font-weight: bold;
}

#member .bottom .num {
	padding: 0 5px;
	color: #c70019;
	font-size: 25px;
	font-weight: bold;
}


/* ==========================================================================
    register
 ==========================================================================*/

.board-title {
	margin: 0;
	margin-top: -15px;
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e5d8cc;
	font-size: 22px;
	text-align: center;
	font-weight: normal;
}

#register .board {
	max-width: 985px;
	width: 100%;
	margin: auto;
	position: relative;
  background: #ddcfc1 url('images/member/inner-bg2.jpg');
}

ul.board-steps {
	margin: 30px 0;
	text-align: center;
}

ul.board-steps li {
	display: inline-block;
	color: #a6938d;
	font-size: 16px;
	line-height: 25px;
}

.max-xs-size ul.board-steps li {
	padding-right: 30px;
	position: relative;
	font-size: 14px;
}

.max-xs-size ul.board-steps li:last-of-type {
	padding-right: 0;
}

ul.board-steps li.actived {
	color: #391a0b;
	font-weight: bold;
}

ul.board-steps li:after {
	content: url('images/register/register-steps-tri.png');
	display: inline-block;
	padding: 0 20px;
}

.max-sm-size ul.board-steps li:after {
	padding: 0 10px;
}

.max-xs-size ul.board-steps li:after {
	margin-top: -15px;
	position: absolute;
	right: 0;
	top: 50%;
}

ul.board-steps li:last-of-type:after {
	content: normal;
}

ul.board-steps li span {
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-right: 5px;
	border-radius: 50%;
	background-color: #a6938d;
	color: #e5d8cc;
}

.max-xs-size ul.board-steps li span {
	display: table;
	margin: auto;
}

ul.board-steps li.actived span {
	color: #fff;
	background-color: #c70019;
}


/* member-form */

.member-form,
.member-info {
	max-width: 500px;
	width: 100%;
	margin: auto;
	padding-bottom: 20px;
	font-size: 15px;
}

.member-info {
	max-width: 580px;
	line-height: 1.8em;
}

.goodies .member-form {
	max-width: 830px;
}

.forgot .member-form {
	max-width: 530px;
}

.goodies .member-form .others input[type="checkbox"] {
  margin-top: 11px;
}

.goodies .member-form .form-control {
	width: 150px;
}

.goodies .member-form .form-group .title {
	margin: 10px 0;
}

.goodies .member-form .group {
	margin-bottom: 10px;
}

.goodies .member-form .group .type {
	display: table;
	margin-top: 5px;
	padding: 10px;
	padding-left: 20px;
  background-color: rgba(197, 177, 159, 0.3);
}

.goodies .member-form .group .type .form-control {
	width: 50px;
	margin: 0 5px;
}

.goodies .member-form ul li {
	margin-bottom: 5px;
}

.goodies .member-form ul li.others label,
.goodies .member-form ul li.others input {
	display: inline-block;
	vertical-align: middle;
}

.goodies .member-form ul li.others label {
	height: 35px;
  margin-right: 0;
}

.member-form .banner {
	margin-bottom: 20px;
	border-radius: 5px;
	overflow: hidden;
}

.member-form .form-title {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}

.member-info .title {
	margin-bottom: 30px;
	font-size: 22px;
	text-align: center;
}

.member-form .form-title .title {
	float: left;
}

.member-form .form-title .notice {
	float: right;
	font-weight: normal;
}

.member-form .notice {
	font-size: 14px;
}

.member-form .note {
	margin: 5px 0;
	font-size: 14px;
	color: #7f6d68;
}

.member-form .brown {
	color: #7f6d68;
}

.member-form .text {
	margin-bottom: 20px;
}

.inform .member-form .text {
	padding-bottom: 20px;
	border-bottom: 1px dotted #a09081;
}

.member-form .text-center {
	text-align: center;
}

.member-form .col-sm-2 {
	width: 120px;
}

.forgot .member-form .col-sm-2 {
	width: 150px;
}

.inform .member-form .col-sm-2 {
	width: 135px;
}

.member-form .col-sm-10 {
	width: -moz-calc(100% - 120px);
	width: -webkit-calc(100% - 120px);
	width: calc(100% - 120px);
}

.forgot .member-form .col-sm-10 {
	width: -moz-calc(100% - 150px);
	width: -webkit-calc(100% - 150px);
	width: calc(100% - 150px);
}

.inform .member-form .col-sm-10 {
	width: -moz-calc(100% - 135px);
	width: -webkit-calc(100% - 135px);
	width: calc(100% - 135px);
}

.max-sm-size .member-form .col-sm-10 {
	width: 100%;
}

.member-form .inputAccount input {
	float: left;
	width: -moz-calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	width: calc(100% - 40px);
}

.member-form .inputAccount button.fb {
	float: right;
	width: 35px;
	height: 35px;
	border-radius: 5px;
	background-color: #4662a3;
	color: #fff;
	font-size: 20px;
	transition: background 0.5s;
}

.member-form .inputAccount button.fb:hover {
	background-color: #324f92;
}

.member-form .inputPassword .show {
	right: 15px;
}

.max-xs-size .member-form .inputPasscode {
  padding-right: 15px;
}

.member-info a.link,
.member-form a.link {
	color: #c70019;
}

.member-info a.link:hover,
.member-form a.link:hover {
	text-decoration: underline;
}

.member-form .inputPhone .phoneNum {
	float: left;
	width: -moz-calc(100% - 108px);
	width: -webkit-calc(100% - 108px);
	width: calc(100% - 108px);
}

.member-form .inputPhone .button {
	float: right;
	min-width: 0;
	width: 100px;
	padding: 0;
	background-color: #a6938d;
	color: #fff;
}

.member-form .inputPhone .button:hover {
	background-color: #816f69;
}


/* member-tabs */

.member-tabs {
	padding-top: 20px;
	/* border-top: 1px solid #e5d8cc; */
}

.member-tabs ul.tabs {
  display: flex;
  padding: 0 20px;
  justify-content: space-around;
  border-bottom: 5px solid #c6ae9b;
}

.max-sm-size .member-tabs ul.tabs {
	display: block;
	margin-bottom: 10px;
	padding: 0;
	border: none;
}

.member-tabs ul.tabs li {
	float: left;
	width: 100%;
	margin: 0 3px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border: 1px solid #c6ae9b;
	background-color: rgba(255, 255, 255, 0.5);
	text-align: center;
	transition: background 0.5s;
}

.max-sm-size .member-tabs ul.tabs li {
	float: none;
	margin: 0;
	margin-bottom: -1px;
	border-radius: 0;
}

.min-md-size .member-tabs ul.tabs li:hover {
	background-color: rgba(255, 255, 255, 0.8);
}

.member-tabs ul.tabs li.actived {
	background-color: #fff;
}

.member-tabs ul.tabs li a {
	display: block;
	padding: 5px;
	padding-top: 10px;
	position: relative;
	color: #391a0b;
	font-size: 16px;
	font-weight: bold;
}

.member-tabs ul.tabs li.actived a:before {
  content: url('images/member/icon-tri.png');
  display: inline-block;
  vertical-align: middle;
  padding-right: 5px;
}

.member-tabs ul.tabs li.actived a:after {
	content: '';
	width: 100%;
	height: 6px;
	position: absolute;
	left: 0;
	bottom: -6px;
	background-color: #fff;
}

.max-sm-size .member-tabs ul.tabs li.actived a:after {
	content: normal;
}

.member-tabs .tabs-inner {
	padding: 30px 15px;
	background-color: #fff;
}

.forDomestic {
	margin-bottom: 5px;
}

.forDomestic select,
.forDomestic input {
	float: left;
}

.forDomestic .county {
	width: 125px;
}

.forDomestic .township {
	width: 155px;
	margin: 0 5px;
}

.forDomestic .add-id {
	width: 90px;
}

.max-xs-size .forDomestic select,
.max-xs-size .forDomestic input {
	float: none;
	width: 100%;
	margin: 0;
	margin-top: 5px;
}


/* data */

#member .data .info {
	max-width: 780px;
	width: 100%;
	margin: auto;
	font-size: 15px;
}

#member .data .info ul li {
	padding: 5px 0;
}

#member .data .history {
	font-size: 0;
}

#member .data .history ul.slider {
	margin: 30px;
	padding: 0 30px;
}

.max-sm-size #member .data .history ul.slider {
	margin: 30px 0;
  padding: 0 20px;
}

#member .data .history ul ul:before {
	content: '';
	width: 100%;
	height: 5px;
	position: absolute;
	left: 0;
	top: 49px;
	z-index: 0;
	background-color: #a6938d;
}

.max-xs-size #member .data .history ul ul:after {
	content: '';
	width: 100%;
	height: 5px;
	position: absolute;
	left: 0;
	top: 156px;
	z-index: 0;
	background-color: #a6938d;
}

#member .data .history ul ul li {
	display: inline-block;
	vertical-align: top;
	width: 16.6%;
	position: relative;
	z-index: 1;
	font-size: 14px;
	text-align: center;
}

.max-xs-size #member .data .history ul ul li {
	width: 16.6%;
}

#member .data .history .icon {
	width: 36px;
	height: 36px;
	margin: auto;
	padding: 5px;
}

#member .data .history .actived .icon {
	padding: 0;
}

#member .data .history .dot {
	width: 10px;
	height: 10px;
	margin: 10px auto;
	border-radius: 50%;
	border: 1px solid #ddcec1;
	background-color: #a6938d;
}

#member .data .history .slick-prev {
	background-image: url('images/arrow-prev3.png');
}

.max-xs-size #member .data .history .slick-prev {
	left: -10px;
}

#member .data .history .slick-next {
	background-image: url('images/arrow-next3.png');
}

.max-xs-size #member .data .history .slick-next {
	right: -10px;
}

#member .data .goodies .member-form .group .type {
	background-color: rgba(197, 177, 159, 0.15);
}


/* ordered */

.max-xs-size .padding15 {
	padding: 15px;
}

#member .steps {
	font-size: 0;
	text-align: center;
}

.max-xs-size #member .steps {
	text-align: left;
}

#member .steps li {
	display: inline-block;
	width: 16%;
	position: relative;
	font-size: 15px;
}

.max-sm-size #member .steps li {
	min-width: 110px;
}

.max-xs-size #member .steps li {
	min-width: 0;
	width: 33%;
	font-size: 14px;
	text-align: center;
}

#member .steps li:after {
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
	right: -5%;
	top: 40px;
	background: url('images/ordered/step-tri.png') center no-repeat;
}

.max-xs-size #member .steps li:after {
	right: 0;
}

#member .steps li:last-of-type:after {
	content: normal;
}

#member .steps li .icon {
	display: inline-block;
	width: 76px;
	height: 76px;
	margin-bottom: 10px;
	border-radius: 50%;
	background: #a6938d center no-repeat;
}

.max-xs-size #member .steps li .icon {
	width: 60px;
	height: 60px;
	margin-bottom: 0;
	background-size: contain;
}

#member .steps li.actived .icon {
	background-color: #a43b1b;
}

#member .steps li.pay .icon {
	background-image: url('images/ordered/step01.png');
}

#member .steps li.ready .icon {
	background-image: url('images/ordered/step02.png');
}

#member .steps li.already .icon {
	background-image: url('images/ordered/step03.png');
}

#member .steps li.transport .icon {
	background-image: url('images/ordered/step04.png');
}

#member .steps li.arrival .icon,
#member .steps li.apply .icon {
	background-image: url('images/ordered/step05.png');
}

#member .steps li.ok .icon {
	background-image: url('images/ordered/step06.png');
}

#member .steps li.process .icon {
	background-image: url('images/ordered/step07.png');
}

#member .notice {
	margin: 15px 0;
}

#member .search ul li {
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
	line-height: 35px;
}

#member .search .filter {
	max-width: 410px;
	padding-right: 5px;
}

.max-xs-size #member .search .filter {
	padding-right: 0;
}

#member .search .status {
	max-width: 500px;
}

#member .search .form-control {
	margin-bottom: 5px;
}

#member .search .filter input,
#member .search .status select {
	max-width: 165px;
}

#member .search .status input {
	max-width: 220px;
}

.max-xs-size #member .search ul li,
.max-xs-size #member .search .form-control {
	max-width: none;
}

.max-xs-size #member .search .status {
	padding-right: 35px;
	position: relative;
}

.max-xs-size #member .search .status button {
	width: 35px;
	height: 35px;
	position: absolute;
	right: 0;
	bottom: 5px;
}

#member .search .status button {
	font-size: 20px;
}

#member .search .status button:hover {
	color: #c70019;
}

#member .ordered-table {
	width: 100%;
	min-width: 890px;
	margin-top: 20px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	overflow: hidden;
}

.max-xs-size #member .ordered-table {
	min-width: 0;
	margin-top: 0;
}

#member .book .ordered-table {
	min-width: 0;
}

#member .ordered-table th,
#member .ordered-table td {
	padding: 5px 15px;
	text-align: center;
}

#member .ordered-table th {
	padding: 10px 15px;
	background: #4a3231 url('images/ordered/table-bg.jpg');
	color: #fff;
}

#member .book .ordered-table th label {
	margin-bottom: 0;
}

#member .ordered-table td {
	background-color: #fff;
	border-bottom: 1px solid #d8c4b5;
}

.max-sm-size #member .ordered-table tr,
.max-sm-size #member .ordered-table td {
	display: block;
	width: 100%;
	text-align: left;
}

.max-sm-size #member .ordered-table tr {
	margin-bottom: 5px;
	padding-top: 40px;
	position: relative;
	background-color: #fff;
}

.max-sm-size #member .ordered-table tr:first-of-type,
.max-sm-size #member .book .ordered-table th,
.max-sm-size #member .ordered-table .null {
	display: none;
}

.max-sm-size #member .book .ordered-table tr:first-of-type,
.max-sm-size #member .book .ordered-table th:first-of-type {
	display: block;
}

.max-sm-size #member .book .ordered-table tr {
	padding-top: 0;
}

.max-sm-size #member .pro-btn .button {
	display: inline-block;
}

.max-sm-size #member .ordered-table td .hidden {
	display: inline-block;
}

.max-sm-size #member .ordered-table td.status {
  width: auto;
  padding: 2px 5px;
	position: absolute;
	left: 15px;
	top: 10px;
	background-color: #e6d9cf;
	border: 1px solid #ac9b95;
	border-radius: 2px;
}

.max-sm-size #member .ordered-table td.status img {
	display: none;
}

.max-sm-size #member .ordered-table td .price {
	color: #c70019;
	font-size: 16px;
	font-weight: bold;
	font-family: "Roboto", Arial, Verdana, "Heiti TC", "Microsoft JhengHei", 微軟正黑體;
}

.max-sm-size #member .ordered-table td .price:before {
	content: '$';
	font-size: 14px;
	padding-right: 2px;
}

#member .ordered-table tr.cancel td {
	color: #717171;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}

#member .ordered-table tr.cancel td a {
	color: #717171 !important;
}

#member .ordered-table a {
	color: #391a0b;
	text-decoration: underline;
}

#member .ordered-table a.link {
	color: #c70019;
}

#member .ordered-table a.link:hover {
	color: red;
}

#member .ordered .sendBy {
	display: inline-block;
	padding: 5px;
	padding-bottom: 2px;
	border: 1px solid #cecece;
	border-radius: 5px;
}

#member .ordered img {
	display: inline-block;
	vertical-align: text-bottom;
}


/* order */

#member .order .member-tabs {
	margin-top: 20px;
	background: #4d3434 url('images/ordered/table-bg.jpg');
	border: 1px solid #4d3434;
}

#member .order .tabs-inner {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

.max-sm-size #member .order .tabs-inner {
	padding: 0;
}

#member .order .list-num li {
	padding: 5px 30px;
	border-bottom: 1px dotted #d8c4b5;
	font-size: 15px;
}

.max-xs-size #member .order .list-num li {
	padding: 5px 15px;
}

#member .order .list-num li:last-of-type {
	border: none;
}

#member .order .list-table {
	max-width: 970px;
	padding: 0;
}

#member .order .list-table tr {
	border-left: none;
	border-right: none;
}

#member .order .list-table th,
#member .order .pro-bottom {
	background-color: #ebe3dd;
}

.max-sm-size .order .member-tabs ul.tabs {
	margin-bottom: 20px;
}

#member .order .order-info {
	border-top: 1px solid #000;
}

#member .order .dialog {
	border-top: 1px solid #000;
	background-color: #ede7e2;
	font-size: 15px;
}

#member .order .dialog .member-form {
	max-width: none;
	padding: 30px;
}

.max-xs-size #member .order .dialog .member-form {
	padding: 15px;
}

#member .order .dialog .member-form .buttonBlock {
	padding-bottom: 0;
}

#member .order .dialog .member-form .button {
	background-color: #806c6c;
	color: #fff;
}

#member .order .dialog .member-form .button i {
	display: inline-block;
	vertical-align: sub;
	font-size: 25px;
}

#member .order .dialog .content {
	border-top: 1px solid #806c6c;
}

#member .order .dialog .content ul {
	padding: 30px;
}

.max-xs-size #member .order .dialog .content ul {
	padding: 15px;
}

#member .order .dialog .content ul li {
	display: table;
	max-width: 60%;
	margin-bottom: 10px;
	position: relative;
}

.max-xs-size #member .order .dialog .content ul li {
	display: block;
	max-width: none;
}

#member .order .dialog .content ul li .icon {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 15px;
	background: center no-repeat;
	border-radius: 50%;
	overflow: hidden;
}

#member .order .dialog .content .service {
	margin-right: auto;
	padding-left: 70px;
}

#member .order .dialog .content .service .icon {
	left: 0;
	background-image: url('images/member/ask-icon01.png');
	background-color: #523738;
}

#member .order .dialog .content .user {
	margin-left: auto;
	padding-right: 70px;
}

#member .order .dialog .content .user .icon {
	right: 0;
}

#member .order .dialog .content .user .icon.citizen {
	background-image: url('images/member/level-icon01.png');
	background-color: #49b9ac;
}

#member .order .dialog .content .user .icon.normal {
	background-image: url('images/member/level-icon02.png');
	background-color: #f1ae35;
}

#member .order .dialog .content .user .icon.vip {
	background-image: url('images/member/level-icon03.png');
	background-color: #b18eb9;
}

#member .order .dialog .content .user .icon.gold {
	background-image: url('images/member/level-icon03.png');
	background-color: #ad93b5;
}

#member .order .dialog .date {
	margin-bottom: 5px;
	color: #818181;
}

#member .order .dialog .text {
	padding: 15px;
	position: relative;
	border-radius: 5px;
}

.max-xs-size #member .order .dialog .text {
	padding: 10px;
}

#member .order .dialog .text:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	position: absolute;
	top: 10px;
}

#member .order .dialog .service .text {
	background-color: #bf967c;
	color: #fff;
}

#member .order .dialog .service .text:before {
	left: -8px;
	border-width: 5px 10px 5px 0;
	border-color: transparent #bf967c transparent transparent;
}

#member .order .dialog .user .text {
	background-color: #daccbe;
	text-align: right;
}

#member .order .dialog .user .text:before {
	right: -8px;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #daccbe;
}

#member .order .buttonBlock {
	padding-bottom: 20px;
}

/* inform */

.inform .block {
	margin-top: 30px;
}

.inform .block .toggle {
	padding: 0 30px;
	position: relative;
  background: #4a3231 url('images/ordered/table-bg.jpg');
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #fff;
  font-size: 15px;
  line-height: 45px;
  font-weight: bold;
}

.inform .toggle-inner,
.inform .pro-bottom {
	background-color: #fff;
}

.inform .list-table {
	max-width: 972px;
}

#member .inform .reason {
	background: none;
}

.inform .reason .toggle-inner {
	padding: 20px 15px;
	background-color: rgba(197, 177, 159, 0.3);
}

.inform .reason .editor,
#member .cancel .editor {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dotted #a09081;
}

#member .editor,
#member .editor p {
	color: #391a0b;
}


/* returned */

#member .returned {
	padding: 30px;
	background-color: #ede7e2;
	border-top: 1px solid #000;
	font-size: 15px;
}

.max-xs-size #member .returned {
	padding: 15px;
}

#member .returned > ul > li {
	padding: 2px 0;
}

#member .returned .result {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dotted #d8c4b5;
	text-align: center;
}

#member .returned .result ul li {
	display: none;
}

#member .returned .result ul li.actived {
	display: block;
}

#member .returned .result div {
	display: inline-block;
}

#member .returned .result i {
	color: #c70019;
	font-size: 35px;
}

#member .returned .result .title {
	padding-right: 10px;
	padding-bottom: 10px;
	font-size: 20px;
}

#member .returned .result .summary {
	color: #a6938d;
}


/* passbook */

#member .passbook .member-tabs {
	padding-top: 0;
	border: none;
}

#member .table-list {
	margin-top: 30px;
}

#member .table-list:first-of-type {
	margin-top: 0;
}

#member .top-tool .left {
	float: left;
}

.max-sm-size #member .top-tool .left {
	float: none;
}

#member .top-tool .left select {
	width: 120px;
	margin-right: 10px;
}

#member .top-tool .left .text {
	display: inline-block;
}

.max-sm-size #member .top-tool .left .text {
	display: block;
	margin-top: 10px;
}

#member .top-tool .right {
	float: right;
	padding-top: 8px;
}

.max-sm-size #member .top-tool .right {
	float: none;
	padding-top: 0;
	padding-bottom: 10px;
}

#member .top-tool .right ul li {
	display: inline-block;
	margin-left: 10px;
}

#member .top-tool .right ul li:first-of-type {
	margin-left: 0;
}

#member .top-tool .right ul li a {
	display: block;
	color: #391a0b;
	font-weight: bold;
}

#member .top-tool .right ul li a:hover {
	color: #c70019;
}

#member .top-tool .right ul li a:before {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	border-radius: 50%;
	border: 2px solid #391a0b;
	text-align: center;
	line-height: 17px;
	transition: border 0.5s;
}

#member .top-tool .right ul li a:hover:before {
	border-color: #c70019;
}

#member .top-tool .right ul li.exchange a:before {
	content: '$';
}

#member .top-tool .right ul li.tickets a:before {
	content: '!';
	padding-left: 1px;
}

#member .table-list table {
	width: 100%;
	min-width: 300px;
	border-collapse: collapse;
	margin-top: 15px;
	text-align: center;
}

#member .table-list table.min750 {
	min-width: 750px;
}

.max-xs-size #member .table-list table {
	min-width: 0;
}

#member .table-list table th,
#member .table-list table td {
	padding: 10px;
}

#member .table-list table th {
	background-color: #a43b1b;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

#member .table-list table td {
	background-color: #f9f7f6;
	border-bottom: 1px dotted #d8c4b5;
	color: #717171;
}

.max-xs-size #member .table-list table tr,
.max-xs-size #member .table-list table td {
	display: block;
	text-align: left;
}

.max-xs-size #member .table-list table tr {
	margin-bottom: 5px;
	border: 2px solid #d8c4b5;
}

.max-xs-size #member .coupon .table-list table tr {
	padding-top: 50px;
  background-color: #f9f7f6;
  position: relative;
}

.max-xs-size #member .coupon .table-list table .price {
	min-width: 80px;
	padding: 5px;
	position: absolute;
	left: 10px;
	top: 10px;
	background-color: #e6d9cf;
	border: 1px solid #af9e98;
	font-size: 16px;
	color: #391a0b;
	font-weight: bold;
	text-align: center;
	font-family: "Roboto", Arial, Verdana, "Heiti TC", "Microsoft JhengHei", 微軟正黑體;
}

.max-xs-size #member .table-list table tr:first-of-type {
	display: none;
}

.max-xs-size #member .table-list table td .hidden {
	display: inline-block;
}

#member .table-list table a {
	color: #717171;
	text-decoration: underline;
}

.max-md-size #member .table-list table a {
	color: #c70019;
}

.min-md-size #member .table-list table a:hover {
	color: #c70019;
}


/* track-list */

.track-list {
	margin: 0 -10px -15px -10px;
	padding: 10px;
	background: #fff url('images/header-sub-bg.jpg');
}

#member .pro-btn .button {
	display: block;
	min-width: 0;
	width: 60px;
	height: 30px;
	margin: 5px auto;
	padding: 0;
	border-radius: 30px;
	background-color: #c70019;
	color: #fff !important;
	line-height: 30px;
	font-size: 14px;
	text-decoration: none;
}

#member .pro-btn .button:hover {
	background-color: #9e0f21;
}

#member .pro-btn .button.delete {
	background-color: #69504b;
}

#member .pro-btn .button.delete:hover {
	background-color: #391a0b;
}

.track-list .list-inner {
	padding: 10px;
	padding-top: 0;
	background-color: #d9cdc1;
}

.max-md-size .track-list .list-inner {
  padding: 0;
}

.max-md-size .track-list .list-table td {
	display: block;
	width: auto;
}

.track-list .list-table > tbody > tr {
	border: 1px dotted #d8c4b5;
	border-left: none;
	border-right: none;
}

.max-md-size .track-list .list-table tr:first-of-type {
	display: block;
	min-height: 0;
	padding-left: 0;
	font-size: 14px;
}
.max-md-size .track-list .list-table th {
	display: block;
	padding: 5px;
	padding-left: 20px;
	background: #d9cdc1;
}

.max-md-size #member .track-list .pro-btn .button {
	display: inline-block;
}

.max-md-size #member .track-list .pro-btn {
	width: auto;
}

.track-list .pages ul,
.track-list .pages .goPage {
  padding-top: 0;
}

.max-sm-size .track-list .pages ul,
.max-sm-size .track-list .pages .goPage {
	padding-top: 5px;
}

.max-xs-size .track-list .pages ul,
.max-xs-size .track-list .pages .goPage {
	padding-left: 0;
}


/* evaluated */

#member .evaluated .ordered-table {
	margin-top: 0;
}

.max-sm-size #member .evaluated .ordered-table tr {
	padding-top: 0;
}

.max-sm-size #member .evaluated .ordered-table .stars,
.max-sm-size #member .evaluated .ordered-table .star ul,
.max-sm-size #member .evaluated .ordered-table .hidden {
	display: inline-block;
}

.max-sm-size #member .evaluated .ordered-table .star .hidden {
	font-size: 14px;
}


/* tickets */

#member .tickets .member-tabs,
#member .level .member-tabs {
  padding-top: 0;
  border-top: none;
}

#member .tickets table,
#member .level table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px dotted #d8c4b5;
	background-color: #f9f7f6;
}

#member .level table th,
#member .level table td,
#member .tickets table th,
#member .tickets table td {
	padding: 10px 30px;
	border-bottom: 1px dotted #d8c4b5;
}

.max-lg-size #member .level table th,
.max-lg-size #member .level table td,
.max-lg-size #member .tickets table th,
.max-lg-size #member .tickets table td {
	padding: 10px;
}

#member .level table .brown,
#member .tickets table .brown {
	background-color: #a43b1b;
	color: #fff;
}

#member .tickets .button {
	text-decoration: none;
}

#member .tickets .join {
	display: table;
	max-width: 330px;
	width: 100%;
	height: 45px;
	margin: 20px auto;
	padding: 0;
	color: #fff;
	line-height: 45px;
}

.max-xs-size #member .tickets .join {
	max-width: 250px;
}

#member .tickets .join i {
	display: inline-block;
	vertical-align: sub;
	width: 33px;
	height: 33px;
	margin-right: 10px;
	border-radius: 50%;
	background-color: #fff;
	color: #341405;
	font-size: 25px;
	line-height: 33px;
	transition: color 0.5s;
}

#member .tickets .join:hover i {
	color: #682100;
}


/* exchange */

.exchange .change-steps {
	margin-bottom: 30px;
	padding: 20px 0 30px 0;
	border-bottom: 1px dotted #a09081;
	font-size: 0;
	text-align: center;
}

.max-xs-size .exchange .change-steps {
	padding-top: 0;
}

.exchange .change-steps li {
	display: inline-block;
	width: 145px;
	margin-right: 40px;
	position: relative;
}

.max-sm-size .exchange .change-steps li {
  width: 120px;
  margin-right: 30px;
}

.max-xs-size .exchange .change-steps li {
	width: 32%;
  margin-right: 2%;
  vertical-align: top;
}

.exchange .change-steps li:last-of-type {
	margin-right: 0;
}

.exchange .change-steps li:after {
	content: url('images/exchange/step-arrow.png');
	position: absolute;
	right: -22px;
	top: 110px;
}

.max-sm-size .exchange .change-steps li:after {
	right: -19px;
}

.max-xs-size .exchange .change-steps li:after,
.exchange .change-steps li:last-of-type:after {
	content: normal;
}

.exchange .change-steps .icon {
	display: inline-block;
	width: 100px;
	height: 100px;
	padding-top: 5px;
	position: relative;
	z-index: 1;
	border-radius: 50%;
	border: 2px solid #a43b1b;
	background-color: #fff;
}

.max-xs-size .exchange .change-steps .icon {
	width: 80px;
	height: 80px;
}

.max-xs-size .exchange .change-steps .icon img {
	width: 65px;
}

.exchange .change-steps .text {
	height: 125px;
	margin-top: -50px;
	padding-top: 70px;
	border-radius: 5px;
	background-color: #a43b1b;
	color: #fff;
	font-size: 18px;
}

.max-sm-size .exchange .change-steps .text {
	height: 100px;
	padding-top: 60px;
	font-size: 15px;
}

.max-xs-size .exchange .change-steps .text {
	font-size: 14px;
}

.exchange .coupon {
	width: 275px;
	height: 132px;
	margin: 30px auto;
  padding-top: 55px;
	background: url('images/exchange/coupon-pic.png') center no-repeat;
	color: #ff2d0a;
	font-size: 51px;
	font-weight: bold;
	text-align: center;
}

.exchange .coupon:before {
	content: '$';
	padding-right: 5px;
	font-size: 40px;
}

.exchange .editor {
	margin-top: 50px;
}

.max-xs-size .exchange .member-form .inputPasscode {
  padding-right: 0;
}

#member .exchange .ordered-table {
	width: 973px;
}

.max-xs-size #member .exchange .ordered-table {
	width: 100%;
}

.max-xs-size #member .exchange .ordered-table tr {
	padding-top: 0;
}

.max-xs-size #member .ordered-table a {
	color: #c70019;
}


/* gift */

#member .gift .editor {
	margin-top: 20px;
}

#member .gift-list {
	text-align: center;
}

#member .gift-list ul li {
	display: inline-block;
	width: 30%;
	padding: 0 1%;
}

.max-xs-size #member .gift-list ul li {
	display: block;
	max-width: 200px;
	width: 100%;
	margin: auto;
	padding: 5px 0;
}

#member .gift-list .gift-btn {
	display: inline-block;
	max-width: 305px;
	width: 100%;
	margin: 20px 0;
	padding: 10px;
	border-radius: 5px;
	background-color: #c70019;
	color: #fff;
	font-size: 20px;
}

#member .gift-list .gift-btn:hover {
	background-color: #a50a1e;
}


/* newspaper */

.newspaper .button {
  min-width: 120px;
	margin: 5px 0;
	margin-left: 20px;
}

.max-xs-size .newspaper .button {
	margin-left: 5px;
}

/* level */

#member .level .level-table {
	width: 923px;
}

#member .level .level-table td,
#member .level .level-table th {
	border: 1px solid #d8c4b5;
}

#member .level .level-table td:nth-of-type(2),
#member .level .level-table th:nth-of-type(2) {
	background-color: #fdf6ef;
}

#member .level .level-table td:nth-of-type(3),
#member .level .level-table th:nth-of-type(3) {
	background-color: #f2efec;
}

#member .level .level-table td:nth-of-type(4),
#member .level .level-table th:nth-of-type(4) {
	background-color: #f6ebe8;
}

#member .level .level-table td:nth-of-type(5),
#member .level .level-table th:nth-of-type(5) {
	background-color: #f3e8e9;
}

#member .level .level-table th {
	padding: 0;
	text-align: center;
}

#member .level .level-table td {
	width: 42%;
	padding: 5px 10px;
}

#member .level .level-table td:first-of-type {
	width: 16%;
	text-align: center;
}

#member .level .level-table .slash {
  min-width: 144px;
	height: 160px;
}

#member .level .level-table ul {
	padding-left: 15px;
}


/* pages */

#member .pages a,
#member .pages .goPage input,
#member .pages .goPage button {
	border-color: #c0b1a6;
}

#member .pages .goPage button:hover {
	border-color: #391a0b;
}

#member .pages ul li.unClick a {
	color: #a6938d;
}


/* ==========================================================================
    footer
 ==========================================================================*/

#footer .main {
	margin-top: -1px;
	background: #391d0e url('images/footer-bg.jpg') repeat;
}

#footer .top-slogan ul {
	padding-top: 30px;
	font-size: 0;
	text-align: center;
}

#footer .top-slogan ul li {
	display: inline-block;
	margin-bottom: 30px;
	margin-left: 50px;
	padding-left: 80px;
	position: relative;
	text-align: left;
}

.max-lg-size #footer .top-slogan ul li {
	margin-left: 30px;
}

.max-md-size #footer .top-slogan ul li {
  margin-left: 0;
  padding: 0 30px;
  text-align: center;
}

.max-xs-size #footer .top-slogan ul li {
	padding: 0 15px;
}

.max-ss-size #footer .top-slogan ul li {
	padding: 0 10px;
}

#footer .top-slogan ul li:first-of-type {
	margin-left: 0;
}

#footer .top-slogan ul li i {
	display: block;
	width: 65px;
	height: 65px;
	margin-top: -32.5px;
	position: absolute;
	left: 0;
	top: 50%;
	background: url('images/slogan-bg.png') center no-repeat;
	color: #fff;
	font-size: 25px;
	line-height: 67px;
	text-align: center;
}

.max-md-size #footer .top-slogan ul li i {
	position: relative;
  margin: auto;
  margin-bottom: 10px;
}

#footer .top-slogan ul li .en {
	margin-top: 5px;
	color: #8d6c66;
	font-size: 12px;
  font-weight: bold;
}


/* sitemap */

.max-md-size #footer .sitemap {
	display: none;
}

#footer .sitemap .container {
	padding: 30px 15px;
	background: url('images/sitemap-shadow.png') center top no-repeat;
}

#footer .sitemap .margin20 {
	margin-top: 20px;
}

/* #footer .sitemap table {
	width: 100%;
}

#footer .sitemap table td {
	padding-right: 30px;
	vertical-align: top;
}

#footer .sitemap table td:last-of-type {
	padding-right: 0;
} */

#footer .sitemap ul.list {
	font-size: 0;
	text-align: center;
}

#footer .sitemap ul.list > li {
	display: inline-block;
	vertical-align: top;
	width: 16%;
	padding: 0 20px;
	font-size: 14px;
	text-align: left;
}

#footer .sitemap ul ul li {
	margin-bottom: 5px;
}

#footer .sitemap a {
	color: #69504b;
	font-size: 13px;
	line-height: normal;
}

#footer .sitemap a:hover {
	color: #a7857e;
}

#footer .sitemap .title {
	margin-bottom: 10px;
}

#footer .sitemap .title a {
	color: #a7857e;
	font-size: 14px;
	font-weight: bold;
}


/* bottom-info */

#footer .bottom-info {
	padding: 20px 0;
	background: url('images/wp-bg.jpg') repeat;
	color: #735a4d;
	font-size: 13px;
}

#footer .bottom-info .left {
	float: left;
}

#footer .bottom-info .right {
	float: right;
}

.max-md-size #footer .bottom-info .left {
	margin-bottom: 10px;
}

.max-md-size #footer .bottom-info .left,
.max-md-size #footer .bottom-info .right {
  float: none;
  text-align: center;
}

.max-xs-size #footer .bottom-info .left,
.max-xs-size #footer .bottom-info .right {
	text-align: left;
}

#footer .bottom-info .tel,
#footer .bottom-info .id {
	display: inline-block;
}

#footer .bottom-info .tel {
	margin-right: 30px;
}

#footer .bottom-info .en {
	font-weight: bold;
}

#footer .bottom-info .left a {
	color: #735a4d;
}

#footer .bottom-info .copyright {
	margin-top: 5px;
	font-size: 12px;
}

#footer .bottom-info .copyright span {
	padding-right: 10px;
}

#footer .bottom-info .right a {
	display: inline-block;
	padding-left: 15px;
	position: relative;
	color: #735a4d;
}

.max-ss-size #footer .bottom-info .right a {
	padding-left: 10px;
}

#footer .bottom-info .right a:first-of-type {
	padding-left: 0;
}

#footer .bottom-info .right a:after {
	content: '';
	width: 1px;
	height: 15px;
	margin-top: -7.5px;
	position: absolute;
	left: 5px;
	top: 50%;
	background-color: #735a4d;
}

.max-ss-size #footer .bottom-info .right a:after {
	left: 2px;
}

#footer .bottom-info .right a:first-of-type:after {
	content: normal;
}

#footer .bottom-info a:hover {
	color: #a6938d !important;
}

#footer .goTop {
	display: none;
	width: 30px;
	height: 30px;
	position: fixed;
	right: 10px;
	bottom: 20px;
	z-index: 10;
	border-radius: 50%;
	background: #a6938d url('images/arrow-up.png') center no-repeat;
}

.max-lg-size #footer .goTop {
	display: block;
}

.max-ss-size #footer .goTop {
	bottom: 45px;
}

.line-share img {
	height: 21px;
}

.chrome img {
	image-rendering: -webkit-optimize-contrast;
}

.popup {
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.popup .popup-fade {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.5)
}
.popup .popup-main {
	position: absolute;
	max-width: calc(100vw - 20px);
	max-height: calc(100vh - 80px);
	overflow: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s ease;
	     -o-transition: opacity .3s ease;
	        transition: opacity .3s ease;
}
.popup .popup-close {
	text-align: right;
}
.popup .popup-close .popup-close-btn {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url('images/close3.png');
	background-size: 30px 30px;
}
.max-lg-size .popup .popup-close .popup-close-btn {
	width: 25px;
	height: 25px;
	background-size: 25px 25px;
}
.popup .popup-content {
	overflow: auto;
}
.popup .popup-content * + .popup-content-btn {
	margin-top: 20px;
}
.popup .popup-content .popup-content-btn {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		 -ms-flex-pack: center;
	 justify-content: center;
  -webkit-box-align: center;
		 -ms-flex-align: center;
		 		align-items: center;
	width: 100%;
	max-width: 375px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 60px;
	background-color: #ffffff;
	font-size: 26px;
	font-weight: 700;
	text-align: center;
	line-height: 1;
	transition-property: color, background-color;
	transition-duration: .3s;
	transition-timing-function: ease;
  -webkit-transition-property: color, background-color;
  -o-transition-property: color, background-color;
  transition-property: color, background-color;
  -webkit-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
}
.max-lg-size .popup .popup-content .popup-content-btn {
	max-width: 290px;
	height: 45px;
	font-size: 18px;
}
.popup .popup-content .popup-content-btn.txt-green {
	color: #104A27;
}
.popup .popup-content .popup-content-btn.txt-green:hover {
	background-color: #104A27;
	color: #ffffff;
}