@charset "utf-8";

/* 設計師用 桌機版CSS檔 style.css */
/* 說明：
    可提供設計師在此檔，針對桌機版面進行設計；為網站必載CSS檔。*/
body {
	font-size: 15px;
	color: #333;
}

p {
	line-height: 24px;
	margin-bottom: 24px;
}

a {
	color: #666;
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	transition: 0.3s all ease;
}
.content .table.table-stack>tbody>tr>td .color{
	color: #C0504D!important;
}
a:hover,
a:focus,
a:active {
	color: #ff7e13;
}

.form-horizontal .control-label {
	padding-top: 0;
}

.btn-default {
	background: #ff7e13;
	color: #fff;
	border: solid 1px #ff7e13;
	border-radius: 0;
	text-shadow: none;
	box-shadow: none;
	transition: all .3s ease;
}

.content .table.table-stack>tbody>tr>td .btn.btn-default {
	color: #fff;
}

.btn-default:hover {
	background: #a54b00;
	border-color: #a54b00;
}

.btn-primary {
	background: none;
	border: solid 1px #ff7e13;
	color: #ff7e13;
	background: #fff;
	border-radius: 0;
	transition: all .3s ease;
	font-size: 16px;
	padding: 8px 20px;
	margin: 0 5px;
}

.form-horizontal .buy {
	font-size: 14px;
	padding: 6px 14px;
}

.delivery .btn1 {
	color: #ff7e13;
	background-color: #ffffff;
}

.mapc2c .btn-primary {
	margin: 0;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
	background: #ff7e13;
	border-color: #ff7e13;
	color: #fff;
}

.btn.btn-info,
.btn.btn-info3 {
	background: #ff7e13;
	border: solid 1px #ff7e13;
	color: #fff;
	border-radius: 0;
	transition: all .3s ease;
	font-size: 16px;
}

.btn.btn-info {
	padding: 8px 20px;
}

.btn.btn-info3 {
	padding: 10px 80px;
}

.btn.btn-info2 {
	color: #0072ff;
	border-radius: 0;
	transition: all .3s ease;
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
}

.btn.btn-info:hover {
	background: #a54b00;
	border-color: #a54b00;
	color: #fff;
}

.btn-list.listup {
	border: 1px solid #ff7e13;
	color: #ff7e13;
	padding: 5px;
}

.btn-list.listup:hover {
	border: 1px solid #fff;
	color: #fff;
	background: #ff7e13;
}

.btn-box .btn.buy {
	padding: 8px 20px;
	background: #fff;
	border: solid 1px #ff7e13;
	color: #ff7e13;
	border-radius: 0;
	transition: all .3s ease;
	font-size: 16px;
	margin-bottom: 5px;
}

.btn-box .btn.buy.del {
	background: none;
	border: solid 1px #ff7e13;
	color: #ff7e13;
	position: absolute;
	right: 0;
	top: 15px;
}

.btn-box .btn.buy span {
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
	margin-top: -2px;
}

.btn-box .btn.buy:hover {
	background: #ff7e13;
	color: #fff;
}

.btn-box .btn.buy.del:hover {
	background: #ff7e13;
	border-color: #ff7e13;
}

.content .sec {
	padding-top: 10px;
	padding-bottom: 10px;
}

body.member .content h4,
body.cart .content h4,
body.cart.adv .content h4 {
	background: rgb(255, 168, 91);
	padding: 15px 20px;
	color: #fff;
	line-height: 1.6em;
}

.editor {
	font-size: 16px;
	line-height: 30px;
	padding: 0 20px;
}

.editor p {
	line-height: 30px;
}

body.cart .info {
	color: red;
	font-weight: bold;
}

body.cart .Information02 p {
	margin-bottom: 5px;
}

body.register .client {
	text-align: center;
	margin: 0 auto 10px;
}

body.register .client label {
	margin-left: 5px;
}

body.register .client .txt-tw,
body.register .client .txt-en01 {
	text-align: center;
	letter-spacing: 1px;
}

body.register .client .agree {
	color: #0072ff;
}

body.register .form-group .txt-en01 {
	display: none;
}

/********************* Header *********************/
.header {
	/*background: url(../images/all/banner_bg.jpg) center 180px no-repeat;*/
}

/* header logo */
.header .navbar .navbar-brand {
	width: 235px;
	height: 39px;
	background: url(../images/all/logo.png) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 25px 0 23px;
	padding: 0;
}

.header .navbar .navbar-brand:hover {
	opacity: 0.7;
}

.header .navbar .search-bar {
	float: right;
	margin-top: 23px;
	margin-left: 15px;
	width: calc(100% - 250px);
	padding-right: 100px;
}

.header .navbar .search-bar .search-content {
	width: 100%;
	padding: 10px 40px 10px 15px;
	border-radius: 5px;
	border: 1px solid #e7e7e7;
}

.header .navbar .search-bar .btn-searchbar {
	background: #ff7e13;
	color: #fff;
	padding: 10px 13px;
	font-size: 15px;
	font-weight: 700;
	border-radius: 10px;
	position: absolute;
	right: 15px;
	top: 21px;
	z-index: 20;
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	transition: 0.3s all ease;
	opacity: 1;
}

.header .navbar .search-bar .btn-searchbar:hover {
	opacity: 0.8;
}

.header .navbar .search-bar .search-advanced {
	display: block;
	opacity: 0;
	width: 34%;
	position: absolute;
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	transition: 0.3s all ease;
	pointer-events: none;
}

.header .navbar .search-bar .search-advanced.showitem {
	opacity: 1;
	pointer-events: all;
}

.header .navbar .search-bar .search-advanced select {
	width: 32%;
	padding: 11px 15px 12px;
	border-radius: 5px;
	border: 1px solid #e7e7e7;
}

.header .navbar .search-bar .search-advanced select {
	width: 32%;
	padding: 11px 15px 12px;
	border-radius: 5px;
	border: 1px solid #e7e7e7;
}

.search-bar select:focus,
.search-bar select:active,
.search-bar select:hover {
	outline: none;
}

.header .navbar .search-bar .search-normal {
	display: block;
	width: 100%;
	padding-left: 0;
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	transition: 0.3s all ease;
}

.header .navbar .search-bar .search-normal .search {
	background: url(../images/all/search.png) center no-repeat;
	width: 25px;
	height: 27px;
	transition: all .3s ease;
	position: absolute;
	margin-top: 7px;
	margin-left: -36px;
	filter: brightness(1);
}

.header .navbar .search-bar .search-normal .search:hover {
	filter: brightness(0.5);
}

.header .navbar .search-bar .search-normal.showitem {
	padding-left: 50%;
}

.header .navbar .search-bar .btn-searchbar.btn-close {
	background: #848484;
}

/* header 主選單 */
.header .navbar .navbar-header {
	width: 100%;
}

.header .navbar .navbar-nav {
	background: none;
	/*margin-top: 84px;*/
	/*margin-right: -15px;*/
	/*float: right;*/
}

.header .navbar .navbar-nav>li>a {
	background: none;
	color: #000;
	font-size: 16px;
	font-weight: 700;
	border-bottom: 3px solid transparent;
	padding: 15px 37px 8px;
}

.header .navbar .navbar-nav li a:hover {
	color: #555;
	border-bottom-color: #ff7e13;
}

.header .navbar .navbar-nav li a span.txt-en {
	font-size: 12px;
	font-weight: 500;
	color: #878787;
	display: block;
	text-align: center;
}

.header .navbar .navbar-nav>li+li>a {
	border-left: 1px solid #eee;
}

.header .navbar .navbar-nav>li ul li a {
	padding: 5px;
}

/* header 次選單 */
.header .navbar .sub-nav {
	position: absolute;
	right: 15px;
	top: 20px;
}

.header .navbar .sub-nav li {
	padding: 0;
}

.header .navbar .sub-nav li a {
	background: url(../images/all/sub_nav.png) no-repeat;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
}

.header .navbar .sub-nav li a:hover {
	position: relative;
	top: 2px;
}

.header .navbar .btn-default {
	background: #52CED5;
	color: #fff;
	text-shadow: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	padding: 7px;
}

.header .navbar .lang {
	position: absolute;
	right: 54px;
	top: 20px;
}

.header .navbar .lang .dropdown-menu {
	background: #52CED5;
	color: #fff;
	border: none;
	border-radius: 0;
}

.header .navbar .lang .dropdown-menu a {
	color: #fff;
}

.header .navbar .lang .dropdown-menu a:hover {
	background: none;
	color: #FCE617;
}

.header .navbar .sub-menu,
.header .navbar .menu {
	margin: 0 -15px;
	background: #ededed;
}

.header .navbar .menu .container [class*="col-"] {
	padding-left: 0;
	padding-right: 0;
}

.header .navbar .sub-menu {
	padding: 17px 0;
}

.header .top_ask {
	position: absolute;
	left: -5px;
	font-size: 13px;
	width: 30px;
	bottom: -10px;
}

.header .top_mem {
	position: absolute;
	left: -2px;
	font-size: 13px;
	width: 30px;
	bottom: -15px;
}

.header .top_cart {
	position: absolute;
	left: -5px;
	font-size: 13px;
	width: 42px;
	bottom: -15px;
}

.header .top_out {
	position: absolute;
	left: -2px;
	font-size: 13px;
	width: 30px;
	bottom: -15px;
}

.header .navbar .sub-menu .marquee {
	width: calc(100% - 140px);
	overflow: hidden;
}

.header .navbar .sub-menu .notice {
	margin-bottom: 0;
	letter-spacing: 1px;
	font-weight: 700;
	padding-right: 105px;
}

.header .navbar .sub-menu ul {
	display: block;
	position: absolute;
	right: 18px;
	top: -7px;
	margin-bottom: 0;
}

.header .navbar .sub-menu ul li {
	display: inline-block;
	margin-right: 8px;
}

.header .navbar .sub-menu ul li:last-of-type {
	margin-right: 0;
}

