@charset "utf-8";


* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

.breadcrumb a {
	color: #fbaf1e;
}

body {
	font-family: 'Segoe UI', 'Microsoft JhengHei', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 16px;
	line-height: 1.75;
	letter-spacing: 1px;
	background: #fff;
	position: relative;
	overflow: hidden;
	overflow-y: auto;
}

.panel {
	border: none;
}

li {
	list-style: none;
}

a {
	color: #666;
	text-decoration: none;
}

a img {
	border: 0px;
}

a:hover {
	color: #f2c35c;
	text-decoration: none;
}

input {
	outline: none;
}

#indcon {
	overflow: hidden;
	padding:  182px 0px 0px 0px;
}

#indcon2 {
	overflow: hidden;
	padding: 182px 0px 0px 0px;
}

.banner, .bannerinpage {
	padding: 0;
}

.banner img {
	width: 100%;
}

.bannertitle {
	font-size: 20px;
	font-weight: bold;
	padding: 30px;
	color: #666;
}

.bannercontent {
	font-size: 16px;
	padding: 30px 15px;
	color: #666;
}

.top {
	position: fixed;
	left: 0;
	top: 0;
	padding: 0 20px;
	z-index: 999;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background: url(../images/bg_01.jpg) no-repeat center / cover;
}

.topfb {
	padding: 0;
	float: left;
}

.mcs {
	padding: 0;
	float: left;
	top: 5px;
	position: relative;
}

.scut-container {
	position: absolute;
	top: 45px;
	right: 5%;
}

.scut-container a {
	max-width: 120px;
	height: 45px;
	line-height: 45px;
	width: 45px;
	padding: 0;
	text-align: center;
	display: inline-block;
	float: left;
	position: relative;
}

.scut-container .topfb a:last-child {
	margin-right: 0px;
}

.scut-container .searchdiv {
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 200px;
	color: #FFF;
	float: left;
	position: relative;
	margin-right: 10px;
}

.scut-container .searchdiv form {
	float: left;
	width: 100%;
}

.scut-container .sinput {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	float: left;
	width: 100%;
	font-size: 0.9em;
}

.scut-container .sinput input {
	height: 100%;
	padding: 0 36px 0 15px;
	color: #404040;
	width: 100%;
	border: none;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
}

.scut-container .searchdiv button {
	background: none;
	border: 0;
	width: 32px;
	float: right;
	color: #000;
	position: relative;
	z-index: 2;
	font-size: 0.7em;
	outline: none;
}

.scut-container .searchdiv button i {
	position: relative;
	top: -2px;
}

.searchdivxs {
	display: none;
	height: 32px;
	padding: 5px 1%;
	text-align: center;
	color: #FFF;
	background: #575757;
}

.searchdivxs input {
	height: 35px;
	width: 85%;
}

.searchdivxs button {
	height: 35px;
	width: 13%;
	background: #575757;
	border: none;
}

.scut-container .topfb a {
	background: none;
	margin-right: 10px;
}

.mcs a {
	margin-right: 10px;
	background: #000;
	color: #FFF;
	position: relative;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

.mcs a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-left: 3px #555 solid;
	border-bottom: 3px #555 solid;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

#goodsnums {
	display: inline-block;
	position: absolute;
	background: #f00;
	border-radius: 50%;
	top: 0;
	right: -5px;
	line-height: 8px;
	padding: 5px;
	color: #fff;
	font-size: 0.8em;
}

.scut-container-wap {
	width: 100%;
	margin-top: 0;
	padding: 0;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 99;
}

.scut-container-wap a {
	max-width: none;
	height: 45px;
	line-height: 45px;
	text-align: center;
	display: inline-block;
	color: #FFF;
	background: #c8a451;
	float: right;
}

.scut-container-wap a:hover {
	background: #404040;
}

.scut-container-wap .searchdiv {
	max-width: none;
	height: 45px;
	line-height: 85px;
	text-align: center;
	color: #FFF;
	background: #575757;
	float: right;
	position: relative;
}

.scut-container-wap .searchdiv2 {
	background: #404040;
}

.scut-container-wap .sinput {
	position: absolute;
	top: 0;
	right: 100%;
	height: 100%;
	float: left;
}

.scut-container-wap .sinput input {
	height: 100%;
	padding: 0 5px;
	color: #404040;
}

.scut-container-wap .searchdiv button {
	background: none;
	border: 0;
	width: 60px;
}

.scut-container-wap .searchdivxs {
	display: none;
	height: 40px;
	padding: 2px 1%;
	text-align: center;
	color: #000;
	background: #575757;
	padding: 0;
}

.scut-container-wap .searchdivxs input {
	padding: 0 10px;
	outline: none;
	margin-top: 2px;
}

.mcs-wap {
	padding: 0;
}

@media screen and (max-width: 767px) {
	body {
		padding-bottom: 45px;
		float: left;
		width: 100%;
	}

	.scut-container {
		display: none;
	}

	#goodsnums {
		right: 10px;
		padding-top: 10px;
		border-radius: 50%;
		line-height: 3px;
	}
}

.modal-body {
	padding: 15px 20px 30px;
}

.logo {
	font-family: Arial;
	font-weight: bold;
	color: #fb5e74;
	padding-bottom: 15px;
	padding-top: 15px;
}

.logo a {
	color: #fb5e74;
}

@media (max-width :1024px) {

	.logoie,
	.smenu {
		padding: 0px;
	}
}

.logo img {
	display: inline-block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 120px;
}

.logo1 {
	padding-top: 30px;
	line-height: 40px;
}

.openbutton,
.closebutton {
	display: none;
}

.smenu {
	line-height: 60px;
	z-index: 999;
	color: #000;
	background: transparent;
	padding: 0 5%;
	margin: 0;
}

.smenu a {
	color: #000;
	display: inline-block;
	font-size: 18px;
}


.smenu li {
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	position: relative;
}


.smenu li ul {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 99999;
	background: #fff;
	color: #000;
	padding: 0;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.smenu li ul li {
	border: none;
	border-bottom: 1px dashed #e2e2e2;
	line-height: 42px;
	padding: 0;
	float: left;
	width: 100%;
	background: #fff;
}
.smenu li ul li:last-child{border-bottom: none;}
.smenu li ul li:hover {
	color: #000;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-bottom: 1px dashed #e2e2e2;
	background: #f3f3f3;
}

.smenu li ul li a {
	color: #000;
	font-size: 16px;
}

.smenu li ul li ul {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	height: auto;
	z-index: 99999;
}

.smenu li .indicator {
	position: absolute;
	color: #000;
	top: 0;
	right: 8px;
	font-size: .85em;
}

.smenu ul li .indicator {
	top: 0;
	right: 8px;
	color: #666;
}

@media (max-width : 1279px) {
	.smenu a {
		font-size: 16px;
	}
}

@media (max-width : 849px) {
	.smenu a {
		font-size: 13px;
	}
}

@media (max-width : 768px) {
	.scut-container-wap .searchdivxs button {
		color: #fff;
	}

	.openbutton {
		display: block;
		position: absolute;
		z-index: 9;
		top: 10px;
		left: 10px;
		font-size: 1.2em;
		padding: 8px;
		color: #fff;
	}

	.closebutton {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		cursor: pointer;
		padding: 8px;
	}

	#left-panel {
		display: none;
		width: 50%;
		padding: 30px 0;
		background-color: #333;
		color: #fff;
		box-shadow:none;
		border-radius: 0;
		overflow: auto;
	}

	.topfb {
		display: none;
	}

	.smenu {
		padding: 20px 0 0 0;
		background: #333;
	}

	.smenu a {
		font-size: 18px;
		color: #FFF;
		width: 100%;
		padding: 0 20px;
	}

	.smenu li {
		background: #333;
		text-align: left;
		border: none;
		width: 100%;
		border-bottom: 1px solid #666;
	}

	.smenu li:first-child {
		text-align: left;
	}

	.smenu li:hover {
		background: #2a2a2a;
	}

	.smenu li ul {
		background: #1a1a1a;
	}

	.smenu li ul,
	.smenu li ul li ul {
		position: static;
	}

	.smenu li ul li {
		border: none;
		background: #3a3a3a;
		border-bottom: 1px dotted #757575;
	}

	.smenu li ul li:last-child {
		border-bottom: none;
	}

	.smenu li ul li a {
		color: #fff;
		font-size: 16px;
	}

	.smenu>li .indicator {
		right: 20px;
		font-size: 18px;
		color: #fff;
	}

	.smenu ul>li .indicator {
		right: 20px;
	}

	.smenu li ul li:hover {
		background: #444;
		border: none;
	}

	.smenu li ul li li {
		background: #555;
	}

	.smenu li ul li li a {
		padding-left: 30px;
	}

	.smenu li.showhide {
		background: none;
		color: #fff;
		width: 30px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		position: absolute;
		top: -120px;
		right: 10px;
	}

	.smenu ul li .indicator {
		color: #fff;
	}
}