.header .navbar .sub-menu ul li a {
	width: 26px;
	height: 25px;
	background: url(../images/all/submenu_icon.png) no-repeat;
	background-position-x: 0;
	color: #bbb;
	text-align: center;
	display: inline-block;
	padding: 28px 0 0;
	position: relative;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.header .navbar .sub-menu ul li.b1 a {
	background-position-y: 0;
}

.header .navbar .sub-menu ul li.b2 a {
	background-position-y: -62px;
}

.header .navbar .sub-menu ul li.b3 a {
	background-position-y: -160px;
}

.header .navbar .sub-menu ul li.b4 a {
	background-position-y: -187px;
}

.header .navbar .sub-menu ul li a:hover {
	color: #333;
	background-position-x: -44px;
}

.header .navbar .sub-menu ul li.b5 a {
	background: none;
	width: auto;
	height: auto;
	font-size: 26px;
	padding: 0;
	vertical-align: bottom;
}

.header .navbar .sub-menu ul li a:hover {
	color: #ff7e13;
}

.header .navbar .sub-menu ul li a .num {
	min-width: 16px;
	height: 16px;
	background-color: #EB0F0F;
	color: #fff;
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	right: -5px;
	top: -7px;
	font-size: 12px;
	padding: 1px;
}

.header .btn-allcatalog {
	padding: 20px 10px 20px 42px;
	background: #ff7e13;
	border: 1px solid #ff7e13;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 1px;
	margin-right: 7px;
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	transition: 0.3s all ease;
	position: relative;
	display: block;
	overflow: hidden;
	z-index: 5;
}

.header .menuBox .btn-allcatalog {
	margin-right: 0;
}

.header .btn-allcatalog:before {
	content: '';
	background: url(../images/all/btn-allcatalog.png) no-repeat;
	background-position: 0 0;
	width: 16px;
	height: 18px;
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
}

.header .btn-allcatalog:hover:before {
	background-position: 0 -20px;
}

.header .btn-allcatalog span {
	font-size: 12px;
	margin-left: 3px;
}

.header .btn-allcatalog:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #fff;
	transform: translateX(-100%);
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	transition: 0.3s all ease;
	z-index: -1;
}

.header .btn-allcatalog:hover {
	transform: scale(1.1);
	color: #ff7e13;
}

.header .btn-allcatalog:hover:after {
	transform: translateX(0);
}

/*------- Banner -------*/
.banner {
	position: relative;
	border-bottom: 4px solid #f36e00
}

.banner .container {
	max-width: 848px;
	padding: 0;
}

.banner .bx-wrapper {
	margin-bottom: 0;
}

.banner .bxslider li {
	background-repeat: no-repeat;
	background-position: center top;
}

.banner .bxslider li a {
	display: block;
}

.banner .bxslider li img {
	/*width: 100%;*/
	max-width: 100% !important;
	display: none;
	margin: 0 auto !important;
}

.banner .bxslider li img.img_big {
	display: block !important;
}

.banner .bxslider li img.img_small {
	display: none !important;
}

.banner .bx-wrapper .bx-viewport {
	background: none;
	border: none;
	box-shadow: none;
	left: 0;
}

.banner .bx-wrapper .bx-pager.bx-default-pager {
	text-align: center;
	padding: 0 15px;
	bottom: 2px;
	z-index: 60;
}

.banner .bx-wrapper .bx-pager.bx-default-pager a {
	background: #f36e00;
	text-align: left;
}

.banner .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #fff;
}

/********************* Footer *********************/
.footer {
	padding: 15px 0 0;
	/*text-align: center;*/
}

.footer .footer_top {
	border-top: 1px solid rgba(0, 0, 0, 0.3);
	padding-top: 15px;
}

/* sitemap */
.footer .sitemap {
	float: left;
}

.footer .sitemap ul li {
	color: #888;
	padding: 0;
}

.footer .sitemap ul li a {
	color: #231815;
	padding: 5px 48px;
	border-left: 1px solid rgba(0, 0, 0, 0.3);
}

.footer .sitemap ul li:last-child a {
	border-right: 1px solid rgba(0, 0, 0, 0.3);
}

.footer .sitemap ul li a:hover {
	color: #ff7e13;
}

.footer_content {
	background-color: #dcdcdc;
	font-size: 13px;
	line-height: 22px;
	padding: 30px 0;
}

/* social-media */
.footer .social-icon {
	float: right;
}

.footer .social-icon ul li a {
	text-indent: -9999px;
	width: 20px;
	height: 20px;
	margin: 5px 5px;
}

.footer .social-icon ul li.ig a {
	background: url(../images/all/ig.png) no-repeat;
}

.footer .social-icon ul li.fb a {
	background: url(../images/all/fb.png) no-repeat;
}

.footer .social-icon ul li.yt a {
	background: url(../images/all/yt.png) no-repeat;
}

.footer .social-icon ul li.line a {
	background: url(../images/all/line.png) no-repeat;
}

/* siteinfo */
.footer .footer-brand {
	width: 252px;
	height: 72px;
	background: url(../images/all/logo_footer.png) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 25px auto;
	padding: 0;
}

.footer .siteinfo ul>li {
	padding: 0;
	line-height: 1.8em;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 700;
	color: #000;
}

.footer .siteinfo ul>li+li:before {}

.footer .siteinfo ul>li span.add {
	display: block;
	font-size: 14px;
}

.footer .siteinfo .map {
	background: #666;
	padding: 0 10px;
	color: #fff;
	font-size: 12px;
	border-radius: 20px;
}

.footer .siteinfo .map:hover {
	background-color: #f07d1f;
}

.footer .copyright {
	margin-top: 5%;
}

.footer .copyright ul>li {
	padding: 0;
	font-size: 14px;
	font-weight: 700;
	color: #000;
	line-height: 1.8em;
}

.footer .copyright ul>li.copy {
	color: #666;
}

.footer .copyright ul>li a {
	color: #000;
}

.footer .copyright ul>li a:hover {
	color: #ff7e1;
}

.footer .copyright b {
	color: #666;
}

.footer .powered {
	text-align: center;
	margin-bottom: 5px;
}

.footer .powered a {
	color: #AAA;
}

.footer .powered a:hover {
	color: #666;
}

/********************* floating *********************/
#floating {
	background: #ff7e13;
	padding: 10px;
	margin-top: 82px;
	border-radius: 10px;
	box-shadow: 3px 3px 0 #000;
	margin-right: -670px;
}

#floating:before {
	content: '';
	z-index: -1;
	background: url(../images/all/floating_man.png) top no-repeat;
	background-size: cover;
	width: 90px;
	height: 86px;
	position: absolute;
	top: -85px;
	left: 50%;
	transform: translateX(-50%);
}

#floating h4 {
	color: #fff;
	font-size: 13px;
	letter-spacing: 1px;
	margin-top: 0;
}

#floating .btn-floating {
	width: 26px;
	height: 56px;
	background-color: #ff7e13;
	display: none;
	margin: 1px;
	padding: 7px 0px;
	position: absolute;
	left: -27px;
}

#floating .btn-floating .icon-arrow {
	width: 32px;
	height: 40px;
	background: url(../images/all/arrow.png) no-repeat;
	display: block;
}

#floating.open .btn-floating .icon-arrow {
	background-position: 0 -40px;
}

#floating ul {
	margin-left: auto;
	margin-right: auto;
}

#floating ul li {}

#floating ul li+li {
	border-top: 1px dashed #fff;
}

#floating ul li a {
	display: block;
	/*width: 55px;*/
	margin: 10px 0;
}

#floating ul li a figure {
	overflow: hidden;
	border-radius: 5px;
}

#floating ul li.b1 a {
	background-position-y: 0;
}

#floating ul li.b2 a {
	background-position-y: -80px;
}

#floating ul li.b3 a {
	background-position-y: -160px;
}

#floating ul li a:hover {
	color: #333;
	background-position-x: -56px;
}

#floating ul li a .num {
	min-width: 20px;
	height: 20px;
	background-color: #EB0F0F;
	color: #fff;
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	right: 8px;
	top: 0;
	padding: 2px;
}

#floating .message,
#floating .gotop {
	border-top: 1px dashed #fff;
	padding-top: 15px;
	margin-left: auto;
	margin-right: auto;
}

#floating .message {
	/*width: 55px;*/
	padding: 10px 0;
	margin-left: auto;
	margin-right: auto;
}

#floating .message figure {
	overflow: hidden;
	border-radius: 11px;
	margin-left: auto;
	margin-right: auto;
}

#floating .gotop a {
	color: #fff;
	font-size: 20px;
}

#floating .gotop a:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 6px 6px;
	border-color: transparent transparent #ffffff transparent;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -5px);
}

/********************* Main *********************/
.main {
	/*box-shadow: 0 0 10px 0 #919191;*/
	z-index: 10;
}

.main_content {
	min-height: 600px;
	padding: 5px 0 30px;
}

.main_content .ShareBar {
	margin-bottom: 10px;
}

/*----------------------- side -----------------------*/
.side1 {
	padding-right: 0;
}

.side .sider_nav.product,
.side .sider_nav.news,
.side .sider_nav.about,
.side .sider_nav.member {
	border-top: 4px solid #ff7e13;
}

.sider_nav {
	margin-bottom: 15px;
}

.side .side-toggle {
	font-size: 15px;
	color: #ff7e13;
	text-align: center;
	line-height: 28px;
	margin-top: 0px;
	font-weight: 700;
	border: 1px solid #ddd;
	margin-bottom: 5px;
}

.menuBox .nav.nav-tabs,
.menuBox .nav.nav-tabs>li a,
.side .nav.nav-tabs,
.side .nav.nav-tabs>li a {
	background: #e6e6e6;
}

.menuBox .nav li.active:after,
.side .nav li.active:after {
	top: 98%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(237, 237, 237, 0);
	border-top-color: #ededed;
	border-width: 14px;
	margin-left: -14px;
}

.menuBox .nav.nav-tabs,
.side .nav.nav-tabs {
	margin-bottom: 13px;
}

.menuBox .nav.nav-tabs li,
.side .nav.nav-tabs li {
	border-right: 1px solid #fff;
}

.menuBox .nav.nav-tabs li:last-child,
.side .nav.nav-tabs li:last-child {
	border-right: unset;
}

.menuBox .nav-tabs>li.active>a,
.menuBox .nav-tabs>li.active>a:hover,
.menuBox .nav-tabs>li.active>a:focus,
.side .nav-tabs>li.active>a,
.side .nav-tabs>li.active>a:hover,
.side .nav-tabs>li.active>a:focus {
	background: #ededed;
	color: #000;
	font-weight: 700;
}

.menuBox .nav-tabs.nav-justified>li>a,
.side .nav-tabs.nav-justified>li>a {
	background: #ededed;
}

.menuBox .nav-tabs.nav-justified>.active>a,
.menuBox .nav-tabs.nav-justified>.active>a:hover,
.menuBox .nav-tabs.nav-justified>.active>a:focus,
.side .nav-tabs.nav-justified>.active>a,
.side .nav-tabs.nav-justified>.active>a:hover,
.side .nav-tabs.nav-justified>.active>a:focus {
	border-bottom: 1px solid #ddd;
}

/* menuBox */
.header .menuBox .navbar-nav {
	margin: 0;
	float: none;
}

.header .menuBox .navbar-nav>li>a {
	width: 100%;
	display: block;
	box-sizing: border-box;
	cursor: pointer;
	font-size: 16px;
	color: #000;
	line-height: 20px;
	display: block;
	padding: 10px;
	text-align: left;
	border-top: solid 1px #919192;
}

.header .menuBox .navbar-nav>li>a span {
	font-size: 70%;
	top: 3px;
}

.header .menuBox .navbar-nav>li ul li>a {
	width: 100%;
	display: block;
	box-sizing: border-box;
	cursor: pointer;
	font-size: 16px;
	color: #000;
	line-height: 20px;
	display: block;
	padding: 10px;
	text-align: left;
	border-top: solid 1px #919192;
}