@media (max-width :767px) {
	.logo {
		text-align: center;
	}

	.mcs {
		padding: 0;
	}
}

.cart1 {
	height: 60px;
	background: #ff9900;
	text-align: center;
	color: #FFF;
	position: relative;
	border-right: 1px solid #d9d4d0;
	padding: 0px;
}

.cart2 {
	height: 60px;
	background: #999;
	text-align: center;
	color: #FFF;
	border-right: 1px solid #d9d4d0;
	padding: 0px;
}

.cart2:last-child {
	border-right: 0px;
}

.cartarrow {
	position: absolute;
	right: -3px;
	top: 28px;
	z-index: 99;
}

.cart3 {
	font-size: 15px;
	padding-top: 10px;
}

.cart4 {
	font-size: 15px;
}

.cart5 {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}



.cart7 {
	width: 100%;
	font-size: 15px;
	color: #999;
	margin: 5px 0;
}

.cart7 .form-group:first-child {
	margin-left: 0;
}

.cart7 .form-group select {
	max-width: 100px;
}

.cart8 {
	color: #000;
	font-family: Arial;
	font-weight: bold;
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #ccc;
}

.cart9 {
	font-size: 20px;
	color: #f44336;
}

.cart10 {
	font-size: 16px;
	color: #000;
	font-family: Arial;
	font-weight: bold;
}

.cart11 {
	text-indent: -12px;
	padding-left: 27px;
	padding-top: 15px;
	line-height: 24px;
}

.cart12 {
	font-size: 20px;
}

.cart13 {
	padding-left: 35px;
	padding-bottom: 15px;
	line-height: 24px;
}

.cart14 {
	padding-left: 20px;
	line-height: 18px;
}

.cart15 {
	padding-left: 20px;
	line-height: 18px;
	font-size: 14px;
	padding-top: 0px;
	padding-bottom: 20px;
}