.header .menuBox .navbar-nav>li:last-child>a {
	border-bottom: solid 1px #787879;
}

.header .menuBox .navbar-nav>li.open>a,
.header .menuBox .navbar-nav>li:hover>a {
	background-color: #E6E6E5;
}

.header .menuBox .nav-content li.open2>a,
.header .menuBox .nav-content li a:hover {
	background-color: #ffffff;
}

.header .menuBox .nav-content li.open2>span:after {
	/*color: #fff;*/
}

.header .menuBox a.back i {
	position: relative;
	top: 5px;
	left: -4px;
}

.header .menuBox .navbar-nav>li {
	line-height: 17px;
	margin: 0;
}

.header .menuBox {
	display: block;
	height: 100vh !important;
	overflow: auto;
	background: #fff;
	max-width: 270px;
	width: 100%;
	left: -270px;
	position: fixed;
	transition: all .5s ease;
	top: 0;
	padding: 0;
	z-index: 1001;
}

html.menuBoxOpen .header .menuBox {
	left: 0;
	transition: .5s ease all;
}

.navbar-header .navbar-toggle .icon-bar {
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

html.menuBoxOpen .navbar-header .navbar-toggle .icon-bar:nth-of-type(1) {
	-webkit-transform: translate3d(0, 4px, 0) rotate(45deg);
	transform: translate3d(0, 4px, 0) rotate(45deg);
}

html.menuBoxOpen .navbar-header .navbar-toggle .icon-bar:nth-of-type(2) {
	opacity: 0;
	filter: alpha(opacity=0);
}

html.menuBoxOpen .navbar-header .navbar-toggle .icon-bar:nth-of-type(3) {
	-webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
	transform: translate3d(0, -8px, 0) rotate(-45deg);
}

.header .menuBox .navbar-nav .nav-content span {
	float: right;
	width: 10%;
	line-height: 38px;
	display: table;
	text-align: center;
	/*		position: absolute;
*/
	right: 15px;
	top: 0;
}

.header .menuBox .navbar-nav li {
	display: block;
	float: none;
	position: inherit;
}

.header .menuBox .navbar-nav>li>a {
	width: auto;
	text-align: center;
	padding: 10px 22px;
}

.header .menuBox .sub-nav {
	right: 47px;
}

.header .menuBox .sub-nav>li:after {
	display: none;
}

.header .menuBox .sub-nav>li>a span {
	display: none;
}

.header .menuBox .btn-default {
	color: #333;
}

.header .menuBox .sub-nav>li>.info {
	display: none !important;
}

.header .menuBox .navbar-nav .dropdown-menu {
	position: fixed;
	transition: all .3s ease;
	top: 0;
	max-width: 270px;
	min-height: 100vh;
	width: 100%;
	height: 100%;
	border: none;
	border-radius: 0;
	transform-origin: right;
	overflow-y: scroll;
	padding: 0 0 5px;
	opacity: 0;
}

html.menuBoxOpen .header .menuBox .navbar-nav .dropdown-menu {
	opacity: 1;
}

.header .menuBox .navbar-nav .dropdown-menu .dropdown-menu {
	height: 100%;
}

.header .menuBox .navbar-nav li.openSub .dropdown-menu {
	animation: scale-display .3s;
	display: inline-flex;
}

.header .menuBox .navbar-nav li.out .dropdown-menu {
	animation: scale-display--reversed .3s;
	animation-fill-mode: forwards;
	display: inline-flex;
}

@keyframes scale-display {
	0% {
		opacity: 0;
		transform: scaleX(0);
		-webkit-transform: scaleX(0);
	}

	100% {
		opacity: 1;
		transform: scaleX(1);
		-webkit-transform: scaleX(1);
	}
}

@keyframes scale-display--reversed {
	0% {
		display: inline-flex;
		opacity: 1;
		transform: scaleX(1);
		-webkit-transform: scaleX(1);
	}

	99% {
		display: inline-flex;
		opacity: 0;
		transform: scaleX(0);
		-webkit-transform: scaleX(0);
	}

	100% {
		display: none;
		opacity: 0;
		transform: scaleX(0);
		-webkit-transform: scaleX(0);
	}
}

.half-page-background {
	background: rgba(0, 0, 0, .6);
	height: 0;
	left: 0;
	position: fixed;
	top: 0;
	width: 0;
	z-index: 1000;
	-webkit-transition: transform .6s cubic-bezier(.23, 1, .32, 1);
	-o-transition: transform .6s cubic-bezier(.23, 1, .32, 1);
	transition: transform .6s cubic-bezier(.23, 1, .32, 1);
}

.half-page-background:before {
	content: 'X';
	font-size: 18px;
	transform: scaleY(0.8);
	color: #fff;
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 1002;
}

.menuBox .navbar-nav .open .half-page-background,
#floating.open .half-page-background,
.footer.open .half-page-background {
	height: 100%;
	width: 100%;
}

html.menuBoxOpen .header>.half-page-background {
	height: 100vh;
	width: 100%;
	top: 0;
}

.menuBox .nav.nav-tabs {
	margin-top: 5px;
	border-top: 4px solid #ff7e13;
}

.menuBox .nav.nav-tabs li {
	float: left;
	width: 50%;
}

.menuBox .nav-tabs.nav-justified>li>a {
	margin-bottom: 0;
}

.side .nav-sub,
.side .nav-sub>li {
	background: #fff;
	float: none;
	position: relative;
}

.side .nav-sub>li+li {
	/*border-top: 4px solid #ff7e13;*/
}

.side .nav-sub>li a {
	color: #333;
	line-height: 20px;
	display: block;
	padding: 8px 10px 8px 22px;
}

.side .nav-sub>li a:hover,
.side .nav-sub>li a:focus {
	color: #ff7e13;
}

.side .nav-sub>li.active a {}

/*.side .nav-sub>li>a:after {
	content: '';
	width: 12px;
	height: 9px;
	background: url(../images/all/side_arrow.png) no-repeat;
	background-position-X: 0;
	background-position-Y: 0;
	position: absolute;
	right: 13px;
	margin-top: 7px;
	transform: rotateX(180deg);
}
*/
.side .nav-sub>li>a:hover:after {
	background-position-X: -13px;
}

.side .nav-sub>li.active>a:after {
	transform: rotateX(0);
}

.side .nav-sub>li>ul {
	/*padding-left: 20px;*/
	list-style-type: none;
}

.side .nav-sub>li>ul>li>a,
.side .nav-sub>li>ul>li>a:hover {
	padding: 8px 10px 8px 30px;
}

.side .nav-sub>li>ul>li>a:hover {
	background: #ff7e13;
	color: #fff;
}

.side .nav-sub>li>ul>li a {
	border-top: 1px dashed #999;
	border-bottom: 1px dashed #999;
}

/*.side .nav-sub>li>ul>li:last-child>a {
	border-bottom: 0;
}*/
.side .nav-sub>li>ul>li>ul {
	top: 0;
	left: 100%;
	margin-left: 0;
	list-style-type: none;
}

.side .nav-sub {
	list-style: none;
	overflow: hidden;
	transition: 0.3s all;
}

.side .nav-sub>li+li {
	border-top: 1px solid #333;
	list-style-type: none;
}

.side .nav-sub>li a {
	color: #333;
	line-height: 20px;
	display: block;
	padding: 10px 10px 10px 40px;
}

.side .nav-sub>li>a {
	border-bottom: 1px solid #333;
	font-weight: 700;
	position: relative;
}

.side .nav-sub>li>ul>li>ul>li {
	display: inline-block;
}

.side .nav-sub>li>ul>li>ul>li>a,
.side .nav-sub>li>ul>li>ul>li>a:hover {
	/*background: url(../images/all/list_icon3.png) no-repeat 0 6px;*/
	padding: 8px 10px 8px 10px;
}

.side .nav-sub>li>ul>li>ul>li>a {
	/* color: #ff7e13; */
}

.side .nav-sub>li>ul>li>ul>li>a:hover,
.side .nav-sub>li>ul>li>ul>li>a:active {
	color: #fff;
	background: #ff7e13;
}

.header .menuBox .navbar-nav>li>a:before,
.side .nav-sub>li>a:before {
	content: '';
	width: 16px;
	height: 17px;
	background: url(../images/all/nav-sub-icon.png) top no-repeat;
	background-position-Y: 0;
	background-position-X: 0;
	position: absolute;
	left: 15px;
}

.header .menuBox .navbar-nav>li:nth-child(2)>a:before,
.side .nav-sub>li.b2>a:before {
	background-position-Y: -20px;
}

.header .menuBox .navbar-nav>li:nth-child(3)>a:before,
.side .nav-sub>li.b3>a:before {
	background-position-Y: -43px;
}

.header .menuBox .navbar-nav>li:nth-child(4)>a:before,
.side .nav-sub>li.b4>a:before {
	background-position-Y: -65px;
}

.header .menuBox .navbar-nav>li:nth-child(5)>a:before,
.side .nav-sub>li.b5>a:before {
	background-position-Y: -86px;
}

.header .menuBox .navbar-nav>li:nth-child(6)>a:before,
.side .nav-sub>li.b6>a:before {
	background-position-Y: -108px;
}

.header .menuBox .navbar-nav>li:nth-child(7)>a:before,
.side .nav-sub>li.b7>a:before {
	background-position-Y: -130px;
}

.header .menuBox .navbar-nav>li:nth-child(8)>a:before,
.side .nav-sub>li.b8>a:before {
	background-position-Y: -150px;
}

.side .nav-sub>li>a:hover:before {
	background-position-X: -18px;
}

.side .open>.dropdown-menu {
	display: block;
	top: 0;
	left: 100%;
	width: 80%;
	padding: 10px 0;
}

.side ul.dropdown-menu {
	display: block;
	top: 0;
	left: 100%;
	width: 100%;
	padding: 10px 0;
	border-radius: 0;
	max-height: 1px;
	box-shadow: none;
	border: none;
	overflow: hidden;
	transition: left 0.3s;
}

.side .product_open>ul.dropdown-menu {
	left: 0;
	max-height: none;
	transition: left 0.3s;
	float: none;
}

.side .product_open>ul.dropdown-menu>li {
	float: none;
}

.side .open .dropdown-menu .dropdown_submenu.open {
	position: relative;
}

.side .open .dropdown-menu .dropdown_submenu.open .dropdown-menu {
	top: -15px;
}

.header .menuBox .nav-brand,
.side .nav-brand {
	list-style: none;
}

.header .menuBox .nav-brand>li,
.side .nav-brand>li {
	overflow: hidden;
	margin-bottom: 10px;
}

.header .menuBox .nav-brand>li a,
.side .nav-brand>li a {
	background: #fff;
	overflow: hidden;
}

.header .menuBox .nav-brand>li a img,
.side .nav-brand>li a img {
	max-width: 100%;
	transform: scale(1);
	transition: all .5s;
}

.header .menuBox .nav-brand>li a:hover img,
.side .nav-brand>li a:hover img {
	transform: scale(1.1);
	transition: all .5s;
}

.side .recruit {
	margin: 15px 0;
	padding: 12px 4px;
	border: 1px solid #ff7e13;
	border-radius: 10px;
}

.side .recruit [class*="col-"] {
	padding: 0 10px;
}

.side .associate {
	width: 70%;
	margin: 10px auto;
}

.side .picslider .recruit h4 {
	font-size: 18px;
	color: #ff7e13;
	margin: 23px 0;
}

.side .picslider .recruit p {
	font-size: 15px;
	color: #7f7f7f;
}

.side .picslider .recruit .btn {
	display: block;
	background: #ff7e13;
	color: #fff;
	padding: 12px 5px;
}

.side .picslider .recruit .btn:hover,
.side .picslider .recruit .btn:active {
	background: #808080;
}

/* sidebar */
.sidebar {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #fff;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 50px;
	z-index: 902;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
}

.sidebar::-webkit-scrollbar {
	width: 0 !important;
}

.sidebar .closebtn {
	position: absolute;
	top: 0;
	right: 10px;
	font-size: 36px;
	line-height: 1em;
	margin-left: 50px;
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	color: #818181;
	display: block;
	transition: 0.3s;
}

.sidebar closebtn:hover {
	color: #f1f1f1;
}

.overlay {
	display: none;
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.7);
	z-index: 998;
	opacity: 0;
	transition: all 0.5s ease-in-out;
	top: 0;
	z-index: 901;
}

.sidebar #mg-multisidetabs .list-group-item:first-child {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.sidebar #mg-multisidetabs .list-group-item:last-child {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.sidebar #mg-multisidetabs .list-group {
	margin-bottom: 0;
}

.sidebar .slide-container {
	overflow: hidden;
}

.sidebar #mg-multisidetabs .list-sub {
	display: none;
}

.sidebar #mg-multisidetabs .panel {
	margin-bottom: 0;
}

.sidebar #mg-multisidetabs .panel-body {
	padding: 0;
}

.sidebar .mg-icon {
	font-size: 10px;
	line-height: 20px;
}

.sidebar .nav-sub>li>.list-group-item {
	background: #fff;
	padding: 10px 15px 10px 34px;
}

.sidebar .nav-sub .list-group .list-group>a {
	background: #eee;
}

/*-----------------------------------------------------------------------------*/
.side .sider_nav.t2 .nav>li+li {
	border-top: 1px solid #333;
}

.side .sider_nav.t2 .nav>li a {
	color: #333;
	line-height: 20px;
	display: block;
	padding: 10px 10px 10px 20px;
}

.side .sider_nav.t2 .nav>li>a {
	border-bottom: 1px solid #333;
	font-weight: 700;
	background: #eee;
}

.side .sider_nav.t2 .nav>li a:hover,
.side .sider_nav.t2 .nav>li a:focus,
.side .sider_nav.t2 .nav>li.active a {
	background: #eee url(../images/all/list_icon.png) no-repeat 0 10px;
	color: #ff7e13;
}

.side .sider_nav.t2 .nav>li>ul {
	padding-left: 20px;
	list-style-type: none;
	margin: 10px 0;
}

.side .sider_nav.t2 .nav>li>ul>li>a,
.side .sider_nav.t2 .nav>li>ul>li>a:hover {
	background: url(../images/all/list_icon2.png) no-repeat 0 6px;
	padding: 6px 10px 6px 20px;
}

.side .sider_nav.t2 .nav>li>ul>li>ul {
	margin-left: 18px;
	list-style-type: none;
}

.side .sider_nav.t2 .nav>li>ul>li>ul>li>a,
.side .sider_nav.t2 .nav>li>ul>li>ul>li>a:hover {
	background: url(../images/all/list_icon3.png) no-repeat 0 6px;
	padding: 6px 10px 6px 20px;
}

/*----------------------- Content -----------------------*/
.content {
	margin: 15px 0;
}

.content .welcome-box p {
	margin-bottom: 5px;
	font-size: 14px;
}

.content>h1 {
	color: #a54b00;
	font-weight: 700;
	font-size: 30px;
	border-bottom: 1px solid #ccc;
	padding: 5px 10px 15px;
	margin-top: 0;
}

.content>h1 small {
	color: #CCC;
	margin-left: 5px;
}

.content h2 {
	color: #a54b00;
	font-weight: 700;
}

body.home .content h2 {
	color: #989898;
}

.content nav {
	border-top: 1px solid #ddd;
	text-align: center;
	margin: 5px 0;
}

.content nav .pagination>.active>a,
.content nav .pagination>.active>span,
.content nav .pagination>.active>a:hover,
.content nav .pagination>.active>span:hover,
.content nav .pagination>.active>a:focus,
.content nav .pagination>.active>span:focus {
	color: #fff;
	background-color: #ff7e13;
	border-color: #ff7e13;
}
.content nav .pagination>li>a,
.content nav .pagination>li>span {
	color: #888;
	margin: 0 5px;
	border-radius: 8px;
}
.content nav .pagination > li > a {
	margin-bottom: 10px;
}

/* breadcrumb */
.content .breadcrumb {
	background: none;
	margin: 0 0 10px;
	font-size: 13px;
	position: relative;
}

.content .breadcrumb>li+li:before {
	content: "＞";
}

/* home marquee news*/
.content .marquee-news {
	margin: 15px 0 15px 30px;
}

.content .marquee-news .bx-wrapper:before {
	content: '';
	width: 25px;
	height: 28px;
	background: url(../images/all/marquee_icon.png) no-repeat;
	position: absolute;
	left: -22px;
	top: -8px;
}

.content .marquee-news .bxslider h3 {
	font-size: 14px;
	color: #2a2a2a;
	letter-spacing: 1px;
	margin: 0 10px;
}

/* btn-more */
.content .btn-more {
	position: absolute;
	right: 15px;
	top: 30px;
	display: none;
	width: 52px;
	height: 24px;
	background: url(../images/all/btn_more.png) no-repeat;
	text-indent: -9999px;
}

.content .btn-more:hover {
	background-position: 0 -24px;
}

/* list-box */
.content .list-box .txt-list {
	margin-bottom: 60px;
}

.content .list-box .txt-list li {
	background: url(../images/all/icon_list.png) no-repeat 8px 12px;
	border-bottom: 1px dotted #ccc;
	padding-left: 30px;
}

.content .list-box .txt-list li:nth-child(2n+1) {
	background-color: rgba(240, 240, 240, 0.3);
}

.content .list-box .txt-list li a {
	line-height: 28px;
	display: block;
	padding: 10px 0;
}

.content .list-box .txt-list li a:hover,
.content .list-box .txt-list li a:focus {
	color: #36B9C0;
}

.content .list-box .txt-list li span {
	font-size: 13px;
	color: #aaa;
	line-height: 20px;
	display: inline-block;
	float: right;
	padding: 3px 20px;
}

.content .list-box .txt-list li span.news-title {
	width: 78%;
	color: #848275;
	float: left;
}

.content .list-box .txt-list li.list-header {
	background: none;
	border-bottom: 1px solid #ACE7EB;
	padding-left: 40px;
	padding-right: 15px;
}

.content .list-box .txt-list li.list-header a,
.content .list-box .txt-list li.list-header a span {
	font-size: 18px;
	color: #36B9C0;
}

.content .list-box .txt-list li.list-header a span {
	padding-right: 24px;
}

/* btn-box */
.content .btn-box {
	border-top: 1px solid #ccc;
	margin: 0 0 20px;
	padding-top: 15px;
	clear: both;
	text-align: center;
	position: relative;
}