.cart16 {
	font-weight: bold;
	color: #000;
	font-size: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.cart17 {
	font-size: 13px;
	padding-top: 5px;
	color: #666;
	line-height: 18px;
}

.cart18 {
	font-size: 15px;
	color: #000;
	font-weight: bold;
}

.cartnotice {
	color: #cd403c;
	font-size: 16px;
	padding-top: 7px;
	padding-bottom: 7px;
}

.cartnotice a {
	color: #cd403c;
}

.carttitle {
	padding: 15px;
	margin: 0 0 15PX;
	font-weight: 500;
	background-color: #F6F6F6;
	font-size: 24px;
	line-height: 24px;
	color: #4b4b4b;
	border-bottom: 1px solid #ededed00;
}

.form-horizontal .control-label {
	text-align: left;
	font-size: 16px;
	font-weight: normal;
	padding-right: 10px
}

.iconcartn {
	font-size: 11px;
	font-family: Arial;
	color: #F60;
}

.case1 {
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	position: relative;
	padding: 0px;
	border-bottom: none;
}

.login1 {
	font-size: 13px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #fff;
}

.login2 {
	background: #3a5898;
	color: #FFF;
	border-radius: 7px;
	text-align: center;
	margin-bottom: 20px;
}

.login2 a {
	width: 100%;
	height: 100%;
	display: inline-block;
	text-align: center;
	color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
}

.login3 {
	font-size: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #000;
}

.indexcon {
	padding: 45px 12%;
	position: relative;
	overflow: hidden;
}

.indexcon img {
	width: auto;
	max-width: 100%;
	height: auto;
}

.indexconimg {
	padding: 0;
}

.indexconimg img {
	width: 100%;
	height: auto;
}

.indexcon a {
	color: #F90;
	cursor: pointer;
}

.indextitle {
	font-size: 32px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 12px;
	margin-bottom: 30px;
	text-align: center;
	position: relative;
}
.indextitle::before,
.indextitle::after {
	content: '=';
	font-weight: normal;
	position: relative;
	top: -2px;
	color: red;
}

.indextitle a {
	color: #FFF;
}

.indextitle2 {
	float: left;
	font-size: 18px;
	box-sizing: border-box;
	padding: 0 10px 0px 50px;
	line-height: 40px;
	margin-bottom: 10px;
	/*background:#e1704b url(../images/kew_45.jpg) no-repeat 10px center;*/
	color: #FFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-icab-border-radius: 5px;
}

.indextitle2 a {
	color: #FFF;
}

.indextitlec {
	color: #000;
}

.indextitlec a {
	color: #000;
}

.ljh {
	padding: 5px;
}

.ljh:hover .lj {
	display: block;
	margin-top: -40px;
	line-height: 40px;
	text-align: center;
	background-color: #000000;
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
	color: #ffa700;
}

.lj {
	color: #fff;
	overflow: hidden;
	/*超出的部分隐藏起来。*/
	white-space: nowrap;
	/*不显示的地方用省略号...代替*/
	text-overflow: ellipsis;
	/* 支持 IE */
	-o-text-overflow: ellipsis;
	display: none;
}

.indexnews {
	text-align: center;
}

.indexnews2 {
	padding: 15px 10px;
	align-items: center;
	display: flex;
}

.indexnews2:last-child {
	border-bottom: 0;
}

.indexnewst {
	font-size: 18px;
	font-weight: bold;
	margin: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.indexnewst2 {
	font-size: 18px;
	color: #fff;
	overflow: hidden;
	display: -webkit-box;
	white-space: normal;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;	
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
	
}
.indexnewst2 a {color: #fff;}
.indexnewsc {
	margin: 5px;
}

.indexnewsc2 {
	margin: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.indexnewsb a {
	display: inline-block;
	padding: 5px 15px;
	border: 1px #CCC solid;
}

.indexnewsb2 a {
	display: inline-block;
	padding: 2px 10px;
	border: 1px #CCC solid;
}

.indexnews5 {
	background-color: #5b382f;
	box-sizing: border-box;
	padding: 10px;
	text-align: left;
	margin-bottom: 10px;
	float: left;
	width: 100%;
}

.indexnews5 img {
	width: 16px;
	height: 16px;
	display: inline-block;
}

.indexnews5 a {
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	display: block;
}

.indexnews3 {
	box-sizing: border-box;
	padding: 10px;
	text-align: left;
	border-bottom: 1px dotted #967970;
}

.indexnews3 img {
	width: 16px;
	height: 16px;
	display: inline-block;
}

.indexnews3 a {
	display: block;
	white-space: nowrap;
	color: #a45100;
	font-size: 15px;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}

.indexnews3:hover {
	background: #f7f7f7;
}

.indexnewsdate {
	padding-left: 30px;
}

.indexnewscontent {
	padding-left: 30px;
}

.indexnewmore a {
	float: right;
}

.indexpro {
	padding: 1% 0;
}

.indexpro>div {
	margin-bottom: 15px;
}

.proh {
	padding: 0 10px;
}

.proh a {
	padding: 0px;
	display: block;
	float: left;
	width: 100%;
}

.proimg {
	padding: 10px;
}




.prot {
	float: left;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	padding: 0;
	height: 38px;
	line-height: 38px;
	margin: 10px 0px 6px 0px;
	overflow: hidden;
	/*超出的部分隐藏起来。*/
	white-space: nowrap;
	/*不显示的地方用省略号...代替*/
	text-overflow: ellipsis;
	/* 支持 IE */
	-o-text-overflow: ellipsis;
}

.prot a {
	color: #4AB54A;
}

.proc {
	color: #777;
}

.prob {
	margin-top: 10px;
}

.prob button {
	display: inline-block;
	padding: 5px 10px;
	background: #FFF;
	border: 2px #4AB54A solid;
	color: #4AB54A;
}

.prob button:last-child {
	float: right;
}

.prop1 {
	text-decoration: line-through;
	font-size: 16px;
	text-align: left;
	color: #ccc;
	padding-left: 5px;
	height: 38px;
	line-height: 38px;
	position: absolute;
	width: 80px;
	height: 38px;
	left: 0px;
	top: 0px;
}

.prop2 {
	position: absolute;
	color: #e08f31;
	font-size: 20px;
	font-weight: bold;
	text-align: right;
	background: url(../images/ssio.png) no-repeat left center;
	height: 40px;
	line-height: 40px;
	width: 90px;
	right: 0px;
	top: 0px;
}

.prop2 a {
	background-color: #36ad36;
	color: #4AB54A;
	padding: 0 10px;
	float: left;
	font-size: 15px;
}

.prop2 a:hover {
	background-color: #008100;
}

.prop3 {
	color: #c40000;
	font-size: 18px;
	font-weight: bold;
}

.listmode {
	text-align: right;
	padding-right: 20px;
	font-size: 1em;
	margin-bottom: 15px;
}

.listmode a {
	display: inline-block;
	margin: 0 10px;
	color: #FAFAFA;
}

.actlist {
	color: #F60;
}

.prodlist {
	padding: 0 15%;
}

@media (max-width:768px) {
	.prodlist {
		padding: 0;
	}
}

.prodlist>.prodinfo {
	padding-top: 14px;
	padding-bottom: 14px;
	border-bottom: 1px dotted #666666;
}

.prodlist>.prodinfo:hover {
	background: #efefef;
}

.prodlistpic {
	padding: 3px;
	box-sizing: border-box;
	border: 1px solid #999;
	width: 100%;
}

.prodlistc {
	color: #999;
}

.prodlistc span {
	font-weight: bold;
	font-size: 15px;
	color: #111;
}

.fbshare {
	float: left;
	margin-right: 10px;
	padding: 0;
	margin-top: -11px;
}

.producttitle {
	color: #2a201f;
	font-weight: bold;
	font-size: 20px;
	line-height: 34px;
	height: 34px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 0% 1% 1% 1%;
	width: 98%;
	text-align: center;
}

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

.productpic img {
	display: inline;
	max-width: 400px;
	height: auto;
	text-align: center;
}

.product1 {
	margin: 10px 0px;
	border-right: 1px solid #b4b4b4;
	font-size: 15px;
	text-align: center;
}

.product2 {
	margin: 10px 0px;
	font-size: 16px;
	text-align: center;
}

.product3 {
	font-family: Arial;
	font-size: 20px;
	color: #F00;
}

.product4 {
	font-size: 16px;
}

.product5 {
	padding-top: 10px;
	border-bottom: 1px dotted #000;
}

.baseprod {
	margin-left: -10px;
	margin-bottom: 20px;
	font-size: 18px;
}

.productinfo {
	font-size: 16px;
	line-height: 2;
}

.productinfo a {
	color: #666;
}

.productinfo select {
	display: inline;
	width: 80px;
}

.procon {
	font-size: 18px;
	color: #fff;
	line-height: 2;
	padding: 15px;
}
.procon img {
	width: auto;
	max-width: 100%;
}
.subtb {
	background: #424242;
	line-height: 3;
	text-align: center;
	position: relative;
	color: #FFF;
	font-size: 18px;
	margin-top: 10px;
}
.footer {
	background: #0d0d0d;
	padding: 0;
}
.botconmar {
	line-height: 1.5;
	text-align: center;
	font-size: 16px;
	color: #FFF;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.botconmar a {
	color: #FFF;
	display: inline-block;
	text-decoration: none;
}

.botcon {
	text-align: left;
}

.botcon li {
	float: left;
	width: 100%;
	list-style-image: none;
	list-style-type: none;
}

.botcon a {
	color: #FFF;
	display: inline-block;
	text-decoration: none;
}

.botcon a:hover {
	color: #fbaf1e;
	transition: all 0.3s ease 0s;
}

@media (max-width :767px) {
	.botconmar {
		width: 100%;
	}
}

.subline {
	margin-top: 10px;
}

.subtitle {
	background: #0d0d0d url(../images/bg_02.jpg) no-repeat center 40% / 100%;
	padding: 30px 20px;
	color: #f2c35c;
	text-align: center;
}

.subtitlen {
	background:#111111;
	padding: 30px 20px;
	color: #f2c35c;
	text-align: center;
}


.subtitle1 {
	font-size: 26px;
	font-weight: bold;
	border-bottom: 1px #ccc solid;
	padding: 10px 25px;
}

.subtitle1:before {
	font-family: 'Glyphicons Halflings';
	content: "\e131";
	font-size: 18px;
	margin-right: 10px;
}

.subtitle2 {
	font-size: 35px;
	font-weight: bold;
	border-bottom: 1px #ccc solid;
	padding: 15px 25px;
	text-align: center;
}

.subtitle1 ul {
	float: right;
}

.subtitle2 ul {
	width: 100%;
	margin-top: 10px;
}

.subtitle1 ul li,
.subtitle2 ul li {
	font-size: 15px;
	font-weight: normal;
	display: inline-block;
}

.subtitle1 ul li:before,
.subtitle2 ul li:before {
	content: " / ";
}

.subtitle1 ul li:first-child:before,
.subtitle2 ul li:first-child:before {
	content: "";
}

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

	.subtitle1 ul,
	.subtitle2 ul {
		display: none;
	}
}

.subtitle3 {
	font-size: 18px;
	color: #b01317;
	padding-bottom: 5px;
	padding-top: 15px;
}

.subcon {
	background: #1b1b1b;
	color: #fff;
	min-height: 330px;
	height: auto !important;
	height: 330px;
	padding: 30px 12%;
	position: relative;
}

.subcon img {
	width: auto;
	max-width: 100%;
}

@media (max-width: 767px) {
	.subcon ul {
		display: inherit;
	}
}

.subcon a {
	color: #fff;
}
.subcon a:hover,
.subcon a:focus {
	color: #f2c35c;
}

.companyt {
	font-size: 24px;
	color: #ff6600;
	padding-bottom: 5px;
}

.contact {
	background: #fff;
	margin: 20px auto;
}

.contact label {
	color: #666;
}

.contact ol {
	padding-left: 20px;
}

.note1 {
	border-top: 1px dotted #666;
	padding-top: 5px;
	padding-bottom: 5px;
}

.note2 {
	color: #000;
}

.note3 {
	font-family: Arial;
	font-size: 12px;
	text-align: right;
	color: #999;
}

@media (min-width :1024px) {
	.news1 {
		min-height: 400px;
		height: auto !important;
		height: 400px;
	}
}

.news1>a {
	padding-top: 14px;
	padding-bottom: 14px;
	border-bottom: 1px dotted #ccc;
	display: block;
	color: #999;
	background: url(../images/k_15.png) no-repeat 5px center;
	padding-left: 10px;
}

.news1>a:hover {
	color: #333;
	background: #f8f8f8 url(../images/k_15.png) no-repeat 5px center;
	text-decoration: none;
}

.news1>a:hover .news3 {
	color: #E2B14A;
}

.contitle1 {
	color: #c8a451;
	font-size: 20px;
	line-height: 1.5;
	word-break: break-all;
}

.news2 {
	border-bottom: 1px dotted #666666;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.news3 {
	font-size: 18px;
	color: #000;
	display: block;
	/*定义为块级*/
	float: left;
	/*左对齐*/
	overflow: hidden;
	/*超出的部分隐藏起来。*/
	white-space: nowrap;
	/*不显示的地方用省略号...代替*/
	padding-right: 7px;
	/*文字距离右侧7像素。*/
	padding-left: 7px;
	text-overflow: ellipsis;
	/* 支持 IE */
	-o-text-overflow: ellipsis;
	/* 支持 Opera */
}

.newsdetail {
	line-height: 2;
	font-size: 18px;
	word-break: break-all;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

.newsdetail img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
}

.newsimg {
	width: auto;
	max-width: 100%;
}

@media (min-width :1024px) {
	.conlist {
		min-height: 400px;
		height: auto !important;
		height: 400px;
	}
}

.conlist>a {
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 30px;
}

.conlist>a:hover {
	background: rgb(239,239,239,.24);	
	text-decoration: none;
}

.conlistpic {
	padding: 3px;
	box-sizing: border-box;
	border: 1px solid #999;
	width: 100%;
}

.news4 {
	font-size: 18px;
	line-height: 1.5;
	color: #fff;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 5px;
	overflow: hidden;
	display: -webkit-box;
	white-space: normal;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.news5 {
	color: #F5F5F5;
	font-size: 16px;
	overflow: hidden;
	padding: 0;
	/*超出的部分隐藏起来。*/
	white-space: nowrap;
	/*不显示的地方用省略号...代替*/
	text-overflow: ellipsis;
	/* 支持 IE */
	-o-text-overflow: ellipsis;
}

.pager a {
	color: #000;
}

.member {
	padding: 12px 5px;
	text-align: center;
}

.member1 {
	font-size: 17px;
}

.member2 {
	padding-top: 20px;
}

.member3 {
	color: #F60;
}

.member4 {
	font-size: 11px;
	font-family: Arial;
}

/* menber table code */
.rwd-table {
	background: #fff;
	overflow: hidden;
}

.rwd-table .member_tr,
.rwd-table .member_tr td {
	background: #eee;
}

.rwd-table th,
.rwd-table td {
	margin: 0.5em 1em;
}

.rwd-table {
	min-width: 100%;
}

.rwd-table th {
	display: none;
}

.rwd-table td {
	display: block;
}

.rwd-table td:before {
	content: attr(data-th);
	font-weight: bold;
	width: 6em;
	display: inline-block;
}

.rwd-table th,
.rwd-table td:before {
	color: rgb(66, 66, 66);
	font-weight: 600;
}

.rwd_ha {
	background: -moz-linear-gradient(top, rgba(217, 237, 247, 0.6) 0%, rgb(217, 237, 247) 100%);
	background: -webkit-linear-gradient(top, rgba(217, 237, 247, 0.6) 0%, rgb(217, 237, 247) 100%);
	background: linear-gradient(to bottom, rgba(217, 237, 247, 0.6) 0%, rgb(217, 237, 247) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e1e1', endColorstr='#c3c3c3', GradientType=0);
}

.rwd_ha_use {
	/*選中顏色*/
	background-color: #bce3f5;
}

.rwd_ha b {
	display: block;
	margin-bottom: 8px;
}

.coupon_1 span:nth-child(2) {
	font-size: 24px;
	font-weight: bold;
	color: rgb(255, 123, 10);
}

.coupon_1 span:nth-child(3) {
	font-size: 46px;
	font-weight: bold;
	color: rgb(255, 123, 10);
	line-height: 1;
	border-bottom: 2px dashed rgb(255, 123, 10);
}

.coupon_2 span {
	display: block;
	font-weight: bold;
	padding: 10px 0;
	font-size: 24px;
}

.coupon_3 {
	text-align: left;
}

.coupon_4 {
	background: -webkit-linear-gradient(top, rgba(217, 237, 247, 0.6) 0%, rgb(217, 237, 247) 100%);
	background: linear-gradient(to bottom, rgba(46, 109, 164, 0.6) 0%, rgba(46, 109, 164, 1));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e1e1', endColorstr='#c3c3c3', GradientType=0);
	color: #fff;
	text-align: center;
}

.member_btn1 .btn {
	margin-top: 20px;
	font-size: 16px;
	line-height: 1.8;
}

.member_btn1 .btn-danger {
	background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
	background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
	background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background-repeat: repeat-x;
	border-color: #245580;
}

.member_btn1 .btn-danger:hover,
.member_btn1 .btn-danger:focus {
	background-color: #265a88;
	background-position: 0 -15px;
}

.member_btn2 .btn {
	margin-top: 20px;
	font-size: 16px;
	line-height: 1.8;
}

.member_btn2 .btn-danger {
	background-image: -webkit-linear-gradient(top, rgb(153, 153, 153) 0%, rgb(119, 119, 119) 100%);
	background-image: -o-linear-gradient(top, rgb(153, 153, 153) 0%, rgb(119, 119, 119) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(153, 153, 153)), to(rgb(119, 119, 119) 100%));
	background-image: linear-gradient(to bottom, rgb(153, 153, 153) 0%, rgb(119, 119, 119) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background-repeat: repeat-x;
	border-color: rgb(119, 119, 119);
}

.member_btn2 .btn-danger:hover,
.member_btn2 .btn-danger:focus {
	background-color: rgb(119, 119, 119);
	background-position: 0 -15px;
}

.rwd_ha>td {
	border-right: 4px dotted #ffffff;
}

.rwd_ha>td:last-child {
	border-right: 0;
}

.member_sy {
	padding: 0px 0px 55px 0px;
	line-height: 40px;
}

.member_list {
	padding: 0;
	border-bottom: 1px dotted #cccccc;
	line-height: 3;
}

.member_list2 {
	padding-left: 56px;
	border-bottom: 1px solid #cccccc;
}

.tit_1 {
	width: 10%;
	text-align: center;
}

.tit_2 {
	width: 20%;
}

.tit_3 {
	width: 20%;
}

.tit_4 {
	width: 15%;
}

.tit_5 {
	width: 20%;
}

.tit_6 {
	width: 20%;
}

.tit_7 {
	width: 40%;
}

.tit_8 {
	width: 20%;
}

.tit_9 {
	width: 20%;
}

.tit_10 {
	width: 20%;
	text-align: center;
}

.tit_11 {
	width: 30%;
}

.tit_12 {
	width: 20%;
}

.tit_13 {
	width: 30%;
}

.tit_14 {
	width: 25%;
}

.tit_15 {
	width: 25%;
}

.coupon_1 {
	text-align: center;
}

.cont_x2 {
	text-align: left;
}

.cont_x3 {
	border-bottom: 1px dotted #ccc;
}

.cont_x3:nth-child(2) {
	border-top: 1px dotted #ccc;
}

.cont_x4 {
	color: rgb(255, 72, 72);
}

.star_1 img {
	height: auto;
	max-width: 180px;
}

.opinion_1 {
	text-align: center;
}

.opinion_1 .form-control {
	line-height: 2;
}

.opinion_2 {
	text-align: left;
}

.opinion_3 {
	text-align: right;
}

.opinion_4 {
	text-align: right;
	vertical-align: bottom;
}

.opbe_1 {
	font-weight: bold;
	font-size: 24px;
}

.opbe_2 b {
	font-size: 28px;
	display: inline;
}

.opbe_3 b {
	font-weight: 400;
	font-size: 14px;
	color: rgb(147, 147, 147);
}

.opinion_browse {
	border-bottom: 1px solid #ccc;
}

.opinion_browse1 {
	text-align: center;
}

.opinion_browse1 img {
	height: auto;
	max-width: 120px;
}

/* left_menu */
.left_member {
	padding: 18px 0;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	border-bottom: 1px solid #ccc;
	background: -moz-linear-gradient(top, rgba(217, 237, 247, 0.6) 0%, rgb(217, 237, 247) 100%);
	background: -webkit-linear-gradient(top, rgba(217, 237, 247, 0.6) 0%, rgb(217, 237, 247) 100%);
	background: linear-gradient(to bottom, rgba(217, 237, 247, 0.6) 0%, rgb(217, 237, 247) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e1e1', endColorstr='#c3c3c3', GradientType=0);
	z-index: 1;
}

.icon_member {
	font-size: 32px;
	padding-bottom: 10px;
}

.nav2 {
	margin-bottom: 0;
	padding-left: 0;
	list-style: none;
}

.nav2>li {
	position: relative;
	display: block;
}

.nav2>li>a {
	position: relative;
	display: block;
	padding: 10px 15px;
}

.nav2>li>a:hover,
.nav2>li>a:focus {}

.nav2>li.disabled>a {
	color: #777777;
}

.nav2>li.disabled>a:hover,
.nav2>li.disabled>a:focus {
	color: #777777;
	text-decoration: none;
	background-color: transparent;
	cursor: not-allowed;
}

.nav2 .open>a,
.nav2 .open>a:hover,
.nav2 .open>a:focus {
	background-color: #eeeeee;
	border-color: #337ab7;
}

.nav2 .nav-divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5;
}

.nav2>li>a>img {
	max-width: none;
}

.nav-tabs2 {
	padding-bottom: 6px;
	margin: 50px 10px;
	border: 1px solid #ddd;
	border-radius: 10px;
}

.nav-tabs2>li {
	float: left;
	margin-bottom: -1px;
}

.nav-tabs2>li>a {
	margin-right: 2px;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
}

.nav-tabs2>li.active>a,
.nav-tabs2>li.active>a:hover,
.nav-tabs2>li.active>a:focus {
	color: #555555;
	background-color: #ffffff;
	border-bottom-color: transparent;
}

@media (max-width: 767px) {
	.left_menu {
		display: none;
	}
}

.rwd-table th,
.rwd-table td {
	display: table-cell;
	padding: 0.25em 0.5em;
}

.rwd-table th:first-child,
.rwd-table td:first-child {
	padding-left: 0;
}

.rwd-table th:last-child,
.rwd-table td:last-child {
	padding-right: 0;
}

.rwd-table th,
.rwd-table td {
	padding: 20px !important;
}

.rwd-table .cont_x th,
.rwd-table .cont_x td {
	padding: 15px 20px !important;
}

.rwd-table .cont_x td a {
	font-weight: bold;
	padding: 5px 10px;
	border: 1px solid #ccc;
	border-radius: 20px;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgb(245, 245, 245) 100%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgb(245, 245, 245) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%, rgb(245, 245, 245) 100%);
}


.red {
	color: #F00;
	text-align: center;
	line-height: 40px;
}

.green {
	color: #489f48;
}

img {
	width: 100%;
	height: auto;
}


.clear {
	height: 0px;
	clear: both;
	overflow: hidden;
}

.prodtran {
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 999;
	background: #FFF;
	border: 1px #CCC solid;
	padding-left: 5px;
}

.qty {
	width: 40px;
	height: 30px;
	color: #000;
	text-align: center;
	margin: 0;
	font-weight: bold;
}

.qtyadd {
	height: 30px;
	width: 20px;
	text-align: center;
	margin: 0;
	cursor: pointer;
	color: #000;
}

.piccon {
	background: #FDF8E4;
	border: 1px solid #F9EAC9;
	padding: 20px;
	color: #8A6E3C;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-icab-border-radius: 5px;
	width: 98%;
	margin: 1%;

}

.movebg {
	top: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-repeat: repeat;
}

.moveoverlay {
	top: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background-image: url(../images/pattern.png);
	background-repeat: repeat;
}

.movecontainer {
	position: relative;
}

.mm-footer img {
	width: auto;
}

.tbformt {
	text-align: center;
}

.tbformi {
	padding: 5px;
	text-align: center;
}

.tbforms {
	padding: 10px;
}

.nopadding {
	padding: 0;
}

.de_yj img {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.de_yy img {
	-moz-border-radius: 5px 5px 5px 5px;
	background-color: #000;
	-moz-box-shadow: 1px 3px 5px #969696;
	-webkit-box-shadow: 1px 3px 5px #969696;
	box-shadow: 1px 3px 5px #969696;
}

.de_x img {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.de_x img:hover {
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
}

@media screen and (max-width: 767px) {
	.bannertitle {
		font-size: 11px;
		padding: 3px;
	}

	.bannercontent {
		font-size: 8px;
		padding: 0 1px;
		line-height: 10px;
	}

	.pro_menua2 {
		margin-left: 35px;
	}
}

.scrollup {
	width: 50px;
	position: fixed;
	bottom: 100px;
	right: 20px;
	display: none;
	z-index: 99998;
	line-height: 60px;
}


@media (max-width:1000px) {
	.scrollup {
		right: 10px;
	}
}


.pro_menua {
	margin-top: 20px;
	margin-bottom: 15px;
	padding-bottom: 5px;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

.pro_menua1 {
	margin-left: 35px;
}

.pro_menua1::before {
	content: '';
	background: url(../images/score_icon.png) no-repeat;
	background-size: 22px;
	position: absolute;
	width: 40px;
	height: 100%;
	left: -22px;
	top: 9px;
}

.pro_menua2::before {
	content: '';
	background: url(../images/coupon_icon.png) no-repeat;
	background-size: 26px;
	position: absolute;
	width: 40px;
	height: 100%;
	left: -26px;
	top: 7px;
}

.ideprod_2 .btn-warning,
.ideprod_3 .btn-warning {
	border-color: initial;
}

.ideprod_2 .btn-warning:focus {
	background-color: #848484;
}

.ideprod_3 .btn-warning:focus {
	background-color: #d70000;
}

.ideprod_2 span,
.ideprod_3 span {
	margin-right: 10px;
}

.ideprod_2 {
	margin-bottom: 10px;
	text-align: center;
}

.ideprod_2 button {
	line-height: 1.8;
	font-size: 16px;
	background: #6C6C6C;
	float: left;
	width: 100%;
	color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.ideprod_2 button:hover {
	background: #848484;
}

.ideprod_3 {
	margin-bottom: 10px;
	text-align: center;
}

.ideprod_3 button {
	line-height: 1.8;
	font-size: 16px;
	background: #b00000;
	float: left;
	width: 100%;
	color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.ideprod_3 button:hover {
	background: #d70000;
}

.ideprod_3 a {
	background: #b00000;
	float: left;
	width: 100%;
	color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.ideprod_3 a:hover {
	background: #d70000;
}

.sotr_display_color {
	/*商品列表页默认选中排序方式的颜色；*/
	color: #FF9E00;
}

.ActivityType {
	padding: 15px;
}

.coupon_bj {
	background: rgb(245, 245, 245);
	padding: 15px;
	margin: 10px 0;
	border-radius: 12px;
}

.coupon_border2 {
	border-bottom: #FFFFFF solid 1px;
	padding: 15px 0;
}

.xf_gwj_a {
	color: #FF0004;
	font-size: 14px;
}

.xf_gwj_a:link {
	color: #FF0004;
	font-size: 14px;
	text-decoration: none;
}

.sun_shopgold {
	color: #f60;
}

.coupon_ts {
	padding: 10px 0;
	border-bottom: #FFFFFF solid 1px;
}

.coupon_table {
	border: #FFFFFF 1px solid;
}

.coupon_table tr td {
	border: #FFFFFF 1px solid;
	text-align: left;
}

.coupon_table_th th {
	border: 1px solid #FFFFFF;
	text-align: left;
}

.coupon_xz_tr {
	background-color: #f5f5f5;
}

.sun_padding {
	padding: 10px;
}

.item_1 {
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
}

.cardselect {
	text-align: center;
	border: 1px solid #666;
	border-bottom: 0px;
	padding: 10px;
	background-color: #e6e6e6
}

.cardsnoelect {
	padding: 10px;
	text-align: center;
	border-bottom: 1px solid #666;
}

/* 購物流程 */
.help-block {
	font-size: 85%;
}

.is-sticky #sticker {
	background: #fff;
	right: 2%;
	border: 1px solid #eee;
	padding: 0;
	-webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, .16);
	-moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, .16);
	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, .16);
}

.coupon_border2 .input-group {
	float: right;
	text-align: right;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.coupon_border2 .input-group .glyphicon {
	margin-right: 5px;
}

.coupon_border2 .input-group .btn {
	margin-left: 5px;
}

.carttitle span {
	margin-right: 5px;
}

.addpur_1 {
	font-size: 85%;
	color: #F60;
}

.addpur_1 a {
	color: #F60;
}

.addpur_1 a:hover,
.addpur_1 a:focus {
	color: #e64a19;
}

.addpur_2 {
	color: #ccc;
}

.carpay1 {
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}

.carpay1-2 {
	padding: 20px;
	line-height: 36px;
}

.carpay1-2 b {
	font-weight: bold;
}

.carpay2 {
	margin-bottom: 20px;
}

.carpay2 .radio {
	margin-bottom: 15px;
}

.carpay3 {
	padding: 20px;
	font-size: 20px;
	font-weight: bold;
	color: #c40000;
}

.carpay4 {
	padding: 20px 40px;
	font-size: 20px;
	font-weight: 500;
}

.paydata1 {
	padding: 0;
}

.paydata1>.carpay2 {
	margin-bottom: 10px;
}

.paydata2 {
	/* text-align: right; */
	border-right: 1px solid #ccc;
	padding-right: 15px;
	margin-right: 15px;
	font-weight: bold;
}

.paydata3 {
	text-align: right;
	padding-right: 20px;
	font-weight: 500;
}

.receiptInfos {
	display: none;
	margin-top: 10px;
}

.form-inline .form-group {
	margin-left: 5px;
}

.cart_prod {
	padding: 15px 10px;
	border-bottom: 1px dotted #9e9e9e;
}

.cart_prod .price {
	font-size: 85%;
	color: #9e9e9e;
	display: block;
	padding: 0 10px;
}

.cart_prod .nowprice {
	font-size: 85%;
	display: block;
	padding: 0 10px;
}

.cartList>div:last-child .cart_prod {
	border-bottom: none;
}

.cartList .text-danger,
.cart_prod .nowprice {
	color: #F44336;
}

.csmall {
	font-size: 16px;
	color: #9e9e9e;
}

.btn-link {
	color: #F60;
}

#sticker .btn-link {
	padding-right: 0;
}

.btn-link:hover,
.btn-link:focus {
	color: #e64a19;
}

.coupon_code {
	padding: 10px;
	background-color: #F6F6F6;
	margin-bottom: 20px;
}

.coupon_code span {
	font-size: 85%;
	height: 34px;
	line-height: 34px;
}

.text-muted {
	color: #9E9E9E;
}

.cwtitle {
	display: table;
	margin: 0 auto 20px;
	white-space: nowrap;
	color: #9e9e9e;
}

.cwtitle:before,
.cwtitle:after {
	border-top: 1px solid #9e9e9e;
	content: '';
	display: table-cell;
	position: relative;
	top: 0.5em;
	width: 100px;
}

.cwtitle:before {
	right: 1.5%;
}

.cwtitle:after {
	left: 1.5%;
}

.d-flex {
	display: flex;
}

.ml-auto {
	margin-left: auto;
}

.coupon_warning {
	padding: 10px;
	background: #fff9c4;
	font-size: 85%;
}

.coupon_warning a {
	color: #ff5722;
}

.coupon_warning a:hover {
	opacity: 0.75;
}

.coupon_wrap {
	max-height: 300px;
	overflow-y: scroll;
}

.coupon_item {
	margin-bottom: 20px;
}

.coupon_info {
	padding: 10px;
	border: 1px solid #E0E0E0;
}

.coupon_name {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.coupon_date {
	font-size: 85%;
	color: #9E9E9E;
}

.coupon_date.due {
	color: #ff5722;
}

@media (max-width:767px) {
	.carttitle {
		font-size: 20px;
	}

	.cart14 {
		padding: 0 10px;
		line-height: 1.5;
	}

	.paydata2 {
		text-align: left;
		border-right: none;
		padding-right: 0;
		font-weight: bold;
	}

	.carpay1-2 {
		padding: 20px 0;
		line-height: 36px;
	}

	.cart7 {
		margin-bottom: 0;
	}

	.cart7 .form-group {
		margin: 0;
	}

	.addpur_1 {
		margin-bottom: 5px;
	}

	.price-xs {
		color: #F44336;
	}

	.price-xs>span {
		color: #9e9e9e;
		font-size: 85%;
	}

	.mt-xs {
		margin-top: 10px;
	}

	.coupon_wrap {
		max-height: 220px;
	}
}

select {
	border: solid 1px #999;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: url("../images/arrowc.png") no-repeat scroll right center transparent;
	padding-right: 14px;
}

select::-ms-expand {
	display: none;
}

.cart51 input {
	border: 1px solid #999
}

.mintop {
	padding: 10px 15px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-moz-box-shadow: 0px 3px 8px #B5B5B5;
	-webkit-box-shadow: 0px 3px 8px #B5B5B5;
	box-shadow: 0px 3px 8px #B5B5B5;
}

.mintop .logoie {
	margin-top: 0;
}

.mintop .itop_left {
	margin: 10px 2% 0 0;
}

.mintop .container {
	float: left;
	width: 100%;
}
.mintop .scut-container a {
	height: 45px;
	line-height: 45px;
	width: 45px;
}

.mintop .smenuA {
	width: 66.66666667%;
	float: right;
	background: none;
	color: #000;
	margin-top: 10px;
}

.mintop .smenu a {
	color: #000;
}


@media screen and (max-width: 1180px) {
	.mintop .smenuA {
		width: 100%;
		float: right;
		background: none;
		color: #fff;
		margin-top: 10px;
	}
}

#shadow {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	filter: alpha(opacity=20);
	background: url(shadow.gif);
}

#box {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 934px;
	height: 150px;
	margin: -230px 0 0 -500px;
	/* border:3px solid #84A0C4;
   background-color:#DFE8F6;*/
	text-align: left;
	padding: 10px;
	font-weight: bold;
	line-height: 150%;
}

/***mini-top***/
.mintop {
	display: block;
	padding: 0 0 10px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	-webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, .1);
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, .1);

}

.mintop .logo {
	padding-bottom: 20px;
	padding-top: 20px;
}

.mintop .top_gn {
	position: static;
	float: right;
	margin-top: 20px;
	margin-bottom: 6px;
	padding-right: 0px;
}

.mintop .logo img {
	max-height: 90px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.mintop .scut-container {
	margin-top: 20px;
	margin-right: 60px;
	margin-bottom: 15px;
	position: relative;
	top: 0;
	right: 0;
	float: right;
}
.mintop .smenu_eng {
	display: none;
}

.mintop .smenu {
	background: transparent;
	padding: 0;
	line-height: 50px;
}


.mintop .smenu>li>ul {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 99999;
	background: #ececec;
}

.mintop .smenu>li>ul>li ul {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	height: auto;
	z-index: 99999;
	background: #ececec;
}


.mintop .top_gn img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 40px;
}

.c2cbutton {
	background: #d3d3d3;
	color: #4ca54c;
	margin: 3px 0px 5px 0px;
}

.s_type {
	float: left;
	width: fit-content;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	border: 1px solid #999;
	border-radius: 3px;
	background-color: #f3f3f3;
	padding: 2px 8px 2px 8px;
	margin: 3px;
	color: #606266;
	position: relative;
	cursor: pointer;
}

.selecd {
	background-color: #ebf3ff;
	color: #5999fc;
}

.select {
	background-color: #ebf3ff;
	color: #5999fc;
}

.select:before {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	border: 9px solid #5999fc;
	border-top-color: transparent;
	border-left-color: transparent;
}

.gcontent {
	float: left;
}

.gcontent1 {
	float: right;
	width: 100%;
	/* margin-left: -50px; */
	/* padding-left: 50px; */
}

/* member table code */
.member_subcon {
	padding: 2% 10px;
}

.rwd-table {
	background: #fff;
	overflow: hidden;
}

.rwd-table .member_tr,
.rwd-table .member_tr td {
	background: #eee;
}

.rwd-table th,
.rwd-table td {
	margin: 0.5em 1em;
}

.rwd-table {
	min-width: 100%;
}

.rwd-table th {
	display: none;
}

.rwd-table td {
	display: block;
}

.rwd-table td:before {
	content: attr(data-th);
	font-weight: bold;
	width: 6em;
	display: inline-block;
}

.rwd-table th,
.rwd-table td:before {
	color: rgb(66, 66, 66);
	font-weight: 600;
}

@media (min-width: 768px) {

	.rwd-table td:before {
		display: none;
	}

	.rwd-table th,
	.rwd-table td {
		display: table-cell;
		padding: 0.25em 0.5em;
	}

	.rwd-table th:last-child,
	.rwd-table td:last-child {
		padding-right: 0;
		text-align: center;
	}

	.rwd-table th,
	.rwd-table td {
		padding: .5em;
		text-align: left;
	}
}

.rwd_ha {
	background: -moz-linear-gradient(top, rgba(217, 237, 247, 0.6) 0%, rgb(217, 237, 247) 100%);
	background: -webkit-linear-gradient(top, rgba(217, 237, 247, 0.6) 0%, rgb(217, 237, 247) 100%);
	background: linear-gradient(to bottom, rgba(217, 237, 247, 0.6) 0%, rgb(217, 237, 247) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e1e1', endColorstr='#c3c3c3', GradientType=0);
}

.rwd_ha_use {
	background-color: #bce3f5;
}

.rwd_ha b {
	display: block;
	margin-bottom: 8px;
}

.rwd_ha>th {
	border-right: 4px dotted #ffffff;
}

.rwd_ha>th:last-child {
	border-right: 0;
	text-align: center;
}

.orderdetail .subtitle1 {
	padding: 10px 0;
	border-bottom: 2px solid #666;
	font-size: 22px;
	margin-bottom: 25px;
}

.mt-3 {
	margin-top: 45px;
}

.orderdetail .subtitle1:before {
	content: none;
}

.orderdetail .rwd_ha>th:last-child {
	text-align: left;
}

.orderinfo div {
	padding: 0.5em 1em;
	word-break: break-word;
}

.orderinfo small {
	display: block;
	color: #337ab7;
}

.orderinfo .alert-info {
	margin-top: 15px;
}

.warning1 {
	display: flex;
	align-items: center;
	color: #E53935;
	line-height: 1.3em;
	width: 100%;
	margin: 30px auto;
}

.warning1 .glyphicon {
	font-size: 36px;
	margin-right: 10px;
}

@media (max-width : 768px) {
	.nav-tabs2 {
		margin: 25px 15px 0;
	}

	.member_subcon {
		padding: 20px 15px;
	}

	.form-horizontal .control-label {
		text-align: left;
		font-size: 15px;
		font-weight: normal;
		padding-right: 10px
	}
}

@media (max-width : 767px) {
	.nav>li>a {
		padding: 10px 0;
		font-size: 16px;
	}

	.member_subcon {
		padding: 20px 0;
	}

	.member2 {
		padding: 20px 0;
	}

	.rwd-table th,
	.rwd-table td {
		margin: 0;
		padding: 0.5em 1em;
		text-align: left;
	}

	.rwd-table>tbody>tr {
		border-bottom: 1px dashed #666;
	}

	.rwd-table>tbody>tr:last-child {
		border-bottom: none;
	}

	#coupon .rwd-table th,
	#coupon .rwd-table td {
		width: 100%;
		text-align: center;
	}

	#coupon .rwd-table td:before {
		content: none;
	}

	.coupon_1 b {
		display: inline-block;
		margin-right: 5px;
	}
}

.prodmorediv {
	display: block;
	width: 100%;
	float: left;
}

.prodmorebutton {
	background: #2b2b2d;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	padding: 10px;
	display: inline-block;
	cursor: pointer;
	outline: none;
	border: none;
	text-decoration: none;
	text-align: center;
	float: right;
	margin-right: 40px;
}

/* general styling for all the hovers */
.hover {
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
}

.hover .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}

.hover img {
	display: block;
	position: relative;
}

.hover span.info {
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	border-radius: 0px;
	background-color: transparent;
	position: relative;
	top: 50%;
	margin-top: -28px;
}

/* styling to remove box shadow and border from buttons for last few effects */
.point {
	cursor: pointer;
}

/* effect hover 1 */
.ehover1 {
	padding: 0;
}

.ehover1 img {
	transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

.ehover1 .overlay {
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.5);
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.ehover1 span.info {
	opacity: 0;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.overlay a {
	float: left;
	width: 100%;
	height: 100%;
}

.overlay span {
	position: relative;
	padding: 40px 0 0 0;
}

.overlay span:before {
	position: absolute;
	top: 0;
	left: 0;
	font-family: 'Glyphicons Halflings';
	width: 100%;
	font-size: 1.8em;
}

.ehover1:hover img {
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.ehover1:hover .overlay {
	opacity: 1;
}

.ehover1:hover h2,
.ehover1:hover span.info {
	opacity: 1;
	-moz-transform: translatey(0);
	-ms-transform: translatey(0);
	-o-transform: translatey(0);
	-webkit-transform: translatey(0);
	transform: translatey(0);
}

.ehover1:hover span.info {
	-moz-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.hovereffect {
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
}

.hovereffect .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

.hovereffect img {
	display: block;
	position: relative;
	-webkit-transition: all .4s linear;
	transition: all .4s linear;
}

.hovereffect:hover img {
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.hovereffect:hover .overlay {
	opacity: 1;
	filter: alpha(opacity=100);
}

/* general styling for all the hovers */
.baseprod_price1 {
	text-decoration: line-through
}

.baseprod_price2 span {
	color: #d60000;
	font-weight: bold;
	font-size: 1.2em;
	font-style: italic;
}

ul, ol {margin-bottom: 0;}

/******************************************************************************

self style

********************************************************************************/
.p-0{padding: 0 !important;}
input:focus, button:focus {
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
/***key_wrap***/
.key_wrap h1 {
	margin: 0;
	display: inline-block;
	font-weight: bold;
}
.key_wrap .panel {
	color: #000;
	padding: 0;
}
.key_wrap .panel-default>.panel-heading {
	padding: 18px 20px;
	font-size: 18px;
	color: #fff;
	background-color: #2e4360;
}


/**- footer_wrap -**/
.copyright {padding: 10px 10px 5px;background: #333;color: #fff;font-size: 16px;}
.copyright a:hover, .copyright a:focus, .copyright a:active {opacity: 0.75;}
.footer_wrap {
	padding: 30px 12% 30px 5%;
	margin-left: 25%;
	position: relative;
	text-align: left;
}
.footer::before {
	content: '';
	width: 25%;
	height: 100%;
	background: url(../images/img_02.jpg) no-repeat right center / cover;
	position: absolute;
	left: 0;
	top: 0;
}
.footer_wrap a:hover, .footer_wrap a:focus, .footer_wrap a:active {opacity: 0.75;}
.flogo img {width: auto;max-height: 100px;}
.footer_wrap .info{padding-left: 15px;}

/**- 內頁 -**/
span.red {color:#f44336 !important;}
.bannercon {
	padding: 0;
	background: #1B1B1B;
	min-height: calc(100vh - 298px);
	height: auto !important;
	height: calc(100vh - 298px);
}
.wraptitle{margin: 5px 0 0;font-weight: bold;letter-spacing: 4px;}
.breadcrumb {
	background: transparent;
	font-size: 14px;
	margin-bottom: 0;
	padding: 5px 0;
	color:#fafafa;
	font-weight: normal;
}

.breadcrumb a,
.breadcrumb>.active,
.breadcrumb>li {
	color:#fafafa;
}

/**- menu effect -**/
.smenu>li>a, .mintop .smenu>li>a {color: #f2c35c;font-weight: bold;}
.smenu>li>a>span {font-size: 15px;position: relative;font-weight: normal;}
.mintop .smenu>li>a>span{font-size: 14px;}
.smenu>li>a>span::before,.smenu>li>a>span::after {content: '｜';letter-spacing: -2px;}
.smenu>li>a>span::before{padding-left: 2px;}
.smenu>li>a>span::after{left: -2px;position: relative;}
.smenu>li>a {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}
.smenu>li>a::before {
	position: absolute;
	top: 20px;
	left: 50%;
	color: transparent;
	content: '●';
	text-shadow: 0 0 transparent;
	font-size: 14px;
	-webkit-transition: text-shadow 0.3s, color 0.3s;
	-moz-transition: text-shadow 0.3s, color 0.3s;
	transition: text-shadow 0.3s, color 0.3s;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: none;
}
.smenu>li>a:hover::before,
.smenu>li>a:focus::before {
	color: #fff;
	text-shadow: 12px 0 #f2c35c, -12px 0 #f2c35c;
}
.smenu>li>a:hover,
.smenu>li>a:focus {
	color: #ce9133;
}


/**- section-1 -**/
.section-1 {
	background: #0d0d0d url(../images/bg_02.jpg) no-repeat center top / 100%;
}
.section-1 .indextitle {
	background: url(../images/img_01.jpg) no-repeat center top / 100%;
	padding-top: 430px;
	margin-top: 30px;
}
.section-1 .indextitle::before, .section-1 .indextitle::after {content: none;}
.section-1 .seclist {
	color: #fff;
	font-size: 20px;
	padding-left: 10%;
}
.section-1 .seclist li{
	margin: 10px 0;
	padding-left: 35px;
	background: url(../images/el_01.png) no-repeat left 7px / 25px;
}


/**- section-2 -**/
.section-2 {
	background: url(../images/bg_03.jpg) no-repeat center / cover;
	position: relative;
	padding-bottom: 165px;
}
.section-2::after {
	content: '';
	width: 100%;
	height: 120px;
	background: url(../images/el_05.png) no-repeat center bottom / 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}
.section-2 .box_1 {
	color: #fff;
}
.section-2 .box_1 img {
	width: auto;
	max-height: 120px;
}
.section-2 .box_1 .h2 {font-weight: bold;}
.section-2 .box_1 .h2::first-letter {font-size: 34px;}


/**- section-3 -**/
.section-3 {
	background: url(../images/bg_04.jpg) no-repeat center / 100%;
	position: relative;
	padding-top: 120px;
	padding-bottom: 120px;
	z-index: 0;
	-webkit-box-shadow:inset 0px -15px 15px -15px rgba(0, 0, 0, .24);
	-moz-box-shadow:inset 0px -15px 15px -15px rgba(0, 0, 0, .24);
	box-shadow:inset 0px -15px 15px -15px rgba(0, 0, 0, .24);
	color:#000;
}
.section-3::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/el_06.png) no-repeat left top / 600px,
							url(../images/el_07.png) no-repeat right bottom / 600px;
}


/**- about -**/
.about .title {
	font-weight: bold;
	color: #f2c35c;
	padding-left: 30px;
	position: relative;
	margin-top: 45px;
	text-align: left;
}
.about .title::before {
	content: '';
	width: 12px;
	height: 12px;
	position: absolute;
	background: #f2c35c;
	left: 0;
	top: 6px;
}
.about li>img {width: auto;max-height: 100px;}
.about li>.h2{font-weight: bold;margin-top: 5px;}
.about li>.h2::first-letter{font-size: 34px;}


/**- service -**/
.service{font-size: 20px;padding-left: 15%;}
.service li{
	margin: 10px 0;
	padding-left: 35px;
	background: url(../images/el_01.png) no-repeat left 7px / 25px;
}


/**- contact -**/
.contact_wrap .info {
	display: flex;
	justify-content: center;
}
.contact_wrap .info img {width: auto;max-height: 25px;margin-right: 3px;}
.contact_wrap .info p {margin: 15px 20px;}


/**- pagination -**/
.pager {
	background: #1b1b1b;
	margin: 0;
	padding: 20px 10px;
	color: #fafafa;
}

/*-- cart --*/
.cart5 a {
	color: #000;
}

.cart5 a:hover {
	color: #F60;
}
.cart51 {color: #F44336;}
.sticky-wrapper .cart8 {color: #FFF;}
.sticky-wrapper.is-sticky,
.sticky-wrapper.is-sticky .cart8,
.sticky-wrapper.is-sticky label a {
	color: #000;
}


/******************************************************************************************************************************
*******************************************************************************************************************************

Media Screen Style

*******************************************************************************************************************************
********************************************************************************************************************************/

@media (max-width : 768px) {
	.top {
		padding: 0;
		-webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, .1);
		-moz-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, .1);
		box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, .1);
	}
	#indcon, #indcon2 {padding-top: 90px;}
	.footer{margin-bottom: 45px;}
	.indexcon{padding: 30px 2%;}
	.mcs-wap{width: 100%;}
	.footer_wrap{padding: 30px 2% 30px 2%;}
	.logoie{width: 100%;}
	.logo img {max-height: 60px;}
	.scut-container-wap .searchdiv{display: none;}
	.indextitle{margin-bottom: 20px;}
	.smenu>li>a::before{content: none;}
	.section-1 .indextitle{padding-top: 220px;}
	.section-2{padding-bottom: 120px;}
	.section-2::after{background-size: cover;}
	.section-3{padding-top: 120px;padding-bottom: 120px;}
	.section-1 .seclist{font-size: 20px;padding-left: 20%;}
	.section-1 .seclist li{
		padding-left: 30px;
		background-position: left 7px;
		background-size: 25px;
	}
	.section-2 .box_1 .h2{font-size: 26px;}
	.section-2 .box_1 .h2::first-letter{font-size: 28px;}
	.section-2 .box_2 {margin-top: 60px;}
	.section-3::before {background-size: 400px, 400px;}
	.footer_wrap{margin-left: 0;margin-top: 200px;}
	.footer::before{width: 100%;height: 200px;}
	.subcon{padding: 30px 4%;}
	.contact_wrap .info{display: block;text-align: center;}
	.about li>img{width: auto !important;}
	.service{padding-left: 2%;}
}
.contact1{
	padding:0px;
	}
@media (max-width: 767px) {
	.indexcon, .subcon{padding: 30px 20px;}
	.footer_wrap{padding: 20px 15px;}
	.footer{margin-bottom: 0;}
	.subcon{padding: 30px 15px;}
	.section-1 .indextitle{padding-top: 155px;}
	.section-1 .seclist{padding-left: 33%;}
	.section-2 .box_1 .h2{margin-top: 0;margin-bottom: 35px;}
	.section-2{padding-bottom: 120px;}
	.section-3{padding-top: 120px;padding-bottom: 120px;}
	.footer_wrap{text-align: center;}
	.footer_wrap .map{margin-top: 30px;}
	.indexnews2{display: block;}
	.about li>.h2{margin-bottom: 45px;}
	.smenu>li>a>span::before, .smenu>li>a>span::after{content: none;}
}


@media (max-width: 576px) {}

@media (max-width: 480px) {
	.section-1 .seclist{padding-left: 27%;}
	.fbshare{margin-top: -9px;}
	.contact1{padding: 0;}
}

@media (max-width: 425px) {
	.reservepadding{padding: 0;}
	.indextitle{margin-left: 8px;}
	.section-1 .indextitle{padding-top: 120px;margin-left: 0;}
	.section-1 .seclist{padding-left: 25%;}
	.subtitle{background: #0d0d0d url(../images/bg_02.jpg) no-repeat center 40% / 550px;}
	.wraptitle{font-size: 28px;margin: 0;letter-spacing: 2px;}
}

@media (max-width: 414px) {}

@media (max-width: 375px) {
	.section-1 .seclist{padding-left: 20%;}
	.smenu>li>a>span{display: none;}
}

@media (max-width: 360px) {}

@media (max-width: 320px) {
	.section-1 .seclist{padding-left: 15%;}
}

@media (min-width: 1024px) and (max-width: 1279px) {
	#indcon, #indcon2{padding-top: 210px;}
	.logo, .logo img{text-align: left !important;}
	.indexcon{padding: 45px 4%;}
	.footer_wrap{padding: 30px 4% 30px 5%;}
	.smenu {padding: 0;}
	.mintop .logo{padding: 20px 0;}
	.smenu>li>a>span::before, .smenu>li>a>span::after {content: none;}
	.section-1 .indextitle{padding-top: 280px;}
	.section-2{padding-bottom: 120px;}
	.section-3{padding-top: 140px;padding-bottom: 140px;}
	.section-1 .seclist{font-size: 17px;}
	.section-1 .seclist li{
		padding-left: 26px;
		background-position: left 4px;
		background-size: 20px;
	}
	.section-2 .box_1 .h2{font-size: 26px;}
	.section-2 .box_1 .h2::first-letter{font-size: 28px;}
	.subcon{padding: 30px 4%;}
	.contact_wrap .info{display: block;text-align: center;}
	.service{padding-left: 5%;}
}


@media (min-width: 1280px) and (max-width: 1439px) {
	.indexcon{padding: 45px 6%;}
	.footer_wrap{padding: 30px 6% 30px 5%;}
	.smenu {padding: 0;}
	.mintop .logo{padding: 20px 0;}
	.mintop .smenu>li>a>span::before, .mintop .smenu>li>a>span::after {content: none;}
	.section-1 .indextitle{padding-top: 330px;}
	.section-2{padding-bottom: 120px;}
	.section-3{padding-top: 120px;padding-bottom: 120px;}
	.subcon{padding: 30px 6%;}
	.service{padding-left: 8%;}
}


@media (min-width: 1440px) and (max-width: 1919px) {
	.indexcon{padding: 45px 8%;}
	.footer_wrap{padding: 30px 8% 30px 5%;}
	.smenu {padding: 0;}
	.mintop .logo{padding: 20px 0;}
	.section-1 .indextitle{padding-top: 380px;}
	.section-2{padding-bottom: 120px;}
	.section-3{padding-top: 120px;padding-bottom: 120px;}
	.subcon{padding: 30px 8%;}
	.service{padding-left: 10%;}
}

/* 載入中 */
.zairu:before {
    content: "載入中......";
    display:block;
    width:100%;
    height:600px;
    text-align: center;
    font-weight: bold;
    font-size:36px;
    line-height:600px;
}
 
/* 關鍵字頁 */
.key { margin-top:.5em; margin-bottom:.5em;}
.key:first-letter{ font-size:1.5em;}
.key a{ color:#960;}
.key p:first-letter{ font-size:1.5em;}
.key p a{ color:#960;}
 
 
 
/* 本文目錄，2適用於條目多的情況 */
.mulu{ color:#069; border:1px solid #cecece; padding:0 2em 0;}
.mulu ol li{ list-style-type:decimal;} 
.mulu ol li a{color:#069;}
 
.mulu2{ color:#069; border:1px solid #cecece; padding:0 2em 0; overflow:hidden;}
.mulu2 ol li{ list-style-type:decimal; width:45%; float:left;} 
.mulu2 ol li a{color:#069;}
 
/* 問答標題 */
 
.qa_tit{ display:inline-block; position:relative; text-align:center; font-size:1.2em;color:#a94442; margin:1em auto .5em; padding:0 20px;}
.qa_tit:before{ content: '--'; color:#666; position:absolute; left: -10px; top: 40%; margin-top: -12px;}
.qa_tit:after{ content: '--'; color:#666; position:absolute; right: -10px; top: 40%; margin-top: -12px;}
 
/* 附加 */
.primary{ width:100%;}
.carng {
    border-left: 5px solid #f2c35c;
    display: inline-block;
    font-size: 24px;
    color: #f2c35c;
    padding-left: 20px;
    margin: 20px 0px 20px 10px;
}
.mykey{
    width: 1280px;
    margin: 0px auto;
    float: none;
	}
.mykey h2{
    padding: 10px 0px;
    line-height: 40px;
    color: #ffd881;
	font-size: 26px;
	}
.mykey p{
	padding:10px 0px;
	line-height:30px;
	}
@media (max-width: 1280px) {
.mykey{
	width:100%;
	}
	}
.wraitlk{
    margin-top: 30px;
    letter-spacing: 2px;
	}
.login{
	margin:0 auto;
	width:380px;
	}
@media (max-width:767px) {
.login{
	margin:0 auto;
	width:300px;
	}
.prot{
    font-size: 16px;
}
.wraitlk{
	margin-top:10px;
	}
}
#video-wrapper {
  width: 100%;
  max-height: 450px;
}

.video-container {
        position:relative;
        padding-bottom:56.25%;
        padding-top:30px;
        height:0;
        overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
}
.skip{
    text-align: center;
    padding-bottom: 10px;
    color: #f2c35c;
}