.content .btn-box:after {
	content: " ";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.content .btn-box .pager {
	text-align: left;
	display: inline-block;
	margin: 0 0 20px;
	float: left;
}

body.show .content .btn-box .pager {
	float: unset;
}

body.product.show .content .btn-box .pager {
	float: unset;
}

.content .btn-box .pager li {
	margin: 0 5px;
}

.content .btn-box .pager li>a {
	padding: 8px 20px;
	background: #ff7e13;
	border: solid 1px #ff7e13;
	color: #fff;
	border-radius: 0;
	transition: all .3s ease;
	font-size: 16px;
}

.content .btn-box .pager li>a:hover {
	background: #a54b00;
	border-color: #a54b00;
}

.content .btn-box .pager li>a .icon {
	display: none;
}

.content .btn-box .page-info {
	color: #888;
	float: right;
	text-align: center;
	margin: 0 5px;
	padding: 8px 0;
}

.content .btn-box .page-info select {
	min-width: 60px;
	border: 1px solid #DFDFDF;
	margin-right: 10px;
}

/* TABLE */
.content .table.table-stack {
	margin-bottom: 0;
}

.content .table.table-stack>thead>tr>th {
	border-bottom: 1px solid #ff7e13;
	color: #333;
	text-align: center;
	font-size: 17px;
}

.content .table.table-stack>tbody>tr>td {
	vertical-align: middle;
	border-top: 1px dotted #bddbf5;
	text-align: center;
	font-size: 17px;
}

.content .table.table-stack>tbody>tr>td a {
	color: #f09912;
	font-size: 17px;
}

.content .table.table-stack>tbody>tr>td a:hover {
	text-decoration: underline;
}

.content .table.table-stack>tbody>tr>td.pic img {
	max-width: 100px;
	margin: 0 auto;
	transition: 0.3s all ease;
}

.content .table.table-stack>tbody>tr>td.pic img:hover {
	opacity: 0.7;
}

.content .table.table-stack>tbody>tr>td.qty .input-group .form-control {
	padding: 6px;
	text-align: center;
	border-color: #DFDFDF;
	border-radius: 0;
	width: 60px;
	height: 40px;
}

.content .table.table-stack>tbody>tr>td.qty .input-group .form-control:focus {
	box-shadow: none;
	border-color: #f09912;
}

.content .table.table-stack>tbody>tr>td .input-group {
	width: 100px;
	margin: 0 auto;
}
.content .table.table-stack>tbody>tr>td.quantity .input-group{
	margin-top: 10px;
}
.content .table.table-stack>tbody>tr>td .btn {
	margin: 0;
	color: #888;
}

.content .table.table-stack>tbody>tr>td .btn:hover,
.content .table.table-stack>tbody>tr>td .btn:focus,
.content .table.table-stack>tbody>tr>td .btn:active {
	color: #fff;
	text-decoration: none;
}

.content .table.table-stack>tbody>tr>td .tn {
	display: none;
}

.content .table.table-stack.no-border th,
.content .table.table-stack.no-border td {
	border: none;
	padding: 10px 8px;
}

.content .table.table-stack.no-border tr {
	border-bottom: 1px dotted #ccc;
}

.content .table.table-stack.no-border th {
	text-align: right;
	width: 120px;
}

.content .table.table-stack.no-border td {
	text-align: left;
	vertical-align: top;
}

body.advisory .table.table-stack>thead>tr>th {
	border-bottom: 1px solid #ff7e13;
	color: #333;
	text-align: center;
	font-size: 17px;
}

body.advisory .table.table-stack>tbody>tr>td {
	vertical-align: middle;
	border-top: 1px dotted #bddbf5;
	text-align: center;
	font-size: 17px;
}

/*----------------------------------------- 首頁 home -----------------------------------------*/
body.home .main_content {
	min-height: 0;
}

body.home .content>h2 {
	font-size: 20px;
	border-bottom: 1px solid #ACE7EB;
	color: #36B9C0;
	padding: 6px;
}

body.home .content .btn-more {
	top: 10px;
	right: 0;
}

body.home .content .promote1 {
	margin: 10px -5px;
	padding-left: 0;
	padding-right: 0;
}

body.home .content .promote1 [class*="col-"] {
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
}

body.home .content .product-hashtag {
	margin: 10px 0;
	padding-left: 0;
	padding-right: 0;
}

body.home .content .product-hashtag .items {
	background: #aaa;
	margin-bottom: 15px;
}

body.home .content .product-hashtag .l1.left {
	width: 33%;
	margin-left: 0;
}

body.home .content .product-hashtag .l1.right {
	padding-right: 0;
}

body.home .content .product-hashtag .items {
	background-size: cover !important;
}

body.home .content .product-hashtag .items a {
	display: block;
}

body.home .content .product-hashtag .items.l2 {
	width: calc(50% - 7px);
}

body.home .content .product-hashtag .items.l2.left {
	margin-right: 14px;
}

body.home .content .product-hashtag .hashtag-content {
	text-align: center;
	padding: 15px;
	margin: 0 -15px;
	border: 2px solid #fff;
	background: rgba(0, 0, 0, 0.3);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	flex-flow: column;
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	transition: 0.3s all ease;
}

body.home .content .product-hashtag .hashtag-content:hover {
	background: rgba(0, 0, 0, 0.6);
}

body.home .content .product-hashtag .hashtag-content:before {
	content: '';
	width: calc(100% - 30px);
	height: calc(100% - 30px);
	border: 2px solid #fff;
	position: absolute;
	left: 15px;
	top: 15px;
	pointer-events: none;
}

body.home .content .product-hashtag .hashtag-content.h360 {
	min-height: 360px;
	/*height: 20vw;*/
}

body.home .content .product-hashtag .hashtag-content.h200 {
	min-height: 200px;
	/*height: 12vw;*/
}

body.home .content .product-hashtag .hashtag-content.h280 {
	min-height: 280px;
	/*height: 15vw;*/
}

body.home .content .product-hashtag .hashtag-content p {
	margin-bottom: 0;
}

body.home .content .product-hashtag .hashtag-content h3 {
	background: rgba(0, 0, 0, 0.7);
	padding: 10px 0;
	width: 160px;
	color: #ff831d;
	font-size: 18px;
	font-weight: 700;
	margin: 10px 0;
}

/*----------------------------------------- wid -----------------------------------------*/
.content .wid {
	position: relative;
	z-index: 10;
}

.content .wid.slick-slider .slick-arrow {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.5);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 35%;
	border: 1px solid #3c3c3c;
	text-indent: -9999px;
	position: absolute;
	z-index: 1;
	top: 50%;
	transform: translateY(-50%);
}

.content .wid.slick-slider .slick-arrow:hover,
.content .wid.slick-slider .slick-arrow:focus,
.content .wid.slick-slider .slick-arrow:active {
	background-color: #fff;
	outline: none;
}

.content .wid.slick-slider .slick-arrow.slick-prev {
	left: -10px;
	background-image: url(../images/home/home_arrow_l.png);
}

.content .wid.slick-slider .slick-arrow.slick-next {
	right: -10px;
	background-image: url(../images/home/home_arrow_r.png);
}

/* wid-home-notice */
.content .wid-home-notice {
	margin: 5px -6px;
}

.content .wid-home-notice .slick-slide {
	padding: 0 9px;
}

/* wid-home-product */
.content .wid-home-product {
	padding-left: 0;
	padding-right: 0;
}

.content .wid-home-product .slick-slide {
	padding: 0 9px;
}

.content .wid-home-product .slick-list .slick-slide a {
	border: 1px solid #e1e1e1;
	padding: 0;
	display: block;
}

.content .wid-home-product .slick-list .slick-slide a:hover {
	border-color: #ff7e13;
}

.content .wid-home-product .slick-list .slick-slide a figure {
	border-bottom: 1px solid #e1e1e1;
	overflow: hidden;
}

.content .wid-home-product .slick-list .slick-slide a:hover h3,
.content .wid-home-product .slick-list .slick-slide a:hover p {
	color: #ff7e13;
}

.content .wid-home-product .slick-list .slick-slide a:hover figure {
	border-bottom: 1px solid #ff7e13;
}

.content .wid-home-product .slick-list .slick-slide a figure img {
	transform: scale(1);
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	transition: 0.3s all ease;
}

.content .wid-home-product .slick-list .slick-slide a:hover figure img {
	transform: scale(1.1);
}

.content .wid-home-product .word {
	padding: 15px 10px;
	min-height: 102px;
}

.content .wid-home-product .word h3 {
	font-size: 14px;
	line-height: 1.4em;
	color: #404040;
	letter-spacing: 1px;
	margin-top: 0;
	text-align: center;
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	transition: 0.3s all ease;
	display: -webkit-box;
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
}

.content .wid-home-product .word p.des {
	font-size: 13px;
	color: #999999;
	letter-spacing: 1px;
	margin-top: 0;
	text-align: center;
	margin-bottom: 0;
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	transition: 0.3s all ease;
}

/* wid-home-news */
.content .wid-home-news {
	margin: 15px 0 10px;
	padding: 0;
}

.content .wid-home-news .slick-slide {
	padding: 0 5px;
}

.content .wid-home-news .txt-list {
	margin-bottom: 10px;
	margin-top: -10px;
}

.content .wid-home-news .txt-list li {
	padding-left: 14px;
	background-position: 0 4px;
	background-color: transparent;
}

.content .wid-home-news .txt-list li:last-child {
	border-bottom: 2px solid #ACE7EB;
}

.content .wid-home-news .txt-list li a {
	padding: 2px 0;
	font-size: 13px;
}

.content .wid-home-news .txt-list li a span {
	padding: 3px 0;
	font-size: 12px;
}

.content .wid-home-news .slick-list .slick-slide a figure {
	overflow: hidden;
}

.content .wid-home-news .slick-list .slick-slide a figure img {
	transform: scale(1);
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	transition: 0.3s all ease;
}

.content .wid-home-news .slick-list .slick-slide a:hover figure img {
	transform: scale(1.1);
}

.content .wid-home-news p {
	margin-bottom: 0;
	font-size: 14px;
	letter-spacing: 1px;
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	transition: 0.3s all ease;
}

.content .wid-home-news p.time {
	font-size: 13px;
	color: #898989;
}

.content .wid-home-news p.des {
	font-size: 14px;
	color: #666666;
	/* padding-bottom: 10px; */
	border-bottom: 1px dashed #aaa;
	display: -webkit-box;
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
	min-height: 49px;
}

.content .wid-home-news .slick-list .slick-slide a:hover p {
	color: #f07d1f;
}

.content .wid-home-news h3 {
	margin-top: 5px;
	margin-bottom: 0;
	padding-bottom: 10px;
	border-bottom: 1px dashed #aaa;
	color: #f07d1f;
}

/* wid-home-contact */
.content .wid-home-contact ul li {
	color: #717171;
	padding-left: 20px;
	font-size: 12px;
	line-height: 1.8;
}

.content .wid-home-contact ul li.phone {
	font-size: 22px;
	color: #333;
	font-weight: bold;
}

/* wid-home-brand */
.content .wid-home-brand {
	padding-left: 0;
	padding-right: 0;
	margin-top: 15px;
	margin-bottom: 10px;
}

.content .wid-home-brand .slick-slide {
	padding: 0 9px;
}

.content .wid-home-brand .slick-list .slick-slide a {
	border: 1px solid #e1e1e1;
	padding: 0;
	display: block;
}

.content .wid-home-brand .slick-list .slick-slide a:hover {
	border-color: #ff7e13;
}

.content .wid-home-brand .slick-list .slick-slide a figure {
	border-bottom: 1px solid #e1e1e1;
	overflow: hidden;
}

.content .wid-home-brand .slick-list .slick-slide a:hover figure {
	border-bottom: 1px solid #ff7e13;
}

.content .wid-home-brand .slick-list .slick-slide a figure img {
	transform: scale(1);
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	transition: 0.3s all ease;
}

.content .wid-home-brand .slick-list .slick-slide a:hover figure img {
	transform: scale(1.1);
}

/*----------------------------------------- about --------------------------------------------*/
body.about .content h3,
body.about .content .h3 {
	display: block;
	border-bottom: 2px solid #ff7e13;
	padding: 15px 20px;
	color: #ff7e13;
	font-size: 24px;
	font-weight: 700;
	margin-top: 30px;
}

body.about .content .h4 {
	font-size: 18px;
	background-color: #ef7c23;
	border: 1px solid #ef7c23;
	padding: 10px;
	display: table;
	border-radius: 8px;
	color: #fff;
	margin-top: 20px;
	letter-spacing: 1px;
}

body.about .content .h5 {
	font-size: 18px;
	display: table;
	padding: 10px 0;
	font-weight: 700;
	border-bottom: 1px solid #bbb;
}

body.about .content .editor a {
	color: #F60;
	font-weight: 700;
}

body.about .content .list {
	margin-left: 25px;
}

body.about .content .location-point {
	position: relative;
	z-index: 1;
}

body.about .content .location-point:target:before {
	content: "";
	display: block;
	height: 112px;
	margin: -112px 0 0;
	/* negative fixed header height */
	z-index: -1;
}

body.about .content .content-nav {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 26px 0 10px;
	z-index: 2;
	position: relative;
}

body.about .content .content-nav .item {
	flex: 0 0 20%;
	text-align: center;
	padding: 0 10px;
	margin-bottom: 10px;
}

body.about .content .content-nav .item a {
	display: block;
	color: #ff7e13;
	font-size: 22px;
	border: 2px solid #ff7e13;
	padding: 15px;
	border-radius: 15px;
	/*background-color: #ff7e13;*/
	font-weight: 700;
	letter-spacing: 1px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	position: relative;
}

body.about .content .content-nav .item a:after {
	content: '▶';
	color: #fff;
	position: absolute;
	opacity: 0;
	top: 48%;
	right: 0;
	transition: 0.5s;
	transform: translateY(-50%);
}

body.about .content .content-nav .item a:hover:after {
	opacity: 1;
	right: 15px;
}

body.about .content .content-nav .item a:hover,
body.about .content .content-nav .item a:focus,
body.about .content .content-nav .item a:active {
	background-color: #f9984a;
	border-color: #ff7e13;
	color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	padding-right: 38px;
}

body.about .content .panel-default {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px dashed #ddd;
}

body.about .content .panel-default>.panel-heading {
	background: #fff;
	border-top: 0;
	padding: 20px 0 20px 15px;
}

body.about .content .panel-default:nth-of-type(2n)>.panel-heading {
	background: #f7f7f7;
}

body.about .content .panel-title {
	position: relative;
	padding-left: 40px;
}

body.about .content .panel-title:before {
	content: 'Q';
	display: flex;
	position: absolute;
	width: 31px;
	height: 31px;
	border-radius: 50%;
	background-color: #ff7e13;
	justify-content: center;
	align-items: center;
	color: #fff;
	top: 0;
	left: 0;
}

body.about .content .panel-title>a {
	color: #ff7e13;
	font-size: 18px;
	font-weight: 700;
	position: relative;
	line-height: 1.8em;
}

body.about .content .panel-title>a:hover,
body.about .content .panel-title>a:focus {
	color: #ff7e13 !important;
}

body.about .content .panel-title>a.collapsed {
	color: #000;
}

body.about .content .panel-default>.panel-heading+.panel-collapse>.panel-body {
	position: relative;
	padding: 25px 15px 35px 55px;
}

body.about .content .panel-default>.panel-heading+.panel-collapse>.panel-body:before {
	content: 'A';
	display: flex;
	position: absolute;
	width: 31px;
	height: 31px;
	border-radius: 50%;
	background-color: #ff7e13;
	justify-content: center;
	align-items: center;
	color: #fff;
	top: 24px;
	left: 15px;
	font-weight: 700;
}

body.about .content .timeline {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin: 30px 0 15px;
	align-items: center;
}

body.about .content .timeline:before {
	content: '';
	display: block;
	border-left: 2px dashed #ccc;
	width: 1px;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 0;
}

body.about .content .timeline>li {
	flex: 0 0 100%;
	position: relative;
	display: flex;
}

body.about .content .timeline>li:nth-of-type(1) {}

body.about .content .timeline>li:nth-of-type(2) {
	margin-top: -5%;
}

body.about .content .timeline>li:nth-of-type(3) {
	margin-top: -5%;
}

body.about .content .timeline>li:nth-of-type(4) {
	margin-top: -5%;
}

body.about .content .timeline>li:nth-of-type(5) {
	margin-top: -7%;
}

body.about .content .timeline>li:nth-of-type(6) {
	margin-top: 1%;
}

body.about .content .timeline>li:nth-of-type(7) {
	margin-top: 0;
}

body.about .content .timeline>li:nth-of-type(odd) {
	justify-content: flex-end;
}

body.about .content .timeline>li .item {
	display: block;
	width: 50%;
	padding-right: 50px;
	position: relative;
}

body.about .content .timeline>li:nth-of-type(odd) .item {
	padding-left: 50px;
	padding-right: 0;
}

body.about .content .timeline>li .item:before {
	content: '';
	display: block;
	width: 40px;
	height: 1px;
	background-color: #ff7e13;
	position: absolute;
	top: 50%;
	right: 10px;
}

body.about .content .timeline>li:nth-of-type(odd) .item:before {
	right: unset;
	transform: translateX(-100%);
}

body.about .content .timeline>li ul {
	padding: 15px 20px 15px 50px;
	border-radius: 15px;
	border: 1px solid #ff7e13;
	list-style: none;
	background-color: #fff;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
}

body.about .content .timeline>li ul li {
	position: relative;
}

body.about .content .timeline>li ul li:before {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #ff7e13;
	position: absolute;
	left: -15px;
	top: 11px;
}

body.about .content .timeline .year {
	display: flex;
	width: 62px;
	height: 62px;
	position: absolute;
	background-color: #ff7e13;
	justify-content: center;
	align-items: center;
	line-height: 1em;
	border-radius: 50%;
	font-size: 20px;
	color: #fff;
	font-weight: 700;
	top: 50%;
	right: 0;
	transform: translate(50%, -50%);
}

body.about .content .timeline .year:before {
	content: '';
	display: block;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	border: 2px solid #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

body.about .content .timeline>li:nth-of-type(odd) .year {
	right: unset;
	left: 0;
	transform: translate(-50%, -50%);
}

body.about .content .pic-box {
	overflow: hidden;
	display: block;
	width: 100%;
	margin-bottom: 15px;
	border: 3px solid #f96400;
	border-radius: 16px;
}

body.about .content .imbed-map {
	height: 300px;
}

body.about .content .store {
	padding: 10px 30px 35px;
	border: 1px solid #ef7c23;
	margin-top: 15px;
	border-radius: 20px;
	box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2);
}

body.about .content .store .h4 {
	margin-top: 0;
	margin-left: -45px;
	font-size: 20px;
	font-weight: 700;
	padding: 12px 20px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

body.about .content .store .info {
	margin-bottom: 15px;
}

body.about .content .store .info ul li {
	position: relative;
	padding-left: 16px;
}

body.about .content .store .info ul li:before {
	content: '';
	display: block;
	width: 5px;
	height: 5px;
	background-color: #ef7c23;
	position: absolute;
	left: 0;
	top: 12px;
}

body.about .content .store .embed-responsive {
	margin-top: 15px;
}

/*----------------------------------------- news --------------------------------------------*/
body.news .content .list-box>[class*="col-"] {
	margin-bottom: 10px;
}

body.news .content .list-box .des {
	border-bottom: 1px solid #999;
}

body.news .content .list-box .des .title {
	font-size: 20px;
    line-height: 1.6em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    min-height: 64px;
    max-height: 64px;
}

body.news .content .list-box .des .date {
	margin-bottom: 10px;
}

body.news.show .content .list-box .item {
	margin-bottom: 10%;
	border: 1px solid #ddd;
}

body.news.show .content .list-box .item .img figure {
	overflow: hidden;
}

body.news.show .content .list-box .item .img figure img {
	transform: scale(1);
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	transition: 0.3s all ease;
}

body.news.show .content .list-box .item:hover .img figure img {
	transform: scale(1.1);
}

body.news.show .content .list-box .item .des {
	padding: 15px;
	background: #eee;
}

body.news.show .content .list-box .item .des .title {
	font-size: 18px;
	line-height: 1.6em;
	margin: 0;
}

body.news.show .content .list-box .item .des .date {
	font-size: 14px;
	margin: 0;
}

body.news.show .content .time {
	margin-bottom: 0;
	float: right;
	margin-top: 15px;
	color: #aaa;
}

/*----------------------------------------- product -----------------------------------------*/
body.product .content .breadcrumb select,
body.product .content .breadcrumb-brand select {
	font-size: 14px;
	border-radius: 5px;
	border: 1px solid #888;
}

body.product .content .breadcrumb select {
	padding: 5px 15px 8px;
}

body.product .content .breadcrumb-brand select {
	padding: 6px 15px 7px;
}

body.product .content .breadcrumb-brand {
	z-index: 999;
	position: absolute;
	right: 15px;
	margin-top: 8px;
}

body.product .content .sort-show label,
body.product .content .sort-show ul {
	display: inline-block;
}

body.product .content .sort-show .sort li {
	padding: 0;
}

body.product .content .sort-show .sort li a {
	border: 1px solid;
	padding: 2px 5px;
	border-radius: 5px;
	font-size: 14px;
}

body.product .content .sort-show .sort li.active a {
	color: #ff7e13;
	font-weight: 700;
}

body.product .content .sort-show .number li {
	background: #ebebeb;
	padding-top: 4px;
	padding-bottom: 4px;
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	transition: 0.3s all ease;
}

body.product .content .sort-show .number li.active,
body.product .content .sort-show .number li:hover {
	background: #ff7e13;
}

body.product .content .sort-show .number li a {
	color: #939393;
	font-weight: 700;
}

body.product .content .sort-show .number li.active a,
body.product .content .sort-show .number li:hover a {
	color: #fff;
}

body.product .content .product-list .item {
	border: 1px solid #ddd;
	margin-bottom: 30px;
}

body.product .content .product-list .item .word {
	text-align: center;
	padding: 10px 5px;
}

body.product .content a.add-cart,
a.add-adv {
	font-size: 13px;
	padding: 10px 9px 10px 29px;
	color: #fff;
	border: 1px solid #eee;
	opacity: 1;
}

body.product .content a.add-cart:hover,
body.product .content a.add-adv:hover,
body.product .content a.add-cart:active,
body.product .content a.add-adv:active {
	opacity: 0.7;
}

body.product .content a.add-cart {
	background: #fc7d12;
}

body.product .content a.add-cart:before {
	background: url(../images/product/function_cart.png) no-repeat;
}

body.product .content a.add-adv {
	background: #05b7f7;
}

body.product .content a.add-adv:before {
	background: url(../images/product/function_adv.png) no-repeat;
}

body.product .content a.add-cart:before,
body.product .content a.add-adv:before {
	content: '';
	width: 18px;
	height: 16px;
	position: absolute;
	margin-left: -20px;
	margin-top: 3px;
}

body.product .content .follow {
	position: absolute;
	right: 23px;
	margin-top: 2px;
	font-size: 18px;
}

body.product .content a.add-follow {
	width: 24px;
	height: 19px;
	display: block;
	text-indent: -9999px;
	background: url(../images/product/function_follow.png) no-repeat;
	background-position-Y: 0;
	transition: none;
}

body.product .content a.add-follow:hover,
body.product .content a.add-follow.active {
	background-position-Y: -20px;
}

body.product .content .button {
	margin: 5px 10px 20px 0;
	text-align: center;
}

body.product .content .word h4 {
	font-size: 14px;
	height: 50px;
	color: #666666;
}

body.product .content .word .price {
	font-size: 18px;
	/* color: #000; */
	letter-spacing: 1px;
}

body.product .content .word .pro_det li.price span.tbig {
	margin-left: 5px;
	font-size: 18px;
}

body.product.all .content h3 {
	font-weight: 700;
	border-bottom: 1px solid #000;
	padding: 5px 5px 15px 5px;
}

body.product.all .content h3 span {
	font-size: 85%;
}

body.product.all .content .list-all>li {
	background: url(./../images/all/list_icon2.png) no-repeat 10px 8px;
	padding: 8px 10px 8px 30px;
}

body.product.all .content .list-all>li>.grid-item-content>ul>li>a {
	color: #ff7e13;
}

body.product.all .content .list-all>li>.grid-item-content>ul>li>a,
body.product.all .content .list-all>li>.grid-item-content>ul>li>a:hover {
	background: url(./../images/all/list_icon3.png) no-repeat 0 6px;
	padding: 7px 10px 7px 20px;
}

body.product.all .content .list-all>li>.grid-item-content>ul>li>a:hover {
	color: #888;
}

/* product show */
body.product.show .content .pro_cat_sec {
	margin-bottom: 10px;
}

body.product.show .content .pro_cat_sec a {
	font-size: 16px;
	color: #000;
	display: inline-block;
	padding: 5px 15px;
	border: solid 1px #ccc;
	margin-right: 8px;
	margin-bottom: 5px;
	transition: all .3s ease;
}

body.product.show .content .pro_cat_sec a:hover {
	background: #6ba5d6;
	color: #fff;
}

body.product.show .content .pro_cat_sec .main_sec {
	margin-bottom: 12px;
}

body.product.show .content .pro_cat_sec .main_sec a {
	background: #f09912;
	color: #fff;
	font-size: 14px;
	border-radius: 30px;
	padding: 4px 20px 4px;
}

body.product.show .content .pro_cat_sec .main_sec a:hover {
	background: #9d1e35;
}

body.product.show .content .pro_list,
body.product.show .content .news_list {
	text-align: center;
}

body.product.show .content .pro_list a,
body.product.show .content .news_list a {
	display: block;
	width: 100%;
}

body.product.show .content .pro_list .item,
body.product.show .content .news_list .item {
	margin-bottom: 100px;
	padding: 20px;
	transition: all .3s ease;
}

body.product.show .content .pro_list .item .pic,
body.product.show .content .rel_sec .item .pic,
body.product.show .content .news_list .item .pic {
	margin-bottom: 20px;
	position: relative;
}

body.product.show .content .pro_list .item .pic img,
body.product.show .content .news_list .item .pic img {
	border: solid 1px #b1b1b1;
	width: 100%;
}

body.product.show .content .pro_list .item .info .title,
body.product.show .content .news_list .item .info .title {
	font-size: 18px;
	color: #000;
	margin-bottom: 20px;
}

body.product.show .content .pro_list .item .info .price,
body.product.show .content .rel_sec .item .info .price {
	font-size: 14px;
	color: #777777;
}

body.product.show .content .pro_list .item .info .price span,
body.product.show .content .pro_list .item .info .price s,
body.product.show .content .rel_sec .item .info .price span,
body.product.show .content .rel_sec .item .info .price s {
	display: inline-block;
}

body.product.show .content .pro_list .item .info .price span.highlight,
body.product.show .content .rel_sec .item .info .price span.highlight {
	color: #20487c;
	font-weight: bold;
	margin-left: 8px;
}

body.product.show .tbig {
	font-size: 18px;
}

body.product.show .content .pro_list .item .btn.compare {
	display: inline-block;
	font-size: 16px;
	color: #fff;
	background: #20487c;
	padding: 7px 20px 5px;
	border-radius: 20px;
	width: auto;
	transition: all .3s ease;
}

body.product.show .content .pro_list .item:hover {
	background: #f1f1f1;
}

body.product.show .content .pro_list .item .bs:hover .info .title {
	color: #20487c;
}

body.product.show .content .pro_list .item .bs:hover .info .price span.highlight,
body.product.show .content .rel_sec .item a:hover .info .price span.highlight {
	color: #9d1e35;
}

body.product.show .content .pro_list .item .btn.compare:hover {
	background: #9d1e35;
	padding: 7px 30px 5px;
}

body.product.show .content .pro_det .pic .spic_sec,
body.product.show .content .pro_det .pic .bpic_sec {
	display: inline-block;
	vertical-align: top;
}

body.product.show .content .pro_det .pic .spic_sec li {
	margin-bottom: 5px;
	cursor: pointer;
}

body.product.show .content .pro_det .pic .spic_sec img {
	max-width: 80px;
	border: solid 1px #ccc;
	background: #ff7e13;
	transition: all .3s ease;
}

body.product.show .content .pro_det .pic .spic_sec li:hover img,
body.product.show .content .pro_det .pic .spic_sec li.on img {
	padding: 5px;
}

/* body.product.show .content .pro_det .pic .bpic_sec {
	width: calc(100% - 90px);
} */
body.product.show .content .pro_det .pic .bpic_sec a {
	display: block;
	width: 100%;
}

/* product detail */
body.product.show .content h1 {
	font-size: 24px;
	font-weight: 700;
	margin-top: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

.pro_det li {
	font-size: 16px;
	color: #333;
	margin-bottom: 5px;
	line-height: 1.6em
}
.pro_det li.color{
	color: #f6b37f;
}
.pro_det li.oriprice {
	color: #f6b37f;
}

.pro_det li.price {
	color: #C0504D;
	font-weight: bold;
	margin-bottom: 40px;
}

.pro_det li.price span.tbig {
	margin-left: 5px;
	font-size: 24px;
}

.pro_det li .ctxt,
.pro_det li .stxt {
	display: inline-block;
	margin-left: 10px;
	font-size: 15px;
}

.pro_det li .color_group,
.pro_det li .size_group {
	padding: 10px 0 20px;
	border-bottom: solid 1px #bde1ff;
	margin-bottom: 20px;
}

.pro_det li .color_group .color {
	border-radius: 0;
	width: 40px;
	height: 30px;
	margin: 5px;
	padding: 0;
	transition: all .3s ease;
	border: solid 3px #fff;
	outline: solid 2px #eee;
}

.pro_det li .color_group .color:hover,
.pro_det li .color_group .color.active {
	outline: solid 2px #ff7e13;
}

.pro_det li .size_group .size {
	padding: 5px 10px;
	display: inline-block;
	border: solid 1px #c3c3c3;
	border-radius: 0;
	margin: 5px;
	transition: all .3s ease;
}

.pro_det li .size_group .size:hover,
.pro_det li .size_group .size.active {
	background: #ff7e13;
	color: #fff;
	border-color: #ff7e13;
	box-shadow: none;
}

.pro_det .dealer {
	background: #f09912;
	padding: 20px 25px 10px;
	border-radius: 10px;
	margin-bottom: 25px;
}

.pro_det .dealer:before {
	content: '經銷專區';
	font-size: 26px;
	border-bottom: 1px solid #fff;
	color: #fff;
	font-weight: 700;
	display: block;
	margin-bottom: 15px;
}

.pro_det .dealer li {
	color: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
}

.pro_det .dealer li label {
	background: #fff;
	padding: 5px 10px;
	border-radius: 10px;
	color: #ff7e13;
	font-weight: 700;
	margin-right: 15px;
}

.pro_det .dealer li .range {
	text-decoration: underline;
}

.pro_det .dealer li .pro_p1 {
	font-size: 22px;
	float: right;
	font-weight: 700;
}

.pro_det .quantity {
	margin-bottom: 15px;
}

.pro_det .quantity .input-group input {
	height: 40px;
}

.pro_det .quantity .input-group .btn-number {
	height: 40px;
}

.pro_det .quick-buy .form-control {
	width: 100%;
	height: 45px;
	border-radius: 0;
	border-color: #bde1ff;
	display: inline-block;
	margin-bottom: 10px;
}

.pro_det .quick-buy .form-control:focus {
	box-shadow: none;
	border-color: #20487c;
}

.pro_det .quick-buy .btn {
	border-radius: 5px;
	font-size: 15px;
	margin: 0 5px 10px;
	padding: 10px 0;
	transition: all .3s ease;
	width: 50%;
	opacity: 1;
}

.pro_det .quick-buy .btn:hover {
	opacity: 0.8;
}

.pro_det .quick-buy .btn span {
	display: inline-block;
	margin-right: 10px;
}

.pro_det .quick-buy .instance {
	color: #f09912;
	background: #fff;
	border: 1px solid #f09912;
}

.pro_det .quick-buy .instance:hover {
	color: #fff;
	background: #f09912;
	border: 1px solid #f09912;
}

.pro_det .quick-buy .join {
	background: #9d1e35;
	color: #fff;
}

body.product.show .content h3 {
	border: 2px solid #ccc;
	padding: 10px;
	font-weight: 700;
	border-radius: 5px;
	font-size: 20px;
	color: #fff;
	background: #ff7e13;
	letter-spacing: 1px;
}

body.product.show .content h3 .txt-en {
	font-size: 60%;
	font-weight: 500;
	margin-left: 5px;
}

body.product.show .content .editor {
	padding: 0 10px;
	margin: 15px 0;
}

body.product.show .content .pro_det .quick-buy .oneRow {
	display: flex;
	justify-content: space-between;
}

body.product.show .content .history,
body.product.show .content .related {
	margin: 5px 0;
	padding: 5px 0;
}

body.product.show .content .history .bxslider li a,
body.product.show .content .related .bxslider li a {
	border: 1px solid #e1e1e1;
	padding: 0;
	display: block;
}

body.product.show .content .history .bxslider li a:hover,
body.product.show .content .related .bxslider li a:hover {
	border-color: #ff7e13;
}

body.product.show .content .history .bxslider li a figure,
body.product.show .content .related .bxslider li a figure {
	border-bottom: 1px solid #e1e1e1;
	overflow: hidden;
}

body.product.show .content .history .bxslider li a:hover h3,
body.product.show .content .history .bxslider li a:hover p,
body.product.show .content .related .bxslider li a:hover h3,
body.product.show .content .related .bxslider li a:hover p {
	color: #ff7e13;
}

body.product.show .content .history .bxslider li a:hover figure,
body.product.show .content .related .bxslider li a:hover figure {
	border-bottom: 1px solid #ff7e13;
}

body.product.show .content .history .bxslider li a figure img,
body.product.show .content .related .bxslider li a figure img {
	transform: scale(1);
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	transition: 0.3s all ease;
}

body.product.show .content .history .bxslider li a:hover figure img,
body.product.show .content .related .bxslider li a:hover figure img {
	transform: scale(1.1);
}

body.product.show .content .history .bx-wrapper .bx-controls-direction a,
body.product.show .content .related .bx-wrapper .bx-controls-direction a {
	width: 17px;
	height: 65px;
	background: url(../images/home/home_arrow.png) no-repeat;
}

body.product.show .content .history .bx-wrapper .bx-controls-direction a.bx-prev,
body.product.show .content .related .bx-wrapper .bx-controls-direction a.bx-prev {
	left: -25px;
}

body.product.show .content .history .bx-wrapper .bx-controls-direction a.bx-next,
body.product.show .content .related .bx-wrapper .bx-controls-direction a.bx-next {
	right: -25px;
	background-position: 0 -65px;
}

body.product.show .content .history .word,
body.product.show .content .related .word {
	padding: 10px;
}

body.product.show .content .history .word h3,
body.product.show .content .related .word h3 {
	font-size: 13px;
	color: #666;
	letter-spacing: 1px;
	margin-top: 0;
	text-align: center;
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	transition: 0.3s all ease;
	padding: 0;
	font-weight: 500;
	border: 0;
	background: transparent;
	border-radius: 0;
	min-height: 39px;
	margin-bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

body.product.show .content .history .word p.des,
body.product.show .content .related .word p.des {
	font-size: 13px;
	color: #666;
	letter-spacing: 1px;
	margin-top: 0;
	text-align: center;
	margin-bottom: 0;
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	transition: 0.3s all ease;
}

/* product fancybox */
.fancybox-inner li {
	font-size: 16px;
	color: #333;
	margin-bottom: 5px;
	line-height: 1.6em
}
.fancybox-inner li.color{
	color: #f6b37f;
}
.fancybox-inner li.oriprice {
	color: #777777;
}

.fancybox-inner li.price {
	color: #C0504D;
	font-weight: bold;
	margin-bottom: 40px;
}

.fancybox-inner li.price span.tbig {
	margin-left: 5px;
	font-size: 24px;
}

.fancybox-inner li .ctxt,
.fancybox-inner li .stxt {
	display: inline-block;
	margin-left: 10px;
	font-size: 15px;
}

.fancybox-inner li .color_group,
.fancybox-inner li .size_group {
	padding: 10px 0 20px;
	border-bottom: solid 1px #bde1ff;
	margin-bottom: 10px;
}

.fancybox-inner li .color_group .color {
	border-radius: 0;
	width: 40px;
	height: 30px;
	margin: 5px;
	padding: 0;
	transition: all .3s ease;
	border: solid 3px #fff;
	outline: solid 2px #eee;
}

.fancybox-inner li .color_group .color:hover,
.fancybox-inner li .color_group .color.active {
	outline: solid 2px #ff7e13;
}

.fancybox-inner li .size_group .size {
	padding: 5px 10px;
	display: inline-block;
	border: solid 1px #c3c3c3;
	border-radius: 0;
	margin: 5px;
	transition: all .3s ease;
}

.fancybox-inner li .size_group .size:hover,
.fancybox-inner li .size_group .size.active {
	background: #ff7e13;
	color: #fff;
	border-color: #ff7e13;
	box-shadow: none;
}

.fancybox-inner .quantity {
	padding: 10px 5px;
}

.fancybox-inner .quantity .input-group {
	width: 200px;
}

.fancybox-inner .quick-buy .form-control {
	width: 200px;
	border-radius: 0;
	border-color: #bde1ff;
	display: inline-block;
	margin-bottom: 10px;
}

.fancybox-inner .quick-buy .form-control:focus {
	box-shadow: none;
	border-color: #20487c;
}

.fancybox-inner .quick-buy .btn {
	border-radius: 0;
	font-size: 15px;
	margin: 0 5px 10px;
	padding: 10px 0;
	transition: all .3s ease;
	width: 96%;
	opacity: 1;
}

.fancybox-inner .quick-buy .btn:hover {
	opacity: 0.8;
}

.fancybox-inner .quick-buy .btn span {
	display: inline-block;
	margin-right: 10px;
}

.fancybox-inner .quick-buy .instance {
	background: #f09912;
	color: #fff;
}

.fancybox-inner .quick-buy .join {
	background: #9d1e35;
	color: #fff;
}

/*----------------------------------------- member -----------------------------------------*/
body.member .content .notice {
	height: 400px;
	overflow-y: scroll;
	border: 1px solid #ddd;
	padding: 15px 0 0 0;
}

body.member .btn_group {
	margin-top: 20px;
}

body.member.register .btn_group a,
body.member.register .btn_group button {
	margin: 5px;
}

#membership {
	max-width: 700px;
}

body.member.register.finish .sec {
	text-align: center;
}

body.member .sec .finish {
	border: solid 1px #f09912;
	display: block;
	padding: 50px 80px;
	font-size: 16px;
	color: #08223d;
}

body.member .sec .finish p {
	margin-bottom: 5px;
}

body.member .sec .finish h3 {
	font-size: 26px;
	color: #f09912;
	font-weight: bold;
	margin-bottom: 30px;
}

body.member .sec .finish h3 span {
	margin-right: 10px;
}

body.member .sec .finish .btn {
	margin-top: 30px;
}

body.p02 .hint,
body.p03 .hint,
body.member.forget .hint,
body.member.active .hint {
	color: #cb0000;
	text-align: center;
}

body.member.p01 .sec {
	text-align: center;
}

body.member.p01 .sec .hint {
	font-size: 16px;
	font-weight: bold;
	color: #6ba5d6;
}

body.member .mem_det {
	margin-top: 20px;
}

body.member .mem_det ul li {
	margin: 10px 0;
}

body.member .mem_det ul li a {
	display: block;
	background-repeat: no-repeat;
	background-position: center 30px;
	padding: 80px 30px 20px 30px;
	text-align: center;
	background-color: #ff7e13;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 5px;
	transition: all .2s ease;
}

body.member .mem_det ul li.b1 a {
	background-image: url('../images/member/mem_03_h.png');
}

body.member .mem_det ul li.b2 a {
	background-image: url('../images/member/mem_01_h.png');
}

body.member .mem_det ul li.b3 a {
	background-image: url('../images/member/mem_02_h.png');
}

body.member .mem_det ul li.b4 a {
	background-image: url('../images/member/mem_04_h.png');
}

body.member .mem_det ul li.b5 a {
	background-image: url('../images/member/mem_05_h.png');
}

body.member .mem_det ul li a:hover {
	background-color: #fff;
	border-color: #ff7e13;
	color: #ff7e13;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center 30px;
	box-shadow: 0 0 2px #8e5b0c;
	transform: scale(1.1);
}

body.member .mem_det ul li.b1 a:hover {
	background-image: url('../images/member/mem_03.png');
}

body.member .mem_det ul li.b2 a:hover {
	background-image: url('../images/member/mem_01.png');
}

body.member .mem_det ul li.b3 a:hover {
	background-image: url('../images/member/mem_02.png');
}

body.member .mem_det ul li.b4 a:hover {
	background-image: url('../images/member/mem_04.png');
}

body.member .mem_det ul li.b5 a:hover {
	background-image: url('../images/member/mem_05.png');
}

body.member .fill_info,
body.contact .fill_info {
	margin-top: 30px;
}

body.member.register_old .hint,
body.member.forget .hint,
body.member.active .hint {
	color: #cb0000;
	text-align: center;
	margin-bottom: 5px;
}

.content .sum {
	font-size: 20px;
	font-weight: bold;
	color: #ec710a;
	line-height: 1.6em;
	margin-bottom: 10px;
	text-align: right;
}

.content .sum .normal {
	font-size: 16px;
	line-height: 1.8em;
	color: #333;
}

body.news .item .info {
	text-align: left;
}

.oneRow {
	display: inline-block;
	vertical-align: top;
	margin-top: 2px;
}

body.wishlist .content .items {
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	transition: 0.3s all ease;
	background: transparent;
	padding: 10px 0;
}

body.wishlist .content .items:hover {
	background: #eee;
}

body.wishlist .content .t1,
body.wishlist .content .c1 {
	padding: 8px 15px;
	margin-bottom: 10px;
}

body.wishlist .content .t1 {
	background: #ff7e13;
	color: #fff;
	border-radius: 10px;
	text-align-last: justify;
}

body.wishlist .content .c1 {
	font-size: 16px;
	color: #333;
}

body.wishlist .btn-group {
	padding-top: 8px;
	display: block;
	text-align: right;
}

body.wishlist .content .btn.btn-wish {
	color: #fff;
	background: #ff7e13;
	transition: 0.3s all ease;
	opacity: 1;
}

body.wishlist .content .btn.btn-wish:hover {
	opacity: 0.7;
	transition: 0.3s all ease;
}

body.wishlist .content .btn-group li:nth-of-type(1) .btn.btn-wish {
	background: #a0a0a0;
}

body.wishlist .content .btn-group li:nth-of-type(2) .btn.btn-wish {
	background: #30b500;
}

body.wishlist .content .btn-group li:nth-of-type(3) .btn.btn-wish {
	background: #ff7100;
}

body.wishlist .content .btn.btn-addall {
	color: #fff;
	background: #ff7e13;
	font-size: 18px;
	padding: 15px 25px;
	border-radius: 15px;
	margin: 5px 0;
	box-shadow: 2px 2px 0 #999;
	transition: 0.3s all ease;
	opacity: 1;
}

body.wishlist .content .btn.btn-addall:hover {
	transition: 0.3s all ease;
	opacity: 0.7;
}

/* order_adv */
.invoice .form-group {
	margin-left: 10px;
}

/*----------------------------------------- cart -----------------------------------------*/
.qty_form {
	display: inline-block;
}


.qty_sec {
	display: inline-flex;
	position: relative;
}

.qty_sec .min {
	background: #ffffff00;
	border: unset;
	width: 40px;
	height: 40px;
	border: 1px solid #ccc;
	font-size: 23px;
}

.qty_sec .add {
	background: #ffffff00;
	border: unset;
	width: 40px;
	height: 40px;
	border: 1px solid #ccc;
	font-size: 23px;
}

.c_div {
	text-align: center;
	width: 100%;
}

.c_div>div {
	display: inline-block;
}

.c_div span.step_txt {
	font-size: 17px;
	font-weight: bold;
}

.c_div span.number {
	width: 50px;
	height: 50px;
	line-height: 50px;
	display: block;
	background: #ccc;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	font-size: 18px;
	margin: auto;
	font-weight: bold;
	margin-bottom: 5px;
}

.c_div .icons {
	height: 30px;
	width: 60px;
	color: #ccc;
	display: inline-block;
	margin: 20px 20px 25px;
}

body.cart .c_div>div:first-child span.number,
body.cart.p02 .c_div>div:nth-child(3) span.number,
body.cart.p03 .c_div>div:nth-child(5) span.number {
	background: #ff7e13;
}

body.cart.p02 .c_div>div:first-child span.number,
body.cart.p03 .c_div>div:first-child span.number {
	background: #ccc;
}

body .content .extrafee {
	color: #fff;
	font-size: 16px;
	line-height: 2.2em;
	padding: 0 8px;
	background: #d02d2d;
	border-radius: 10px;
	width: 100px;
	display: block;
	height: 34px;
}

body.cart .content .table.table-stack>tbody>tr>td .btn.change,
body.cart .content .table.table-stack>tbody>tr>td .btn.btn-default {
	background: #fff;
	color: #ff7e13;
	font-size: 14px;
	border-color: #ff7e13;
	text-shadow: none;
	font-weight: normal;
	border-radius: 0;
	transition: all .3s ease;
}

body.cart .content .table.table-stack>tbody>tr>td .btn.btn-default {
	/*background:#9d1e35;*/
	background: none;
	border-color: #ff7e13;
	color: #ff7e13;
	/* border-radius: 50%; */
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 28px;
}

body.cart .content .table.table-stack>tbody>tr>td .btn.change:hover {
	background: #ff7e13;
	border-color: #a54b00;
}

body.cart .content .table.table-stack>tbody>tr>td .btn.btn-default:hover {
	color: #fff;
	background: #ff7e13;
}
body.cart .content .table.table-stack>tbody>tr>td.qty .input-group .btn-number {
	height: 40px;
}
body.cart .content .table.table-stack>tbody>tr>td.qty .input-group .input-group-btn {
	width: 100%;
}