@charset "utf-8";
/*************************
*******pagestyle CSS******
**************************/
.edit strong {
  font-weight: bold;
}
.edit em{
    font-style: italic;
}
.edit hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
.edit h1, h2, h3, h4, h5, h6 
 { 
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1em;
  color: inherit;

}
.edit h1, h2, h3
{
  margin-top: 20px;
  margin-bottom: 10px;
}
.edit h4, h5, h6
 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.edit h1 {
  font-size: 2.5em;
}
.edit h2 {
  font-size: 2em;
}
.edit h3 {
  font-size: 1.6em;
}
.edit h4 {
  font-size: 1.3em;
}
.edit h5{
  font-size: 1.1em;
}
.edit h6{
  font-size: 0.9em;
}
.edit p {
	display: inline-block;
	width: 100%;
    margin: 5px 0 20px;
}
.edit ul, .edit ol {
	display: inline-block;
	width: 100%;
	margin: 0 0 20px;
}
.edit ul{
    padding-left: 35px;
    list-style-type: disc;
}
.edit ol{
    padding-left: 35px;
    list-style-type: decimal;
}
.edit li{
    margin-bottom: 5px;
}

.edit sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
.edit sup {
  top: -.5em;
}
.edit sub {
  bottom: -.25em;
}
.edit address {
    margin-bottom: 20px;
    font-style: italic;
    line-height: 1.42857;
}

/*************************
*******page CSS******
**************************/
#pcontent {
	float: left;
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 35px 0 40px;
	position: relative;
}
.pageright {
	float: right;
	width: calc(100% - 240px);
}
.pageright2 {
	float: left;
	width: 100%;
	margin: 10px 0 0;
}
.page-header {
	padding: 0 0 15px;
	border-style: none;
	width: 100%;
	margin: 0 0 25px;
	font-size: 1.6em;
	line-height: 1.4em;
	color: #434040;
	font-weight: bold;
	display: inline-block;
	background: url(../line5.png) no-repeat left bottom;
}
.pbox1 {
	float: left;
	width: 100%;
	display: inline-block;
	min-height: 200px;
	margin: 0;
}
.pbox1 img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
.pbox1 table {max-width: 100%;border-collapse: collapse;}
.pbox1 table td {padding-left: 3px;padding-right: 3px;}
.breadcrumb{
	float: left;
	width: 100%;
	display: inline-block;
	list-style: none;
	border-radius: 0;
	font-size: 13px;
	text-align: center;
	margin: 0;
	padding: 1px 0 0;
	background-color: transparent;
	position: relative;
	z-index: 100;
}
.breadcrumb>li{display:inline-block;color:rgba(255,255,255,0.6);text-align: center;margin: 0;padding: 0;}
.breadcrumb>li+li:before{padding:0 1px;color:rgba(255,255,255,0.4);content:">\00a0";}
.breadcrumb>.active{color:rgba(255,255,255,0.6);}
.breadcrumb>li a{color:rgba(255,255,255,0.6);}
.breadcrumb>li a:hover{color:#fccfd0;text-decoration:none;}

@media (max-width: 991px) {
#pcontent {padding: 20px 0 40px;}
.breadcrumb{display: none;}
.pageright {float: left;width: 100%;margin: 15px 0 0;}
.page-header {font-size: 1.6em;}
}
@media (max-width: 767px) {
.pbox1 table {max-width: 100%;border-collapse: collapse;/*table-layout: fixed;*/}
.pbox1 table td {/*table-layout:fixed;*/}
}
@media (max-width: 600px) {

}
/*************************
******* about CSS ******
**************************/
.about1{
	float: left;
	width: 100%;
	padding: 30px 10% 30px 4%;
	background-image: url(../about-bg.jpg);
	background-attachment: fixed;
	background-size: cover;
	/*background-size: 100vw;*/
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}
.about1 h3 {
	float: left;
	width: 100%;
    position: relative;
    margin: 0 0 15px;
	font-size: 1.6em;
	line-height: 1.3em;
	font-weight: 600;
	color: #d30007;
	padding: 0;
	font-family: "Fjalla One", \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, "Arial Black", sans-serif;
}
.about1 h3:before{
	content:"";
	display:inline-block;
	width:4%;
	height:5px;
	margin:0;
	overflow:hidden;
	background:#d30007;
	position:absolute;
	top:15px;
	left: -5%;
}
.about1 p {
	font-size: 16px;
	line-height: 1.9em;
	color: #fff;
}
.about2 {
	float: left;
	width: 100%;
    position: relative;
	margin: 30px 0 15px;
	padding: 30px 4% 30px;
    text-decoration: none;
    background: rgba(240,240,240,0.8);
}
.about2 p {
	float: left;
	width: calc(100%/2);
    margin: 0;
	font-size: 16px;
	line-height: 1.9em;
	color: #333;
}
.about2 h3 {
	float: left;
	width: 100%;
    position: relative;
    margin: 0 0 15px;
	font-size: 1.6em;
	line-height: 1.3em;
	color: #d30007;
	padding: 0;
	font-family: "Fjalla One", \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, "Arial Black", sans-serif;
}
.about2 h3:before{
	content:"";
	display:inline-block;
	width:4%;
	height:5px;
	margin:0;
	overflow:hidden;
	background:#d30007;
	position:absolute;
	top:15px;
	left: -5%;
}
.about-pic { 
	float: left;
	width: calc(100%/2);
	overflow: hidden;
	padding: 0 0 20px 30px;
}
.about-pic .topblockimg {
	width: 100%;
	height: 250px;
	outline: none;
	display: inline-block;
	float: left;
}
.advantage-inner {
  font-weight: normal;
  -webkit-transition: background 0.4s ease-out, -webkit-transform 0.4s ease-out;
  transition: background 0.4s ease-out, -webkit-transform 0.4s ease-out;
  transition: background 0.4s ease-out, transform 0.4s ease-out;
  transition: background 0.4s ease-out, transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
}
.about3 { 
	width: 100%;
	display: inline-block; 
	padding: 45px 4% 30px;
	margin: 30px 0 10px;
	color: #fff;
	background: -webkit-linear-gradient(90deg, rgb(37, 99, 164), rgb(12, 62, 113));
    background: linear-gradient(90deg, rgb(150, 150, 150), rgb(100, 100, 100));
	position: relative;
}
.about3 h3 {
	display: inline-block;
	margin: 0;
	padding: 6px 30px 6px 15px;
	font-size: 1.6em;
	line-height: 1.3em;
	color: #fff;
	position: absolute;
	top: -15px;
	left: 4%;
	background: #e60011;
	clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
}
.about3 p {
	width: 100%;
	display: inline-block;
	padding: 0;
	margin: 0;
}
.about3 a.about-link {
	float: left;
	display: inline-block;
	font-size: 17px;
	color: #e50112;
	line-height: 1.5em;
	text-decoration: none;
	padding: 5px 25px;
	margin: 15px 0 0;
	background: rgba(255,255,255,0.7);
	border-radius: 30px;
}
.about3 a:hover.about-link {
	color: #fff;
	background: #e50112;
	text-decoration: none;
}
@media (max-width: 991px) {
.about1, .about2{padding: 30px;}
.about1 h3:before, .about2 h3:before{width:30px;left: -35px;}
.about2 p {width: 100%;}
.about-pic { width: 100%;padding: 25px 0 0;}
.about3 { padding: 45px 30px 30px;margin: 30px 0 10px;}
}
@media (max-width: 480px) {

}

/*************************
******* contact CSS ******
**************************/
.contact-info {
	float: left;
	width: 100%;
	display: inline-block;
	margin: 20px 0;
	padding: 0;
}
.contact-info .contit {
	width: 100%;
	display: inline-block;
	margin: 0 0 30px;
	padding: 0 0 20px;
	font-size: 16px;
	line-height: 1.9em;
	color: #333;
	font-weight: 600;
	text-align: center;
	background: url(../line2.png) no-repeat center bottom;
}
.cardbox {
	float: left;
	width: calc(100%/3 - 15px);
	display: inline-block;
	margin: 15px 20px 10px 0;
	padding: 30px 20px 30px;
	border: 1px solid #f8a0ad;
	border-radius: 5px;
}
.cardbox:last-child {
	margin: 15px 0 10px;
}
.cardbox h4.card-title {
	font-family: Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif;
	width: 100%;
	display: inline-block;
	margin: 0 0 20px;
	padding: 60px 0 0;
	font-size: 2.5em;
	line-height: 1.4em;
	color: #ed1c24;
	font-weight: 600;
	text-align: center;
}
.cardbox h4.card-title.iphone {
	background: url(../phone-call.svg) no-repeat center top;
	background-size: 50px;
}
.cardbox h4.card-title.itime {
	background: url(../time.svg) no-repeat center top;
	background-size: 50px;
}
.cardbox h4.card-title.iemail {
	background: url(../email.svg) no-repeat center 7px;
	background-size: 50px;
}
.cardbox p.card-text {
	width: 100%;
	display: inline-block;
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #444;
	font-weight: 600;
	text-align: center;
	word-break: break-all;
}
.cardbox p.card-text A:link {color:#444;text-decoration:none}
.cardbox p.card-text A:visited {color:#444;text-decoration:none}
.cardbox p.card-text A:hover {color:#ed1c24;text-decoration:underline}

#contact {
	float: left;
	width: 100%;
	padding: 40px 12%;
	background: #eff0f2;
	border-radius: 5px;
	margin: 20px 0 10px;
}
#contact .contact-text {
	float: left;
	width: 100%;
	line-height: 1.8em;
	margin: 0 0 20px 0;
	color: #444;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ccc;
}
#contact .contact-text h3 {
	line-height: 1.8em;
	font-weight: 600;
	margin: 0;
	color: #222;
}
#contact .control-label {
	text-align: left;
	padding-bottom: 3px;
}
#contact label {
	padding-left: 10px;
	float: left;
	width: 100%;
	color: #666;
}
#contact .required {
	color: #E85500;
	border: 0;
	margin-left:5px;
}
#contact .form-control {
	text-align: left;
	min-height: 40px;
	border-radius: 0;
	border-color: #ddd;
}
#contact .form-control:focus {
	border-color: #db0f03;
}
.contact2 {
	float: left;
	width: 100%;
	margin: 3px 0 0 0;
}
.contact2 .cleft {
	width: 30%;
	float: left;
}
.contact2 .cright {
	width: 50%;
	float: left;
	margin: 0;
	padding-left: 5%;
}
.contact3 {
	padding-top: 35px;
	float: left;
	width: 100%;
	margin-top: 20px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #ccc;
	text-align: center;
	position: relative;
	z-index: 1;
}
.contact3 button {
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, Arial, Helvetica, sans-serif;
	width: 200px;
	height: 50px;
	margin-left: 10px;
	text-align: center;
	line-height: 30px;
	font-size: 18px;
	border: none;
	cursor: pointer;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	color: #FFFFFF;
	margin-bottom: 10px;
	transition: background 0.3s;
}
.contact3 .send {
	background: #e65156;
}
.contact3 .send:hover{
	background:#cc0108;
}
.contact3 .reset {
	background: #ccc;
}
.contact3 .reset:hover{
	background:#999;
}
.contact5 {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}
.contact5 .google-maps {
	position: relative;
    padding-bottom: 20%;
    height: 0;
    overflow: hidden;
}
.contact5 .google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.contact6 {
	float: left;
	width: calc(100%/3);
	padding: 0;
}
#contact .box-txt{border: 1px solid #ccc; outline: none; padding: 3px 10px;}
#contact .box-txt:focus{border-color: #2870c4; -webkit-box-shadow: 0 0 1px #2870c4; box-shadow: 0 0 1px #2870c4;}
#contact_form .pull-left{padding-right:10px}

@media (max-width: 991px) {
#contact {width: 100%;}
.contact2 .cleft {width: 50%;}
.contact2 .cright {	width: 45%;	float: left;margin: 0;padding-left: 5%;}
}
@media (max-width: 768px) {
.cardbox {width: calc(100% - 10px);	display: inline-block;margin: 10px 5px;}
.cardbox:last-child {margin: 10px 5px;}
.contact-share .cshare {margin: 5px 1%;}
.contact2 .cleft {width: 50%;float: left;}
.contact2 .cright {	width: 45%;	float: left;margin: 0; padding-left: 5%;}
.contact5 .google-maps { padding-bottom: 30%;}
}
@media (max-width: 480px) {
#contact {padding: 30px 5% 40px;}
#contact .control-label {	padding-top: 7px; padding-bottom: 0;}
.contact3 button {width: 100%;margin-left: 0px;}
.contact5 .google-maps { padding-bottom: 60%;}
.contact6 {width: 100%;	padding: 1px 0;}
.contact6:first-child {	width: 100%;padding: 1px 0;}
}

/*************************
******* news CSS ******
**************************/
.newslist, .videolist, .bloglist { float: left; display:inline-block; width: 100%;}
.news-box {
    background: #f3f3f3;
    padding: 20px 20px 18px 25px;
    float: left;
    width: 100%;
    margin: 0 0 15px;
	-webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.news-box:hover {background: #f8f8de;}
.news-day {
    font-size: 1em;
    font-family: Times, "Times New Roman", serif;
    font-style: italic;
    color: #f47300;
	font-weight: 600;
}
.news-day span {
	font-size: 1.6em;
	font-weight: 500;
}
.news-info {
	width: 98%;
	border-left:1px solid #7f7f7f;
	float: right;
	margin-top: 5px;
	margin-bottom: 3px;
	padding-left: 15px;
}
.news-info h3 {
	font-size: 1.4em;
	color: #000;
	font-weight: 500;
	padding: 0;
	margin: 0;
	line-height: 1.3em;
}
.news-info h3 a {
	color: #000;
}
.news-info h3 a:hover,.news-info h3 a:focus {
	color:#478900;
	text-decoration: none;
}
.news-info p {
	line-height: 1.5em;
	color: #999;
	font-weight: 500;
	padding: 0;
	margin: 0;
	margin-top: 8px;
	width: 85%;
	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.news-box a.btn-more {
	width: 80px;
	height: 27px;
	line-height: 22px;
	border: 1px solid #8d8d8d;
	float: right;
	text-align: center;
	font-size: 1em;
	font-weight: 500;
	font-family: Times, "Times New Roman", "serif";
	color: #000;
}
.news-box a.btn-more:hover {
	border: 1px solid #000;
	background-color: #000;
	color: #fff;
	text-decoration: none !important;
}
.newslist2 {
	float: left;
	width: 100%;
	margin: 22px 0 0;
}
.newslist2 dl {
	float: left;
	width: 100%;
	margin: 0;
	padding: 16px 20px;
	border: 1px solid #dad9d4;
	position: relative;
}
.newslist2 dd {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #222;
}
.newslist2 dd.title {
	padding: 7px 0 3px;
	font-size: 1.6em;
	line-height: 1.3em;
	font-weight: bold;
	color: #222;
}
.newslist2 dd.website {
	font-size: 0.95em;
	color: #666;
	border-top: 1px solid #eee;
	padding-top: 12px;
	margin-top: 12px;
}
.newslist2 dt {
	display: inline-block;
	margin: 0 0 0 5px;
	font-size: 1.1em;
    font-family: Times, "Times New Roman",  serif;
    font-style: italic;
    color: #ffa200;
	font-weight: 600;
	padding: 0 12px 0 2px;
	background: #fff;
	position: absolute;
	top: -15px;
	left: 0;
}
.newslist2 dt .newsitem {
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4, Arial, Helvetica, sans-serif;
	display: inline-block;
	margin: 0 15px 0 0;
	font-size: 16px;
    font-style: normal;
    color: #fff;
	font-weight: normal;
	padding: 2px 15px;
	background: #db0f03;
}
.newscontent {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding: 30px 0;
}
.newslist4 {
	font-size: 1em;
	line-height: 1.6em;
	color: #666;
	background-color: #e9e9e9;
	float: left;
	width: 100%;
	padding: 15px 10px;
}
.newslist4 A:link {color:#009bd8;text-decoration:none}
.newslist4 A:visited {color:#009bd8;text-decoration:none}
.newslist4 A:hover {color:#eb6100;text-decoration:underline}
.newslist ul, .videolist ul, .bloglist ul {
	float: left;
	width: 100%;
	display:inline-block;
	margin: 5px 0;
	padding: 0;
}
.newslist li { 
	display:block;
	list-style:none;
	width:calc(100%/3 - 12px);
	float: left;
	padding: 0;
	margin: 10px 18px 20px 0;
	background: #fff;
	border: 1px solid #ededed;
	position: relative;
	-webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, 0.1 );
	box-shadow: 0 0 5px rgba( 0, 0, 0, 0.1 );
	-webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.videolist li { 
	display:block;
	list-style:none;
	width:calc(100%/3 - 12px);
	float: left;
	padding: 0;
	margin: 10px 18px 20px 0;
	background: #fff;
	border: 1px solid #fff;
	position: relative;
	-webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, 0.1 );
	box-shadow: 0 0 5px rgba( 0, 0, 0, 0.1 );
	-webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.bloglist li { 
	display:block;
	list-style:none;
	width:calc(100%/2 - 10px);
	float: left;
	padding: 5px;
	margin: 10px 10px 20px 0;
	background: #fff;
	border: 1px solid #fff;
	position: relative;
	-webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, 0.1 );
	box-shadow: 0 0 5px rgba( 0, 0, 0, 0.1 );
	-webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.bloglist li:last-child { 
	margin: 10px 0 20px 10px;
}
.newslist li:last-child, .videolist li:last-child { 
	margin: 10px 0 20px;
}
.newslist li:hover, .videolist li:hover { 
	border: 1px solid #faacac;
	-webkit-box-shadow: 0 0 7px rgba( 0, 0, 0, 0.25 );
	box-shadow: 0 0 7px rgba( 0, 0, 0, 0.25 );
}
.newslist li a div.all, .videolist li a div.all { float: left;display:inline-block;width: 100%;text-align: center; padding: 12px 15px;min-height: 105px;background: #eee;}
.bloglist li a div.all { float: left;display:inline-block;width: 100%;text-align: center; padding: 12px 15px;min-height: 105px;}
.newslist li .photo, .videolist li .photo, .bloglist li .photo { 
	width:100%;
	float: left;
	overflow: hidden;
	padding: 0;
	position: relative;
	background: #fff;
	-webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.newslist li .photo .newsimg1 {
	width: 100%;
	height: 200px;
	outline: none;
	display: inline-block;
	float: left;
	opacity: 1;
	-webkit-transform: scale(1);
    transform: scale(1);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.videolist li .photo .videoimg1 {
	width: 100%;
	height: 230px;
	outline: none;
	display: inline-block;
	float: left;
	opacity: 1;
	-webkit-transform: scale(1);
    transform: scale(1);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.bloglist li .photo .blogimg1 {
	width: 100%;
	height: 250px;
	outline: none;
	display: inline-block;
	float: left;
	opacity: 1;
	-webkit-transform: scale(1);
    transform: scale(1);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.newslist li:hover .photo .newsimg1, .videolist li:hover .photo .videoimg1, .bloglist li:hover .photo .blogimg1 {
	opacity: 0.8;
	-webkit-transform: scale(1.03);
    transform: scale(1.03);
}
.newslist li .ldate, .videolist li .ldate {
	font-family: Times, "Times New Roman",  serif;
	font-size: 16px;
	line-height: 1.5em;
	color: #ffa200;
	text-align: left;
	margin: 0;
	padding: 0 0 0 26px;
	display: inline-block;
	width: 100%;
	background: url(../icondate.svg) no-repeat left 4px;
	background-size: 21px;
}
.bloglist li .ldate {
	font-family: Times, "Times New Roman",  serif;
	font-size: 16px;
	line-height: 1.5em;
	color: #ffa200;
	text-align: left;
	margin: 3px 0 6px;
	padding: 0 0 0 26px;
	display: inline-block;
	width: 100%;
	background: url(../icondate.svg) no-repeat left 4px;
	background-size: 21px;
}
.newslist li .ltit {
	font-size: 18px;
	line-height: 1.5em;
	color: #000;
	font-weight: 500;
	text-align: left;
	margin: 4px 0 0;
	padding: 0;
	display: inline-block;
	width: 100%;
}
.videolist li .ltit, .bloglist li .ltit {
	font-size: 21px;
	line-height: 1.5em;
	color: #000;
	font-weight: bold;
	text-align: left;
	margin: 4px 0 0;
	padding: 0;
	display: inline-block;
	width: 100%;
}
.newslist li .ltit span.ellipsis, .videolist li .ltit span.ellipsis, .bloglist li .ltit span.ellipsis {
	margin: 0;
	padding: 0;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
}
.newslist li:hover .ltit, .videolist li:hover .ltit, .bloglist li:hover .ltit {
	color: #db0f03;
}
.videolist li .ltxt, .bloglist li .ltxt {
	font-size: 15px;
	line-height: 1.6em;
	color: #888;
	text-align: left;
	margin: 6px 0 0;
	padding: 0;
	display: inline-block;
	width: 100%;
}
.videolist li .ltxt span.ellipsis, .bloglist li .ltxt span.ellipsis {
	margin: 0;
	padding: 0;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
}
.news-video {
	width: 100%;
	display:inline-block;
	background: #000;
	min-height:100px;
}
.news-video .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.news-video .video-container iframe,
.news-video .video-container object,
.news-video .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.downloadbox {
	display: inline-block;
	width: 100%;
	margin: 0;
	border: 3px solid #e5e5e5;
	padding: 12px 2% 18px;
	background: #f1f1f1;
}
.downloadbox .d-ti {
	display: inline-block;
	width: 100%;
	margin: 0 0 7px;
	padding: 0 0 0 20px;
	font-size: 1.2em;
	color: #666;
	background: url(../icon8.png) no-repeat 7px 13px;
}
.downloadbox .d-txt {
	display: inline-block;
	width: 100%;
	margin: 0;
}
.downloadbox .d-txt a.dfile {
	display: inline-block;
	margin: 2px 4px;
	padding: 6px 33px 7px 55px;
	font-size: 1.1em;
	color: #fff;
	background: #666 url(../download2.svg) no-repeat 28px 11px;
	background-size: 17px;
	border-radius: 30px;
	text-decoration: none;
}
.downloadbox .d-txt a:hover.dfile {
	color: #fff;
	background: #db0f03 url(../download2.svg) no-repeat 28px 14px;
	background-size: 17px;
}

#message {
	float: left;
	display:inline-block;
	width: 100%;
	margin: 20px 0 0;
	padding: 20px 10%;
	background: #eff0f2;
	border-radius: 5px;
}
#message .tit {
	float: left;
	display:inline-block;
	width: 100%;
	font-size: 20px;
	line-height: 1.5em;
	color: #111;
	font-weight: bold;
}
#message .tit span {
	display:inline-block;
	width: 100%;
	font-weight: normal;
	margin-top: 5px;
}
#message .row {
	display:inline-block;
	width: 100%;
	padding-top: 20px;
}
#message .form-box { border: 1px solid #ddd; background: #fff; padding: 0 0 0 80px; margin: 0; position: relative; -webkit-transition: border .15s; -moz-transition: border .15s; -o-transition: border .15s; transition: border .15s; }
#message .form-box .ti { width: 100px; padding: 0 0 0 10px; line-height: 43px; color: #666; position: absolute; left: 0; top: 0; padding-left: 20px; }
#message .input-style { width: 100%; height: 43px; border: none; background: none; box-shadow: none; outline: 0; padding: 0 10px 0 0; color: #666; }
#message .code-box { padding: 0 135px 0 0; position: relative; }
#message .code-box .codeimg { width: 135px; position: absolute; bottom: 0; right: 0; }
#message .form-box .cleft {display: inline-block;width: 30%;	margin: 0;padding: 0;}
#message .form-box .cright {float: right;display: inline-block;	width: 70%;	margin: 0;padding: 2px 0 0;}
#message .form-box .cright img {height: 40px;display: inline-block;float: left;}
#message .form-box .cright a {float: left;display: inline-block;font-size: 14px;line-height: 38px;padding-left: 5px;color: #00a1e9;}
#message .form-box .cright a:hover {color: #ff9331;text-decoration: none;}
.send-mess {
	padding-top: 25px;
	float: left;
	width: 100%;
	margin-top: 25px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #ccc;
	text-align: center;
	position: relative;
	z-index: 1;
}
.send-mess button {
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, Arial, Helvetica, sans-serif;
	width: 200px;
	text-align: center;
	line-height: 40px;
	font-size: 18px;
	border: none;
	cursor: pointer;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	color: #FFFFFF;
	margin-bottom: 10px;
	transition: background 0.3s;
}
.send-mess .send {
	background: #666;
}
.send-mess .send:hover{
	background:#333;
}
.send-mess .reset {
	background: #ccc;
}
.send-mess .reset:hover{
	background:#999;
}
.blog-message {
	float: left;
	display:inline-block;
	width: 100%;
	margin: 40px 0 20px;
	padding: 30px 0 0;
	border-top: 1px solid #ddd;
}
.all-mess {
	display:inline-block;
	width: 100%;
	margin: 10px 0 0;
}
.add-mess a.write {
	display: inline-block;
	font-size: 16px;
	color: #c63342;
	line-height: 1.5em;
	text-decoration: none;
	padding: 7px 25px 7px 50px;
	margin: 0;
	background: rgba(0,0,0,0.1) url(../writing1.svg) no-repeat 22px 7px;
	background-size: 22px;
	border-radius: 30px;
}
.add-mess a:hover.write {
	color: #fff;
	background: #e50112 url(../writing2.svg) no-repeat 22px 7px;
	background-size: 22px;
	text-decoration: none;
}
.in-mess {
	float: left;
	display:inline-block;
	width: 100%;
	padding: 0;
	margin: 15px 0 5px;
	border: 1px solid #ededed;
	border-radius: 5px;
}
.in-mess .name {
	float: left;
	width: 100%;
	display:inline-block;
	font-size: 16px;
	line-height: 1.8em;
	font-weight: bold;
	padding: 5px 15px;
	background: #ededed;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
.in-mess .name .date1 {
	display:inline-block;
	font-size: 14px;
	line-height: 1.8em;
	font-weight: normal;
	color: #777;
	margin-left: 10px;
}
.in-mess .txt {
	float: left;
	width: 100%;
	display:inline-block;
	padding: 18px 15px;
	line-height: 1.8em;
}
.re-mess {
	float: left;
	display:inline-block;
	width: 100%;
	padding: 10px 25px 15px;
	background: #e4f0f6;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.in-mess .rename {
	float: left;
	width: 100%;
	display:inline-block;
	font-size: 16px;
	line-height: 1.8em;
	font-weight: bold;
	color: #0f74b3;
	padding: 0 0 5px;
}
.in-mess .rename .date1 {
	display:inline-block;
	font-size: 14px;
	line-height: 1.8em;
	font-weight: normal;
	color: #777;
	margin-left: 10px;
}
.in-mess .retxt {
	float: left;
	width: 100%;
	display:inline-block;
	padding: 0;
	line-height: 1.8em;
	color: #2283c3;
}
@media (min-width: 992px) and (max-width: 1299px) {
.newslist li .photo .newsimg1 {height: 150px;}
.videolist li .photo .videoimg1 {height: 150px;}
.bloglist li .photo .blogimg1 {height: 200px;}
}
@media (max-width: 991px) {
.newslist li, .videolist li { width:calc(100%/3 - 6px);margin: 10px 9px 20px 0;}
.newslist li .photo .newsimg1 {height: 180px;}
.videolist li .photo .videoimg1 {height: 140px;}
.bloglist li .photo .blogimg1 {height: 180px;}
}
@media (max-width: 767px) {
.newslist li .photo .newsimg1 {height: 150px;}
.videolist li .photo .videoimg1 {height: 120px;}
.bloglist li .photo .blogimg1 {height: 150px;}
}
@media (max-width: 600px) {
.newslist ul, .videolist ul{margin: 0;}
.newslist li, .videolist li { width:100%;margin: 10px 0 20px;}
.bloglist li { width:100%;margin: 10px 0 20px;}
.bloglist li:last-child { margin: 10px 0 20px;}
.newslist li .photo .newsimg1 {height: 220px;}
.videolist li .photo .videoimg1, .bloglist li .photo .blogimg1 {height: 250px;}
}
@media (max-width: 480px) {
.videolist li .photo .videoimg1, .bloglist li .photo .blogimg1 {height: 190px;}
}

/*************************
******* faq CSS ******
**************************/
/* accordion style1 */
.accordion-style1 .panel-heading a:hover, .accordion-style1 .panel-heading a:focus {text-decoration: none;}
.accordion-style1 .panel {
    background: transparent;
    box-shadow: none;
    margin-top: 0 !important
}

.accordion-style1.panel-group .panel-heading {
    border: 0px;

}

.accordion-style1 .panel-heading {
    padding: 7px 0;
}

/*.accordion-style1 .panel-title {
    font-size: 16px;
    padding-right: 30px;
    position: relative
}*/
.accordion-style1 .panel-title{
	padding: 0;
	margin: 0;
}
.accordion-style1 a .panel-title{
	display: block;
	padding: 15px 50px 15px 50px;
	margin: 0;
	line-height: 1.2em;
	font-size: 20px;
	/*font-weight: 700;
	letter-spacing: 1px;*/
	color: #e50112;
	border-radius: 0;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	position: relative;
	background: #fff url(../question2.svg) no-repeat 17px 15px;
	background-size: 23px;
}
.accordion-style1 a:hover .panel-title,.accordion-style1 a:focus .panel-title{
	text-decoration: none;
	outline: none;
}
.accordion-style1 a.collapsed .panel-title{
	color: #333;
	background: #fff url(../question1.svg) no-repeat 17px 15px;
	background-size: 23px;
}
.accordion-style1 a .panel-title:before,
.accordion-style1 a.collapsed .panel-title:before{
	content: "\f106";
	font-family: fontawesome;
	width: 55px;
	height: 100%;
	text-align: center;
	line-height: 50px;
	/*border-left: 2px solid #D11149;*/
	position: absolute;
	top: 0;
	right: 0;
}
.accordion-style1 a.collapsed .panel-title:before{ content: "\f107"; }

.accordion-style1.panel-group .panel-heading+.panel-collapse>.list-group,
.accordion-style1.panel-group .panel-heading+.panel-collapse>.panel-body {
    padding: 12px 20px 15px;
	margin: 0;
	border-bottom: 2px solid #e50112;
	border-top: none;
	background: #fff;
	color: #333;
}
/*
#accordion .panel{
	border: none;
	border-radius: 0;
	box-shadow: none;
	margin: 0 0 15px;
	padding: 0;
	overflow: hidden;
	position: relative;
}
#accordion .panel-heading{
	padding: 0;
	margin: 0;
	border: none;
	border-radius: 0;
	z-index: 1;
	position: relative;
}
#accordion .panel-heading:before,
#accordion .panel-heading:after{
	content: "";
	width: 50%;
	height: 20%;
	position: absolute;
	bottom: 15px;
	left: 10px;
	transform: rotate(-3deg);
	z-index: -1;
}
#accordion .panel-heading:after{
	left: auto;
	right: 10px;
	transform: rotate(3deg);
}
#accordion .panel-title{
	padding: 0;
	margin: 0;
}
#accordion .panel-title a{
	display: block;
	padding: 15px 50px 15px 50px;
	margin: 0;
	line-height: 1.2em;
	font-size: 20px;
	color: #d4253d;
	border-radius: 0;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	position: relative;
	background: #fff url(../question2.svg) no-repeat 17px 15px;
	background-size: 23px;
}
#accordion .panel-title a:hover,#accordion .panel-title a:focus{
	text-decoration: none;
	outline: none;
}
#accordion .panel-title a.collapsed{
	color: #333;
	background: #fff url(../question1.svg) no-repeat 17px 15px;
	background-size: 23px;
}
#accordion .panel-title a:before,
#accordion .panel-title a.collapsed:before{
	content: "\f106";
	font-family: fontawesome;
	width: 55px;
	height: 100%;
	text-align: center;
	line-height: 50px;
	position: absolute;
	top: 0;
	right: 0;
}
#accordion .panel-title a.collapsed:before{ content: "\f107"; }
#accordion .panel-body{
	padding: 15px 20px 15px;
	margin: 0;
	border-bottom: 2px solid #d4253d;
	border-top: none;
	background: #fff;
	color: #333;
}*/
/*************************
*******Product CSS******
**************************/
#product {
	float: left;
	width: 100%;
	display: inline-block;
	position: relative;
}
#product-ov, #product-ov1 {
	width: 100%;
	display: inline-block;
}
.products-title {
	width: 100%;
	display: inline-block;
	margin: 5px 0 10px;
}
.products-title span {
	display: inline-block;
	font-size: 24px;
	line-height: 1.4em;
	color: #fff;
	padding: 5px 40px 7px 35px;
	margin: 0;
	background: #e80114 url(../icon14.png) no-repeat 12px 15px;
	clip-path: polygon(0 0, 100% 0%, 97% 100%, 0% 100%);
}
#product-ov ul, #product-ov1 ul {
	width: 100%;
	float: left;
	margin: 5px 0;
	padding: 0;
}
#product-ov li { 
	display:block;
	list-style:none;
	width:calc(100%/3 - 12px);
	float: left;
	padding: 0;
	margin: 10px 18px 20px 0;
	border: 1px solid #fff;
	background: #fff;
	-webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, .1 );
	box-shadow: 0 0 5px rgba( 0, 0, 0, .1 );
	-webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
#product-ov1 li { 
	display:block;
	list-style:none;
	width:calc(100%/3 - 12px);
	float: left;
	padding: 0;
	margin: 10px 18px 20px 0;
	border: 1px solid #eee;
	-webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
#product-ov li:last-child, #product-ov1 li:last-child { 
	margin: 10px 0 20px;
}
#product-ov li:hover, #product-ov1 li:hover {
	border: 1px solid #faacac;
	-webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, .25 );
	box-shadow: 0 0 5px rgba( 0, 0, 0, .25 );
}
#product-ov li .pro-img, #product-ov1 li .pro-img { 
	width:100%;
	float: left;
	overflow: hidden;
	padding: 5px;
	background: #fff;
	position: relative;
}
#product-ov ul li .pro-type {
	display: inline-block;
	font-size: 15px;
	line-height: 1.4em;
	color: #777;
	margin: 5px 15px 0;
	padding: 3px 8px;
	background: #eee;
	border-radius: 3px;
}
#product-ov ul li .pro-name {
	display: inline-block;
	width: 100%;
	font-size: 22px;
	line-height: 1.4em;
	color: #111;
	margin: 0;
	padding: 5px 15px 2px;
	-o-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	-webkit-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	-moz-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	transition: color .20s linear, background-color .20s linear, border-color .20s linear;
}
#product-ov1 ul li .pro-name {
	display: inline-block;
	width: 100%;
	font-size: 22px;
	line-height: 1.4em;
	color: #111;
	margin: 0;
	padding: 15px;
	text-align: center;
	-o-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	-webkit-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	-moz-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	transition: color .20s linear, background-color .20s linear, border-color .20s linear;
}
#product-ov li:hover .pro-name, #product-ov1 li:hover .pro-name {color: #e50112;}
#product-ov ul li .pro-spce {
	font-size: 15px;
	line-height: 1.6em;
	color: #888;
	padding: 5px 15px;
	display: inline-block;
	width: 100%;
}
#product-ov ul li .pro-spce span.ellipsis {
	margin: 0;
	padding: 0;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
}
#product-ov ul li .pro-price {
	font-size: 17px;
	line-height: 1.5em;
	color: #d80000;
	display: inline-block;
	width: 100%;
	margin: 12px 0 0;
	text-align: center;
	padding: 10px;
	border-top: 1px solid #ededed;
}
#product-ov ul li .pro-price del {
	font-size: 14px;
	color: #bbbbbb;
	margin-right: 10px;
	font-weight: normal;
}
#product-ov ul li .productimg, #product-ov1 ul li .productimg1 {
	width: 100%;
	height: 260px;
	outline: none;
	display: inline-block;
	float: left;
}
#product-ov ul li .productimg, #product-ov1 ul li .productimg1 {
	-webkit-transform: scale(1);
    transform: scale(1);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
#product-ov ul li:hover .productimg, #product-ov1 ul li:hover .productimg1 {
	opacity: 0.8;
	-webkit-transform: scale(1.03);
    transform: scale(1.03);
}

@media (min-width: 992px) and (max-width: 1199px) {

}
@media (max-width: 991px) {
#product-ov ul li .productimg, #product-ov1 ul li .productimg1 {height: 200px;}
}
@media (max-width: 767px) {
#product-ov li, #product-ov1 li { width: calc(100%/3 - 6px);margin: 13px 9px 13px 0;}
#product-ov ul li .pro-name {padding: 0 15px;}
#product-ov ul li .pro-spce {padding: 5px 15px;}
#product-ov ul li .productimg, #product-ov1 ul li .productimg1 {	height: 180px;}
}
@media (max-width: 600px) {
#product-ov ul, #product-ov1 ul { margin: 0;}
#product-ov li, #product-ov1 li { width:100%;margin: 10px 0 20px;}
#product-ov ul li .productimg, #product-ov1 ul li .productimg1 {height: 250px;}
}
@media (max-width: 480px) {
	
}

/*產品詳細頁*/
.product-add {
	float: left;
	display:inline-block;
	width: 100%;
	margin: 25px 0 25px;
	padding: 10px 15px 5px;
	background: #fff;
	border: 1px solid #edd0d2;
}
.product-add .title {
	float: left;
	display:inline-block;
	width: 100%;
	font-size: 20px;
	line-height: 1.5em;
	color: #a7000c;
	padding: 0 0 10px 25px;
	background: url(../icon2.png) no-repeat 5px 9px;
}
.product-add .addbuy {
	float: left;
	display:inline-block;
	width: 100%;
	margin: 0;
	padding: 12px 10px 12px 20px;
	border-top: 1px dashed #ddd;
}
.product-add .addbuy .select-ov {
	float: right;
	margin-right: 8px;
}
.product-add .addbuy .checkbox1 {
	float: left;
	display:inline-block;
	width: 40px;
    margin: 12px 0 0;
    padding: 0;
}
.product-add .addbuy .photo {
    float: left;
	display: inline-block;
    position: relative;
	width: 50px;
    margin: 0;
    padding: 0;
}
.product-add .addbuy .photo .productimg2 {
	width: 100%;
	height: 50px;
	outline: none;
	display: inline-block;
	float: left;
}
.product-add .addbuy .other {
    float: left;
	display: inline-block;
	width: calc(50% - 100px);
    margin: 0;
    padding: 5px;
}
.product-add .addbuy .name {
	float: left;
	display: inline-block;
	width: calc(50% - 50px);
    font-size: 18px;
	line-height: 1.4em;
	color: #111;
	margin: 0;
    padding: 0 20px;
	min-height: 55px;
}
.product-add .addbuy .name .type {
	float: left;
	display: inline-block;
	width: 100%;
	font-size: 13px;
	line-height: 1.4em;
	color: #888;
	margin: 0 0 1px;
	padding: 0;
}
.product-add .addbuy .price {
	float: right;
	display: inline-block;
	width: 100px;
    font-size: 17px;
	color: #e50112;
	padding-top: 2px;
	text-align: center;
}
.product-info {
	float: left;
	display:inline-block;
	width: 100%;
	padding: 40px 5px 10px;
	background: #f7f7f7;
}
.productpicbig {
	float: left;
	padding: 0;
	margin: 0 0 30px;
	width: 100%;
	position:relative;
	/*background: #fff;*/
}
.product-info .info {
	float: left;
	width: 100%;
	margin: 20px 0;
	padding: 0;
}
.product-info .info .sale {
	font-size: 16px;
	line-height: 1.5em;
	color: #da0708;
	display: inline-block;
	width: 100%;
	margin: 0 0 2px;
}
.product-info .info .type {
	font-size: 18px;
	line-height: 1.5em;
	color: #888;
	font-weight: bold;
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 0 0 3px;
}
.product-info .info h2 {
	font-size: 30px;
	line-height: 1.3em;
	color: #111;
	font-weight: bold;
	display: inline-block;
	width: 100%;
	margin: 0 0 10px;
	padding: 0 0 15px;
	border-bottom: #ccc dotted 1px;
}
.product-info .info .group {
  margin: 0;
  padding: 10px 0;
  width:100%;
  float:left;
  border-bottom: #ccc dotted 1px;
	font-size: 16px;
	line-height: 1.7em;
}
.product-info .info .ti {
  float: left;
  width: 90px;
  font-size: 15px;
  color: #999;
  line-height: 24px;
	
}
.product-info .info .format.ti, .product-info .info .qut.ti {
    line-height: 32px;
}
.product-info .info .group .txt {
	font-size: 15px;
	line-height: 24px;
	color: #111;
	display: inline-block;
	width:calc(100% - 90px);
	float:left;
}
.product-info .info .group .txt p{
	margin: 0 0 5px;
}
.product-info .info .group .txt ul{
	margin: 0;
	padding: 0;
    padding-left: 24px;
    list-style-type: disc;
}
.product-info .info .group .txt ol{
	margin: 0;
	padding: 0;
    padding-left: 20px;
    list-style-type: disc;
}
.product-info .info .group .txt ul li{
	margin: 0;
	padding: 0;
    margin-bottom: 2px;
	border-bottom: none;
	list-style-type: disc;
}
.product-info .info .group .txt ol li{
	margin: 0;
	padding: 0 0 0 3px;
    margin-bottom: 2px;
	border-bottom: none;
	list-style-type: decimal;
}
.product-info .info .group .txt .price {
	/*font-family: Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif;*/
	font-size: 20px;
	line-height: 1.6em;
	color: #e50112;
	font-weight: bold;
	display: inline-block;
}
.product-info .info .group .txt .price1 {
	color: #e50112;
}
.product-info .info .group .txt del {
	font-size: 14px;
	color: #bbbbbb;
	margin-left: 10px;
	font-weight: normal;
}
.product-info .info .goods-btn {
	float: left;
	width: 100%;
	margin: 20px 0 10px;
	padding: 0px;
}
.product-info .info .goods-btn button {
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, Arial, Helvetica, sans-serif;
	float: left;
	display: block;
	width: calc(100%/2 - 10px);
	min-width: 180px;
	margin: 3px 5px;
	text-align: center;
	border: none;
	transition: background 0.3s;
}
.product-info .info .goods-btn .btn-primary{
	font-size: 1.2em;
    line-height: 1.3em;
    padding: 12px 20px 14px;
    color: #fff;
    border: #777 solid 1px;
	background: #777;
    -webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, .1 );
	box-shadow: 0 0 5px rgba( 0, 0, 0, .1 );
	border-radius: 5px;
}
.product-info .info .goods-btn .btn-primary i.icart{
    padding-left: 35px;
	background: url(../check-box.svg) no-repeat 2px 4px; 
	background-size: 22px;
}
.product-info .info .goods-btn .btn-primary i.icart2{
    padding-left: 35px;
	background: url(../shopping3.svg) no-repeat 2px 4px; 
	background-size: 22px;
}
.product-info .info .goods-btn .btn-primary:hover{
	color: #fff;
    text-decoration: none;
    border: #ed606a solid 1px;
    background-color: #e50112;
    -webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, 0 );
	box-shadow: 0 0 5px rgba( 0, 0, 0, 0 );}
.product-info .info .goods-btn .btn-primary2{
	font-size: 1.2em;
    line-height: 1.3em;
    padding: 12px 20px 14px;
    color: #fff;
    border: #cf9445 solid 1px;
	background: #cf9445;
    -webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, .1 );
	box-shadow: 0 0 5px rgba( 0, 0, 0, .1 );
	border-radius: 5px;
}
.product-info .info .goods-btn .btn-primary2 i.icart{
    padding-left: 35px;
	background: url(../check-box.svg) no-repeat 2px 4px; 
	background-size: 22px;
}
.product-info .info .goods-btn .btn-primary2:hover{
	color: #fff;
    text-decoration: none;
    border: #d68417 solid 1px;
    background-color: #c77201;
    -webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, 0 );
	box-shadow: 0 0 5px rgba( 0, 0, 0, 0 );}
.product-info .info .goods-btn .btn-primary[disabled] {
    border: #ccc solid 1px;
    background-color: #ccc;
    -webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, 0 );
	box-shadow: 0 0 5px rgba( 0, 0, 0, 0 );}
.product-info .info .goods-btn .btn-primary:hover[disabled] {
    border: #ccc solid 1px;
    background-color: #ccc;
    -webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, 0 );
	box-shadow: 0 0 5px rgba( 0, 0, 0, 0 );}

.add-btn {
	float: right;
	width: 100px;
	margin: 2px 0;
	padding: 0;
}
.add-btn button {
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, Arial, Helvetica, sans-serif;
	float: left;
	display: block;
	width: 100%;
	min-width: 100px;
	margin: 3px 5px;
	text-align: center;
	border: none;
	transition: background 0.3s;
}
.add-btn .btn-primary{
	font-size: 15px;
    line-height: 1.3em;
    padding: 7px 10px;
    color: #fff;
    border: #f6949f solid 1px;
	background: #f6949f;
	border-radius: 5px;
}
.add-btn .btn-primary:hover{
	color: #fff;
    text-decoration: none;
    border: #ed606a solid 1px;
	background-color: #e50112;}
.add-btn .btn-primary.cancel {
    border: #ccc solid 1px;
	background-color: #ccc;}
.add-btn .btn-primary.cancel:hover {
    border: #777 solid 1px;
    background-color: #777;}
.product-info .info .otherlinks {
	float: left;
	width: calc(100% - 300px);
	margin: 10px 0 0;
	padding: 0 0 0 20px;
}
.product-info .info .otherlinks label {color: #999;}
.product-info .info .otherlinks select,input[type="file"]{height:36px;padding: 2px 5px;}
.product-series {
	float: left;
	width: 100%;
	margin-top: 10px;
	padding: 15px 0;
	display:inline-block;
}
.pro-content {
	display:inline-block;
	width: 100%;
	margin: 10px 0;
	word-break: break-all;
}
.pro-content2 {
	float: left;
	display:inline-block;
	width: 100%;
	margin: 0;
}
.pro-content .info {
    margin: 0;
    padding: 15px 0;
    border-bottom: #ddd5cc dotted 1px;
    width:100%;
    display: inline-block;
	background: #f5f3f0;
}
.pro-content .info .ti {
	color: #555;
    width: 200px;
    display: inline-block;
	float: left;
	padding: 0 15px;
}
.pro-content .info .ptxt {
    font-size: 18px;
	line-height: 1.6em;
	color: #111;
    width: calc(100% - 200px);
    display: inline-block;
}
.productbox {
	display:inline-block;
	width: 100%;
	margin: 0 0 35px;
	padding: 0 0 35px;
	border-bottom: 1px dotted #e5ded7;
}
.productbox:last-child {
	margin: 0;
	padding: 0;
	border-bottom: none;
}
.productf1 {
	display: inline-block;
	font-size: 2em;
	line-height: 1.6em;
	font-weight: bold;
	color: #017dce;
}
.productf2 {
	display: inline-block;
	font-size: 2em;
	line-height: 1.6em;
	color: #ee6e5d;
	font-weight: bold;
	margin: 5px 0 0;
}
.productf3 {
	display: inline-block;
	font-size: 20px;
	line-height: 1.7em;
	color: #fff;
	padding: 8px 15px;
	margin: 10px 0 0;
	background: #a67c52;
}
.productf4 {
	display: inline-block;
	font-size: 2em;
	line-height: 1.5em;
	font-weight: bold;
	color: #333;
}
.productf5-1 {
	display: inline-block;
	font-size: 20px;
	line-height: 1.5em;
	font-weight: bold;
	color: #0072bc;
}
.productf5-2 {
	display: inline-block;
	font-size: 20px;
	line-height: 1.5em;
	font-weight: bold;
	color: #3eb39a;
}
.productf5-3 {
	display: inline-block;
	font-size: 20px;
	line-height: 1.5em;
	font-weight: bold;
	color: #038522;
}
.productf6 {
	display: inline-block;
	font-size: 30px;
	line-height: 1.6em;
	color: #ee6e5d;
	font-weight: bold;
}
.productfaq {
	display: inline-block;
	width: 100%;
	background: #eee url(../products-cont10.jpg) no-repeat left center;
	padding: 35px 5% 20px 210px;
	margin: 10px 0 25px;
	text-align: left;
}
.css-table{
	display: inline-block;
	width: 100%;
	background-color: #ffffff;
	border-collapse: collapse;
}
.css-table ul, .css-table li {
	list-style: none;
	padding: 0;
	margin: 0;
}
.css-table .td{
	color: #333;
	border-bottom: #e4e4e4 1px solid;
	padding: 10px 10px;
	font-size: 15px;
}
.css-table .th{
	background-color: #ec6867;
	color:#fff;
	border: #fff 1px solid;
	text-align: center;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
}
.css-table{
	display: table;
}
.css-table .thead{
	display:table-header-group;
}
.css-table .tbody{
	display:table-row-group;
}
.css-table .tr{
	display:table-row;
	-webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}
.css-table .tr:nth-child(even){
	background: #f6f6f6;
}
.css-table .tbody .tr:hover{
	background: #f9efde;
}
.css-table .th, .css-table .td{
	display:table-cell;
	vertical-align:middle;
}
.css-table .td a.addinquire {
    padding: 5px 20px 7px 42px;
	font-size: 15px;
	line-height: 16px;
	color: #fff;
	border-radius: 3px;
	background: #cb3b4a url(../shopping3.svg) no-repeat 17px 8px;
	background-size: 16px;
}
.css-table .td a.addinquire:hover {
	color: #ffdd00;
	background: #e84144 url(../shopping3.svg) no-repeat 17px 8px;
	background-size: 16px;
}
.css-table .th:nth-child(1),.css-table .td:nth-child(1){width: 20%; text-align: center;}
.css-table .th:nth-child(2),.css-table .td:nth-child(2){width: 12%; text-align: center;}
.css-table .th:nth-child(3),.css-table .td:nth-child(3){width: 12%; text-align: center;}
.css-table .th:nth-child(4),.css-table .td:nth-child(4){width: 10%; text-align: center;}
.css-table .th:nth-child(5),.css-table .td:nth-child(5){width: 20%; text-align: center;}
.css-table .th:nth-child(6),.css-table .td:nth-child(6){width: 26%; text-align: center;}
.css-table .td:nth-child(2){color: #999;font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana, \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, serif;}
.css-table .td:nth-child(3){color: #cf070e;font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana, \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, serif;	font-size: 20px;}
.css-table .td:nth-child(4){color: #cf070e;font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana, \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, serif;}

.form-control {
	display: inline-block;
	height: 32px;
	min-width: 35px;
	padding: 4px 8px;
	font-size: 14px;
	line-height: 1;
	color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 0;
	text-align: center;
	box-shadow: none;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.form-control:focus {
	border: 1px solid #e07175;
	 -webkit-box-shadow: 0 0 0 #e33b30; box-shadow: 0 0 0 #e33b30;
	outline: 0;
}

@media (min-width: 1200px) {
.product-info {	padding: 40px 5px 20px;}
.product-info .info {float: right;width: calc(100% - 750px);margin: 10px 0 20px;padding: 0;}
.productpicbig {width: 700px;}
}
@media (min-width: 992px) and (max-width: 1299px) {

}
@media (max-width: 991px) {
.product-series {padding: 15px 10px; background:#f2efea; }
.css-table .thead{ display: none;}
.css-table .td:nth-child(1), .css-table .td:nth-child(2), .css-table .td:nth-child(3), .css-table .td:nth-child(4), .css-table .td:nth-child(5){display: inline-block;width: 100%;text-align: left;padding: 7px 10px;}
.css-table .td:nth-child(6){display: inline-block;width: 100%;text-align: center;padding: 20px 10px;}
.css-table .tr { border-top: 5px solid #ec6867;}
.css-table .tr li:before{ content: attr(data-title); display: inline-block; width: 100px;color: #888;font-size: 14px;float: left;}
.css-table .tr li .input-group{ width: calc(100% - 120px);float: left;}
.product-info .info .goods-btn button {	width: 100%;min-width: inherit;}
.product-info .info .otherlinks {width: 100%;margin: 15px 0 0;padding: 0 0 0 15px;}
.product-add .addbuy .other {
	width: calc(100% - 100px);
    padding: 5px 0;
}
.product-add .addbuy .name {
	width: calc(100% - 50px);
    padding: 0 20px;
}
.product-add .addbuy .price {
	float: left;
	width: 75px;
    font-size: 16px;
	text-align: left;
}
.product-add .addbuy .select-ov {float: left;margin-right: 5px;}
}
@media (max-width: 768px) {
.customization-info .info2 .ti1 .ti1-1 {width: 100%;padding-top: 12px;}
.customization-info .info2 .ti3 {font-size: 20px; width: 100%;padding: 2px 0 0 0;}

}
@media (max-width: 600px) {
.pro-content .info .ti { width: 100%;padding: 0 10px 2px;}
.pro-content .info .ptxt { width: 100%;	padding: 0 10px;}
.productfaq {
	background: #eee url(../products-cont10.jpg) no-repeat -40px -20px;
	background-size: 150px;
	padding: 40px 10px 10px;
}
.product-add .addbuy {padding: 10px 3px;}
.product-add .addbuy .other {width: 100%;}
.add-btn {float: left;width: 100%;}
.add-btn button {margin: 3px 0;}

}

/*選項卡*/
.tab{
	float: left;
	width: 100%;
	display: inline-block;
	position: relative;
	background: #ccc;
}
.tab > .container{
	position: relative;
}
.tab .nav-tabs{
	width: 100%;
	display: inline-block;
	padding: 0;
	margin: 0;
    border:none;
	list-style-type: none;
}
/*.nav-tabs li {
    display: inline-block;
    float: none;
    width: 24%;
}
.nav-tabs li a {
    margin: 0;
}
.nav-tabs li:hover {
    background: transparent;
}
.nav-tabs>li>a,
.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {
    border: none;
    background-color: transparent;
}
.nav-tabs li:hover i,
.nav-tabs li .active i {
    color: #47937c;
}
.nav-tabs li:hover span,
.nav-tabs li .active span {
    color: #232323;
}*/


.nav-tabs li{
	float: none;
	display: inline-block;
	list-style-type: none;
	padding: 1px 0 0;
	margin: 0;
	font-size: 20px;
}
.nav-tabs li a{
	display: inline-block;
    padding: 20px 30px;
	margin: 0;
    border:none;
    border-right: 0px none;
    color:#777;
    border-radius: 0px;
    transition: all 0.2s ease-in 0s;
	background: #ccc;
}
.nav-tabs li a:hover{
    background: #fff;
    color: #111;
}
.nav-tabs li a i{
    display: inline-block;
    text-align: center;
    margin-right:10px;
}
.nav-tabs li.active a,
.nav-tabs li.active a:focus,
.nav-tabs li.active a:hover{
	font-weight: bold;
    color: #43a9c2;
	background: #fff;
	border:none;
	border-bottom:none;
	text-decoration: none;
}
.tab .tab-content{ padding: 40px 0 50px;background: #fff;}
.tab .tab-content img{ max-width: 100%;}
@media only screen and (max-width: 767px){
    .tab{ }
	.nav-tabs li{ width:100%; margin-bottom: 1px;}
    .nav-tabs li a{ width:100%;padding: 12px;}
    .nav-tabs li.active a,
    .nav-tabs li.active a:focus,
    .nav-tabs li.active a:hover{ padding: 12px; margin-top: 0;}
}

/*心得*/
.product-message {
	float: left;
	display:inline-block;
	width: 100%;
	padding: 40px 0 30px;
	border-top: 1px solid #ddd;
}
.product-message .title {
	float: left;
	display:inline-block;
	width: 100%;
	font-size: 24px;
	line-height: 1.5em;
	color: #333;
	font-weight: bold;
	padding: 0 0 15px;
}
.product-message .title .smfont{
	font-size: 14px;
}
.product-message a.write {
	float: right;
	display: inline-block;
	font-size: 16px;
	color: #c63342;
	line-height: 1.5em;
	text-decoration: none;
	padding: 7px 25px 7px 50px;
	margin: 0;
	background: rgba(0,0,0,0.1) url(../writing1.svg) no-repeat 22px 7px;
	background-size: 22px;
	border-radius: 30px;
}
.product-message a:hover.write {
	color: #fff;
	background: #e50112 url(../writing2.svg) no-repeat 22px 7px;
	background-size: 22px;
	text-decoration: none;
}
.person {
	float: left;
	display:inline-block;
	width: 100%;
	padding: 0 0 20px;
	margin: 20px 0 0;
	border-bottom: 1px dashed #e6e6e6;
}
.person:first-child {margin: 0;}
.person:last-child {padding: 0;border-bottom: none;}
.person .photo { 
	float: left;
	display: inline-block;
	width: 60px;
	height: 60px;
	font-size: 30px;
	color: #fff;
	line-height: 60px;
	text-align: center;
	overflow: hidden;
	padding: 0;
	outline: none;
	position: relative;
	border-radius: 50%;
	background: #ccc;
}
.person .name {
	float: right;
	display:inline-block;
	width: calc(100% - 70px);
	font-size: 15px;
	line-height: 1.6em;
	font-weight: bold;
}
.person .name .date1 {
	float: right;
	display:inline-block;
	font-size: 13px;
	line-height: 1.6em;
	font-weight: normal;
	color: #999;
}
.person .messg {
	float: right;
	display:inline-block;
	width: calc(100% - 70px);
	margin: 10px 0 0;
	line-height: 1.7em;
}
.jstar{ float: right;display:inline-block;width: calc(100% - 70px);margin: 4px 0 0;}
.jstar .atar_Show{background:url(../heart1.png); width:202px ; height:13px; position:relative; float:left; }
.jstar .atar_Show p{ background:url(../heart2.png);left:0; height:13px; width:134px;margin: 0;padding: 0;}
.jstar span{ display:inline-block; width: 50px;font-size: 13px; line-height: 13px; color: #999;}
/* =====================================
   會員系統
===================================== */
/*************************
******* login CSS ******
**************************/
.login-wrap { float: left;width: 100%;display: inline-block; position: relative; margin: 20px 0; padding: 0;background: #8b8984; }
.login-wrap .left { float: left; width: 60%; padding: 12px;margin: 0; position: relative;display: inline-block;background: #dde0e1; }
.login-wrap .left .inner {width: 100%;display: inline-block;background: #fff;border-radius: 5px;padding: 20px 15% 40px;margin: 0;}
.login-wrap .left .btn-box { float: left; width: 100%; display: block; margin: 12px 0 0; etter-spacing: 0.1rem; -webkit-transition: background .2s, color .2s; -moz-transition: background .2s, color .2s; -o-transition: background .2s, color .2s; transition: background .2s, color .2s; }
.login-wrap .left .inner .fb{width: 100%;display: inline-block;text-align: center;}
.login-wrap .left .inner .fb .or{ color: #999; border-bottom: 1px solid #ddd; margin-bottom: 25px;}
.login-wrap .left .inner .fb .or span{display: block; background: #fff; width: 40px; margin: auto; text-align: center; position: relative; top: 11px; padding: 0 10px;}
.login-wrap .left .inner .fb a.fblogin{ width: 100%;display: inline-block;font-size: 15px;line-height: 1.6em; background: #3765a3;color: #fff;padding: 10px 10px 12px;border-radius: 5px; }
.login-wrap .left .inner .fb a.fblogin:hover{background: #25528e;text-decoration: none;}
.login-wrap .right { float: left;width: 40%; position: relative; padding: 10px 10px 40px; text-align: center; color: #fff;}
.login-wrap .right .inner {width: 100%;display: inline-block;padding: 20px 10%;}
.login-wrap .right .inner .txt{margin: 50px 0 50px;}
.login-wrap .right .btn-box { display: block; width: 100%;padding: 3% 0 0; }
.login-wrap .right .btn-box .link { display: block; width: 100%; background: none; color: #fff; text-align: center; font-size: 18px; height: 45px; line-height: 42px; border: 1px solid rgba(255,255,255,0.5);border-radius: 5px; letter-spacing: 0.1rem; -webkit-transition: background .2s, color .2s; -moz-transition: background .2s, color .2s; -o-transition: background .2s, color .2s; transition: background .2s, color .2s; }
.login-wrap .right .btn-box .link:hover { background: #fff; color: #666;text-decoration: none; }
.login-wrap .form-etc { float: left; display: block; width: 100%; margin: 3px 0;font-size: 15px; }
.login-wrap .form-etc a { color: rgba(0,0,0,0.5); display: inline-block; position: relative;padding-left: 23px; background: url(../question.svg) no-repeat left 6px;background-size: 17px; }
.login-wrap .form-etc a:hover { color: #ee1d24; }
.login-wrap .left .subhead { display: block; position: relative; padding: 0 0 15px 0; margin: 0 0 20px 0; text-align: center; font-size: 1.5em;font-weight: bold;line-height: 1.5; }
.login-wrap .left .subhead:before { content: ''; height: 2px; width: 20px; background: #ee1d24; position: absolute; bottom: 0; left: 50%; margin-left: -10px; }
.login-wrap .right .subhead { display: block; position: relative; padding: 0 0 15px 0; margin: 0 0 20px 0; text-align: center; font-size: 1.5em;font-weight: bold;line-height: 1.5; }
.login-wrap .right .subhead:before { content: ''; height: 2px; width: 20px; background: rgba(255,255,255,0.5); position: absolute; bottom: 0; left: 50%; margin-left: -10px; }
.login-wrap .btn-submitf { width: 100%; background: #e65156; color: #fff; font-size: 18px; text-align: center; height: 45px; border: none;border-radius: 5px; letter-spacing: 0.1rem; -webkit-transition: background .2s; -moz-transition: background .2s; -o-transition: background .2s; transition: background .2s; }
.login-wrap .btn-submitf span { z-index: 2; position: relative; padding: 0 25px 0 0; -webkit-transition: padding .15s; -moz-transition: padding .15s; -o-transition: padding .15s; transition: padding .15s; }
.login-wrap .btn-submitf span:before { content: ''; height: 1px; width: 20px; background: #fff; position: absolute; top: 45%; right: 0; -webkit-transition: width .15s; -moz-transition: width .15s; -o-transition: width .15s; transition: width .15s; }
.login-wrap .btn-submitf span:after { content: ''; height: 6px; width: 6px; border: none; border-top: 1px solid #fff; border-right: 1px solid #fff; position: absolute; top: 45%; right: 2px; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(45deg) translateY(-50%); -ms-transform: rotate(45deg) translateY(-50%); -o-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); }
.login-wrap .btn-submitf:hover { background: #c30b12;color: #fff; }
.login-wrap .btn-submitf:hover span { padding: 0 35px 0 0; }
.login-wrap .btn-submitf:hover span:before { background: #fff; }
.login-wrap .btn-submitf:hover span:after { border-top: 1px solid #fff; border-right: 1px solid #fff; }

.form-style { width: 100%;display: inline-block;margin: 0;padding: 0; }
.form-style .form-box { border: 1px solid #ddd; background: #fff; padding: 0 0 0 80px; margin: 0 0 7px 0; position: relative; -webkit-transition: border .15s; -moz-transition: border .15s; -o-transition: border .15s; transition: border .15s; }
.form-style .form-box .ti { width: 100px; padding: 0 0 0 10px; line-height: 43px; color: #666; position: absolute; left: 0; top: 0; padding-left: 20px; }
.login-wrap .form-style .form-box .ti { padding: 0 0 0 15px; }
.form-style .input-style { width: 100%; height: 43px; border: none; background: none; box-shadow: none; outline: 0; padding: 0 10px 0 0; color: #666; }
.form-style .code-box { padding: 0 135px 0 0; position: relative; }
.form-style .code-box .codeimg { width: 135px; position: absolute; bottom: 0; right: 0; }
.form-style .form-box .cleft, .memberform .cleft {display: inline-block;width: 30%;	margin: 0;padding: 0;}
.form-style .form-box .cright, .memberform .cright {float: right;display: inline-block;	width: 70%;	margin: 0;padding: 2px 0 0;}
.form-style .form-box .cright img, .memberform .cright img {height: 40px;display: inline-block;float: left;}
.form-style .form-box .cright a, .memberform .cright a {float: left;display: inline-block;font-size: 14px;line-height: 38px;padding-left: 5px;color: #00a1e9;}
.form-style .form-box .cright a:hover, .memberform .cright a:hover {color: #ff9331;text-decoration: none;}
@media (max-width: 1199px){
  .login-wrap .left .inner {padding: 20px 7% 40px;}
  .login-wrap .right .inner {padding: 20px 10%;}
}
@media (max-width: 991px){
  .login-wrap .left {  width: 100%; }
  .login-wrap .right { width: 100%;}
}
@media (max-width:600px) {
  .login-wrap .left .inner {padding: 20px 7% 40px;}
  .login-wrap .right .inner {padding: 20px 7%;}

  .form-style .form-box { width: 100%;display: inline-block;padding: 0; border: none; background: none; margin-bottom: 15px; }
  .form-style .form-box .ti { position: relative; width: 100%; padding: 0 0 0 5px; margin: 0 0 10px 0; line-height: 1; }
  .form-style .form-box .input-style { width: 100%; border: 1px solid #ddd; background: #fff; padding: 0 10px; }
  .form-style .textarea-style { padding: 10px; border: 1px solid #ddd; background: #fff; }

  .form-style .form-box .cleft, .memberform .cleft {width: 100%;}
  .form-style .form-box .cright, .memberform .cright {width: 100%;float: left;}
}

#member {
    width: 100%;
    float: left;
	margin: 10px 0;
}
#cart {
    width: 100%;
    float: left;
	margin: 5px 0 10px;
}
#cart .sale {
	display: inline-block;
	width: 100%;
	font-size: 16px;
	line-height: 1.5em;
	color: #da0708;
	margin: 0 0 1px;
	padding: 8px 10px;
	background: #fcf1f3;
}
#member .login {
	width: 100%;
	padding: 30px 15px;
}
#member .login .font2 {
	color: #c50000;
	margin: 0 0 10px;
}
#member .other ul {
  list-style: none;
  padding: 0;
  margin: 30px 0 0;
}
#member .other li {
  padding: 0 0 10px;
  margin: 0;
}
#member .other a {
  color: #453b39;
  display: block;
  padding: 20px 0;
  border-radius: 7px;
  border: #ccc 1px solid;
  font-size: 16px;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}
#member .other a:hover {
  text-decoration: none;
  color: #000;
  background: #fafafa;
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}
#member .other .info {
  color: #453b39;
  display: block;
  padding: 20px 15px;
  border-radius: 7px;
  border: #ccc 1px solid;
  font-size: 15px;
  margin: 20px 0;
  text-align: center;
  line-height: 1.6;
}
#member .login .btn-wrap .btn-style {
	width: 100%;
	font-size: 1.3em;
	text-align: center;
	text-decoration: none;
	line-height: 24px;
	border: 0;
	background: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	margin: 15px 0 0;
	display: inline-block;
}
#member .login .btn-wrap .green {
  padding: 10px 15px;
  color: #fff;
  border: #370e69 solid 1px;
  background-color: #370e69;
  -webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, .3 );
	box-shadow: 0 0 5px rgba( 0, 0, 0, .3 );
}
#member .login .btn-wrap .green:hover,
#member .login .btn-wrap .green:focus {
  color: #fff;
  text-decoration: none;
  border: #501598 solid 1px;
  background-color: #501598;
}
@media only screen and (min-width: 641px) {
  #member .login {
    padding: 20px 30px;
  }
}
@media only screen and (min-width: 768px) {
  #member .login {
    width: 100%;
    float: left;
  }
  #member .gtable {
    width: 100%;
    float: left;
	margin: 20px 0 0;
  }
  #member .other {
    width: 100%;
	float: left;
	margin-top: 15px;
  }
  #member .other .info {
    text-align: center;
    margin: 0;
  }
  #member .other .info .h197 {
    height: 175px;
  }
  #member .other .info .h241 {
    height: 241px;
  }
  #member .other ul {
    margin: 0;
  }
  #member .login .btn-wrap {
	width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #member .login {
    width: 600px;
  }
  #member .gtable {
    width: calc(100% - 630px);
    float: right;
	margin: 0;
  }
  #member .other {
    width: 100%;
	float: left;
	margin-top: 15px;
  }
}
@media only screen and (min-width: 1200px) {
  #member .login {
    width: 700px;
  }
  #member .gtable {
    width: calc(100% - 740px);
    float: right;
	margin: 0;
  }
  #member .other {
    width: calc(100% - 710px);
	float: right;
	margin-top: 0;
  }
  #member .other .info {
  padding: 8px;
  }
}
#member .welcome {
  margin: 0 auto;
  padding: 60px 15px 50px;
  border: #e6e6e6 solid 1px;
  background: url(../images/welcome.png) 20px 20px no-repeat #fafafa;
  background-size: 80% auto;
  line-height: 1.8;
}
#member .welcome .data {
  font-weight: bold;
  color: #999;
  margin-bottom: 30px;
}
#member .welcome .data span {
  color: #c50000;
  font-size: 18px;
  font-weight: 500;
}
#member .welcome-view td {
  font-size: 16px;
}
#member .date {
  font-size: 1.083333rem;
  font-size: 13px;
  color: #666;
  font-weight: 300;
  width: 100px;
}
#member .date span {
  font-family: 'Times New Roman', serif;
  font-size: 1.833333rem;
  font-size: 15px;
}
#member .welcome p {
  padding: 15px 0;
}
#member .welcome caption {
  color: #d1183b;
  font-size: 16px;
}
#member .welcome td,
#member .welcome-view td {
  border-top: #ccc 1px dotted;
  border-bottom: #ccc 1px dotted;
  padding: 8px 0;
}
#member .welcome td a {
  color: #000;
}
#member .welcome td a:hover {
  color: #666;
  text-decoration: none;
}
#member .welcome-view .edit-body {
  padding: 30px 0 50px;
  line-height: 1.8;
}
@media only screen and (min-width: 480px) {
  #member .welcome {
    background: url(../images/welcome.png) 20px 20px no-repeat #fafafa;
    background-size: initial;
  }
}
@media only screen and (min-width: 641px) {
  #member .welcome {
    padding: 90px 30px 50px;
    max-width: 500px;
  }
  #member .welcome-view {
    max-width: 500px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 768px) {
  #member .welcome {
    padding: 90px 30px 50px;
    max-width: 90%;
  }
  #member .welcome-view {
    max-width: 90%;
  }
}

/*加入會員、修改會員資料共用*/
#member .join-form {
	width: 100%;
    display: inline-block;
    margin: 0;
    padding: 0 ;
    border: #eff0f2 solid 10px;
    line-height: 1.8;
    background: #fff;
}
#member .join-form .memlawbox {
	width: 100%;
    display: inline-block;
    margin: 0;
    padding: 20px 5%;
    background: #eff0f2;
}
#member .join-form .memwritebox {
	width: 100%;
    display: inline-block;
    margin: 0;
    padding: 30px 5% 20px;
}
#member .join-form h4.ti {
    width: 100%;
	display: inline-block;
	font-size: 1.3em;
	color: #c1976c;
	font-weight: bold;
	margin: 0 0 20px;
}
#member .join-form .form-group span {
  color: #c50000;
}
/*#member .join-form .selectBox {
  margin-bottom: 10px;
}*/
#member .join-form #btn-group {
    margin-top: 10px;
	padding-top: 10px;
}
#member .join-form .law {
	width: 100%;
	display: inline-block;
  background: #fff;
  padding: 10px 5px 15px;
  margin-bottom: 10px;
  height: 250px;
  overflow: scroll;
  overflow-x: hidden;
  color: #999;
  line-height: 1.7;
}
#member .join-form .privacy {
  padding: 10px;
  color: #555;
  line-height: 1.7;
}
#member .join-form .privacy ol{
    margin-left: 0;
    list-style-type: decimal;
}
#member .join-form .privacy li{
	padding-left: 5px;
	margin: 3px 0;
}
#member .join-form .birth .selectBox:nth-of-type(1) {
    width:calc(40% - 20px);
	float:left;
  }
#member .join-form .birth .selectBox:nth-of-type(2),
#member .join-form .birth .selectBox:nth-of-type(3) {
    width:30%;
	margin: 0 0 0 10px;
	float:left;
  }


#member .bonus-total {
  padding: 10px 5px;
  border-bottom: #ddd 1px solid;
  background: #ededed;
  text-align: center;
  color:#000;
  font-weight:bold;
}
#member .bonus-total .recod {
	float: none;
	font-weight: normal;
	display: block;
}

#member .info {
  padding: 10px 5px;
  border-bottom: #ddd 1px solid;
  background: #ededed;
  line-height: 1.6;
  color: #888;
}
@media only screen and (min-width: 768px) {
  
  #member .bonus-total .recod {
	float: right;
	color: #555;
	padding: 5px 0 0;
  }
}

#member .order-number {
  color: #000;
  font-size: 18px;
  padding-bottom: 10px;
}
#member .order-number .redfont {
  color: #ec0004;
  font-size: 20px;
	font-weight: bold;
}

.member-wel {
	width: 100%;
	display: inline-block;
    color: #555;
    padding-bottom: 10px;
}
.member-wel h3 {
	width: 100%;
	display: inline-block;
    margin: 0 0 10px;
	padding: 0;
}
#member .member-refont {
    color: #ac1a2f;
    padding: 15px 0;
    border-top: 1px dashed #ddd;
	width: 100%;
	display: inline-block;
}
.mem-wrap { margin-top: 15px; }
.mem-wrap .mem-table,.mem-wrap .mem-table2 { width: 100%; margin: 10px 0; }
.mem-wrap .mem-table3 { width: 100%; margin: 10px 0 0; }
.mem-wrap .mem-table thead, .mem-wrap .mem-table2 thead, .mem-wrap .mem-table3 thead { background: #555; color: #fff; }
.mem-wrap .mem-table td, .mem-wrap .mem-table2 td, .mem-wrap .mem-table3 td { padding: 8px; text-align: center; }
.mem-wrap .mem-table3 tbody tr { border-bottom: 1px solid #ddd;; }
.mem-wrap .mem-table tbody tr:nth-child(even), .mem-wrap .mem-table2 tbody tr:nth-child(even) { background: #eee; }
.mem-wrap .mem-table tbody td, .mem-wrap .mem-table2 tbody td { line-height: 24px;padding: 25px 8px; }
.mem-wrap .mem-table3 tbody td { line-height: 24px;padding: 20px 10px;color: #666; }
.mem-wrap .mem-table tbody td:nth-child(1), .mem-wrap .mem-table2 tbody td:nth-child(1) { color: #057cc9;font-weight: bold;}
.mem-wrap .mem-table3 tbody td:nth-child(1) { color: #df634e;font-weight: bold;}
.mem-wrap .mem-table3 tbody tr.clubline1 {background-color: #FFECEC;}
.mem-wrap .mem-table3 tbody tr.clubline2 {background-color: #e1e1e1;}
#member .bonusinfo { padding: 15px;border-top: #ccc 1px dashed; border-bottom: #ddd 1px solid; background: #eee; line-height: 1.6; color: #777;}

.mem-wrap .mem-table .delete { color: #f59da6;padding: 0 0 0 25px;background: url(../trash-bin.svg) no-repeat 5px 3px;background-size: 16px; }
.mem-wrap .mem-table .delete:hover { color: #e30111; text-decoration: none; }
.mem-wrap .mem-table .delete.disable{color: #666; opacity: 0.5; cursor: not-allowed;background: url(../trash-bin2.svg) no-repeat 5px 3px;background-size: 16px;}
.mem-wrap .mem-table .delete.disable:hover{text-decoration:none;color: #666;}
.mem-wrap .mem-table .view { color: #fff;border-radius: 3px;padding: 5px 12px 5px 30px;font-size: 15px;font-weight: normal; background: #bababa url(../search.svg) no-repeat 10px 8px;background-size: 15px;}
.mem-wrap .mem-table .view:hover { text-decoration: none;background: #e6a035 url(../search.svg) no-repeat 10px 8px;background-size: 15px; }
@media screen and (max-width:1200px) { 
  .mem-wrap .mem-table, .mem-wrap .mem-table2, .mem-wrap .mem-table3 { border-top: 3px solid #6f685f;border-bottom: 1px solid #6f685f;}
  .mem-wrap .mem-table thead, .mem-wrap .mem-table2 thead, .mem-wrap .mem-table3 thead { display: none; }
  .mem-wrap .mem-table tr,.mem-wrap .mem-table2 tr,.mem-wrap .mem-table3 tr { display: inline-block; position: relative; padding: 12px 0;width: 100%; }
  .mem-wrap .mem-table tr td, .mem-wrap .mem-table3 tr td { float: left; display: inline-block; vertical-align: top; width: 50%; text-align: left;padding: 5px 15px; }
  .mem-wrap .mem-table tr td:before{ content: attr(data-title); display: inline-block; width: 100px;color: #888;font-size: 14px;float: left;}
  .mem-wrap .mem-table3 tr td:before{ content: attr(data-title)"："; display: inline-block; width: 145px;color: #888;font-size: 14px;float: left;}
  
}
@media screen and (max-width: 640px) { 
  .mem-wrap { margin: 10px 0; }
  .mem-wrap .mem-table {  }
  .mem-wrap .mem-table tr td, .mem-wrap .mem-table3 tr td { display: block; width: 100%; } 
}
/* =====================================
   購物車
===================================== */
#cart .nav-step .step {
  float: left;
  width: 25%;
  font-size: 18px;
  border: #ccc 1px solid;
  border-right: none;
  background: #fff;
  padding: 5px 10px;
  margin: 50px 0 0 0;
  color: #666;
  font-style: italic;
  text-align: center;
}
#cart .nav-step .step:last-child {
  border-right: #ccc 1px solid;
}
#cart .nav-step .step.current {
  background: #000;
  border-color: #000;
  color: #fff;
}
@media only screen and (min-width: 641px) {
  #cart .nav-step {
    max-width: 590px;
    margin: 0 auto;
  }
  #cart .nav-step .step {
    margin: 70px 0 0 0;
  }
}
@media only screen and (min-width: 1025px) {
  #cart .nav-step .step {
    margin-top: 70px;
  }
  #cart #nav-wrap.about {
    bottom: -10px;
  }
}
@media only screen and (min-width: 1200px) {
  #cart .nav-step .step {
    margin-top: 130px;
  }
}

#cart .con-wrap-b {
  padding-top: 50px;
  padding-bottom: 50px;
}
#cart h3.step-ti {
  padding: 0;
  margin: 30px 0 50px;
  text-align: center;
}
#cart h3.step-ti::after {
  content: '';
  display: block;
  width: 20px;
  height: 1px;
  background: #333;
  margin: 10px auto 0;
}

.total-bo {
	display: inline-block;
	width: 100%;
    text-align: right;
    padding: 10px 20px;
	margin: 20px 0 0;
    color:#333;
    background: #f4f2ee;
}
.total-bo2 {
	float: left;
	display: inline-block;
	width: calc(100%/2 - 10px);
    text-align: left;
    padding: 15px 20px;
	margin: 20px 10px 0 0;
    color:#333;
    background: #f4f2ee;
	min-height: 200px;
}
.total-bo3 {
	float: left;
	display: inline-block;
	width: calc(100%/2 - 10px);
    text-align: left;
    padding: 15px 20px;
	margin: 20px 0 0 10px;
    color:#333;
    background: #f4f2ee;
	min-height: 200px;
}
.total-bo2 h4.ti, .total-bo3 h4.ti {
    float: left;
	width: 100%;
	font-size: 20px;
	color: #333;
	font-weight: bold;
	margin: 5px 0 10px;
}
.total-bo2 .radio-style {
	float: left;
	width: 100%;
    padding: 0;
	margin: 0;
}
.total-bo2 .radio-style > .radio {
	float: left;
    display: inline-block;
    width: 100%;
}
.total-freight {
    text-align: right;
    padding: 18px 20px;
    background: #fcf1f3;
	color: #fd6a6a;
    font-size: 15px;
    line-height: 24px;
}
#cart .store {
	float: left;
	display: inline-block;
	width: 100%;
	padding: 10px 10px 0;
}
#cart .store {
	float: left;
	display: inline-block;
	width: 100%;
	padding: 10px 0 0;
}
#cart .store .store-name {
	display: inline-block;
	padding: 5px 0;
	line-height: 1.5em;
}
#cart .store  a.store-chose {
	float:right;
	font-size:14px;
	font-weight:normal;
	line-height:20px;
	padding: 6px 18px;
	margin: 10px 0 0;
	background: #aaa;
	color: #FFF;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-decoration: none;
	font-style: normal;
}
#cart .store a:hover.store-chose {
	background-color: #ea1e25;
	color: #FFF;
	text-decoration: none;
}
.total-bo .box {
    padding: 12px 0;
	border-bottom: 1px solid #e3e0d9;
}
.total-bo .box:last-child {
	border-bottom: none;
}
.total-bo .name {
    display:inline-block;
}
.total-bo .name.payfont {
  font-weight: bold;
}
.total-bo .name.redfont {
  font-size: 18px;
  color: #ed1c24;
}
.total-bo .text {
    display:inline-block;
    width: 130px;
	padding-left: 10px;
}
.total-bo .text.redfont {
  font-size: 24px;
  color: #ed1c24;
  line-height: 1.5em;
  font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana, \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, serif;
  font-weight: bold;
}
.total-bo strong, .total-bo2 strong {
  color:#e10006;
}
.total-bo .use, .total-bo2 .use{ border: none; background: #999; padding: 6px 8px;margin-left: 5px; color: #fff; }
.total-bo .use:hover, .total-bo2 .use:hover{background: #ee1d24; }

#cart .count {
  padding: 20px 10px;
  background: #f1f1f1;
  text-align: right;
  font-size: 15px;
  line-height: 1.8;
}
#cart .count strong {
  font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana, \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, serif;
  font-size: 20px;
  font-weight: bold;
  font-style: italic;
  color: #d1183b;
}
#cart #btn-group, #member #btn-group {
	float: left;
	display: inline-block;
	width: 100%;
    margin-top: 40px;
}
#cart .form-wrap, #member .form-wrap {
	float: left;
	display: inline-block;
	width: 100%;
	padding: 30px 5%;
	border: 10px solid #eff0f2;
}
#cart .form-wrap .formleft, #member .form-wrap .formleft {
	float: left;
	display: inline-block;
	width: 50%;
	padding: 0 4% 0 0;
}
#cart .form-wrap .formright, #member .form-wrap .formright {
	float: left;
	display: inline-block;
	width: 50%;
	padding: 0 0 0 4%;
	border-left: 3px solid #dedfe2;
}
#cart .form-wrap .formcenter, #member .form-wrap .formcenter {
	float: left;
	display: inline-block;
	width: 100%;
	padding: 25px 0 0;
	margin: 25px 0 0;
	border-top: 1px dashed #ddd;
}
#cart .form-wrap .formcenter.ticket .input-txt {
	float: left;
	display: inline-block;
}
#cart .form-wrap .formcenter.ticket .input-txt:nth-child(1) {
	width: 30%;
}
#cart .form-wrap .formcenter.ticket .input-txt:nth-child(2) {
	width: 70%;
}
#cart .form-wrap .orderti, #member .form-wrap .orderti {
	float: left;
	display: inline-block;
	width: 120px;
	color: #666;
	font-weight: normal;
}
#cart .form-wrap h4.ti, #member .form-wrap h4.ti {
    float: left;
	width: 100%;
	font-size: 1.4em;
	color: #be9265;
	font-weight: bold;
	margin: 0 0 10px;
}
#cart .form-wrap ul.checkform, #member .form-wrap ul.checkform {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}
#cart .form-wrap ul.checkform li, #member .form-wrap ul.checkform li { 
	float: left;
	display:block;
	list-style:none;
	width: 100%;
	padding: 0;
	margin: 3px 0;
	font-weight: bold;
}
#cart .form-wrap .form-txt, #member .form-wrap .form-txt { 
	font-weight: bold;
}
#cart .form-wrap .icheck {
	float: left;
	width: 100%;
  border: #eee 1px solid;
  padding: 5px 10px;
  border-radius: 4px;
  margin: 3px 0 5px;
  text-align: left;
  font-size:15px;
	line-height: 1.6em;
  font-weight: bold;
  color: #333;
}
#cart .icheck2 {
	float: left;
	width: 100%;
}
#cart .form-wrap .btn-reload {
  font-size: 13px;
  border: #ccc 1px solid;
  padding: 3px 10px;
  border-radius: 7px;
  margin: 10px 0 15px;
  color: #000;
  background: #fff;

  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#cart .form-wrap .btn-reload:hover {
  background: #666;
  color: #f1f1f1;
  border: #666 1px solid;

  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
@media (max-width: 991px) {
.total-bo2 {width: 100%;margin: 20px 0 0;min-height: inherit;}
.total-bo3 {width: 100%;margin: 20px 0 0;min-height: inherit;}
}
@media (max-width: 600px) {
#cart .form-wrap .formleft, #member .form-wrap .formleft {width: 100%;padding: 0;}
#cart .form-wrap .formright, #member .form-wrap .formright {width: 100%;padding: 30px 0 0 0;border-left: none; border-top: 3px solid #dedfe2;margin-top: 25px;}
#cart .form-wrap .formcenter.ticket .input-txt:nth-child(1) {width: 100%;}
#cart .form-wrap .formcenter.ticket .input-txt:nth-child(2) {width: 100%;}
}

#cart .radio-style {
	float: left;
	width: 100%;
    padding: 0 0 5px;
}
#cart .radio-style .radio {
  display: inline-block;
  margin: 5px 10px;
}

#cart .edit-btn {
  width: 150px;
  float: right;
  margin: 30px 0;
}
#cart .done-txt {
  padding: 25px 20px;
  background: #f1f1f1;
  text-align: center;
}
#cart .done-txt .redfont1 {
  font-size: 18px;
  font-weight: bold;
  color: #d1183b;
}
#cart .done-txt hr {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #fff;
}
#cart .done-txt .payment {
  color: #333;
  text-align: left;
  margin: 0;
}
#cart .done-txt .payment1 {
  color: #d1183b;
  text-align: left;
  margin: 10px 0 0;
}

.tab-list {
	display: inline-block;
    width: 100%;
}
.tab-list .tempb1 {
	display: inline-block;
    width: 100%;
    background: #ec6867;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	padding: 8px 15px;
	border: 1px solid #fff;
	text-align: center;
}
.tab-list{
	display: inline-block;
	width: 100%;
	background-color: #ffffff;
	border-collapse: collapse;
}
.tab-list ul, .tab-list li {
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0;
}
.tab-list .tr.addi {
  background: #fff6e9;
}
.tab-list .td{
	display: inline-block;
	color: #333;
	border-bottom: #e4e4e4 1px solid;
	padding: 10px 5px;
	font-size: 15px;
}
.tab-list .td .cart-meta{
	width: 100%;
	display: inline-block;
	color: #999;
	padding: 1px 0 0;
	margin: 0;
	font-size: 16px;
	line-height: 1.6em;
}
.tab-list .td .ptype{
	width: 100%;
	display: inline-block;
	color: #999;
	padding: 1px 0 0;
	margin: 0;
	font-size: 14px;
	line-height: 1.5em;
}
.tab-list .td .redfont{
	width: 100%;
	display: inline-block;
	color: #ed1c24;
	padding: 1px 0 0;
	margin: 0;
	font-size: 14px;
	line-height: 1.5em;
}
.tab-list .td .addi{
	display: inline-block;
	color:#fff;
    font-size: 13px;
	line-height: 1.5em;
	padding: 2px 7px 4px;
	margin: 0 0 2px ;
	background:#fbb856;
	border-radius: 3px;
}
.tab-list .td .pic {
	display: inline-block;
    width: 80px;
    margin: 0;
	padding: 3px;
	border: 1px solid #e7e7e7;
	background: #fff;
}
.tab-list .td .pic .productimg {
	width: 100%;
	height: 80px;
	outline: none;
	display: inline-block;
	float: left;
}
.tab-list .th{
	background-color: #555;
	color:#fff;
	border: #fff 1px solid;
	text-align: center;
	padding: 8px 5px;
	font-size: 16px;
	font-weight: bold;
}
.tab-list .tab-set, .tab-list .tab-check{
	width: 100%;
	display: table;
}
.tab-list .tab-set .thead, .tab-list .tab-check .thead{
	display:table-header-group;
}
.tab-list .tab-set .tbody, .tab-list .tab-check .tbody{
	display:table-row-group;
}
.tab-list .tab-set .tr, .tab-list .tab-check .tr{
	display:table-row;
	-webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}
.tab-list .tab-set .th, .tab-list .tab-set .td, .tab-list .tab-check .th, .tab-list .tab-check .td{
	display:table-cell;
	vertical-align:middle;
}
.tab-list .tab-set .td .numinput{ display: inline-block;margin: 0 auto;}
.tab-list .tab-set .th:nth-child(1),.tab-list .tab-set .td:nth-child(1){width: 10%; text-align: center;min-width: 100px;}
.tab-list .tab-set .th:nth-child(2),.tab-list .tab-set .td:nth-child(2){width: 30%; text-align: center;}
.tab-list .tab-set .th:nth-child(3),.tab-list .tab-set .td:nth-child(3){width: 10%; text-align: center;}
.tab-list .tab-set .th:nth-child(4),.tab-list .tab-set .td:nth-child(4){width: 15%; text-align: center;}
.tab-list .tab-set .th:nth-child(5),.tab-list .tab-set .td:nth-child(5){width: 15%; text-align: center;}
.tab-list .tab-set .th:nth-child(6),.tab-list .tab-set .td:nth-child(6){width: 10%; text-align: center;}
.tab-list .tab-set .th:nth-child(6),.tab-list .tab-set .td:nth-child(7){width: 10%; text-align: center;}
.tab-list .tab-set .td:nth-child(2){color: #333;font-size: 18px;text-align: left;padding-left: 20px;}
.tab-list .tab-set .td:nth-child(5){color: #df020a;font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana, \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, serif;font-size: 16px;}

.tab-list .tab-check .th:nth-child(1),.tab-list .tab-check .td:nth-child(1){width: 10%; text-align: center;min-width: 130px;}
.tab-list .tab-check .th:nth-child(2),.tab-list .tab-check .td:nth-child(2){width: 45%; text-align: center;}
.tab-list .tab-check .th:nth-child(3),.tab-list .tab-check .td:nth-child(3){width: 15%; text-align: center;}
.tab-list .tab-check .th:nth-child(4),.tab-list .tab-check .td:nth-child(4){width: 15%; text-align: center;}
.tab-list .tab-check .th:nth-child(5),.tab-list .tab-check .td:nth-child(5){width: 15%; text-align: center;}
.tab-list .tab-check .th:nth-child(5),.tab-list .tab-check .td:nth-child(6){width: 15%; text-align: center;}
.tab-list .tab-check .td:nth-child(2){color: #333;font-size: 18px;text-align: left;padding-left: 20px;}
.tab-list .tab-check .td:nth-child(5){color: #cf070e;font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana, \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, serif;font-size: 16px;}

.tab-list a { color: #333;}
.tab-list a:hover { color: #ee1d24;}
.tab-list a.dele { font-size: 20px; color: #999;}
.tab-list a.dele:hover { color: #ed1c24;}
@media (max-width: 991px) {

.tab-list .tab-set .thead, .tab-list .tab-check .thead{ display: none;}
.tab-list .tab-set.td:nth-child(1), .tab-list .tab-set .td:nth-child(2), .tab-list .tab-set .td:nth-child(3), .tab-list .tab-set .td:nth-child(4), .tab-list .tab-set .td:nth-child(5), .tab-list .tab-set .td:nth-child(6), .tab-list .tab-check.td:nth-child(1), .tab-list .tab-check .td:nth-child(2), .tab-list .tab-check .td:nth-child(3), .tab-list .tab-check .td:nth-child(4), .tab-list .tab-check .td:nth-child(5){display: inline-block;width: 100%;text-align: left;padding: 5px 10px;border-bottom: none;}
.tab-list .tab-set .td:nth-child(1), .tab-list .tab-check .td:nth-child(1){display: inline-block;width: 100%;text-align: center;padding: 8px 10px;border-bottom: none;}
.tab-list .tab-set .td:nth-child(2){display: inline-block;width: 100%;text-align: center;padding: 5px 10px 8px; margin-bottom: 8px; border-bottom: 1px dashed #ddd;}
.tab-list .tab-set .tr, .tab-list .tab-check .tr { border-top: 3px solid #555;}
.tab-list .tab-set .td:nth-child(7){display: inline-block;width: 100%;text-align: center;padding: 10px 10px;border-bottom: none; background: #eee;}
.tab-list .tab-set .tr, .tab-list .tab-check .tr { border-top: 3px solid #555;}
.tab-list .tab-set .tr li:before, .tab-list .tab-check .tr li:before{ content: attr(data-title); display: inline-block; width: 80px;color: #888;font-size: 14px;float: left;}
.tab-list .tab-set .tr li .input-group{ width: calc(100% - 100px);float: left;}
}
/*購物車流程*/
.steppic {}
.steppic ul {
	margin: 10px 0 30px;
	padding: 0;
}
.steppic ul::after {
	content: "";
	display: block;
	clear: both;
}
.steppic > ul > li {
	width: calc(85%/4);
	float: left;
	border: #dadada solid 1px;
	border-radius: 4px;
	padding: 3px 10px;
	text-align: center;
	list-style-type: none;
	opacity: 0.5;
}
.steppic > ul > li h1 {
	height: 60px;
	font-size: 15px;
	margin: 0 auto;
	padding: 0 0 0 50px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
 @media (min-width:1200px) {
.steppic > ul > li h1 {
	width: 80%;
}
}
 @media (min-width:690px) and (max-width:1199px) {
.steppic > ul > li {
	padding: 3px 6px;
}
}
 @media (max-width:689px) {
.steppic > ul > li {
	display: none;
}
.steppic > ul > li.current {
	width: 100%;
	display: block;
}
.steppic > ul > li:nth-of-type(1) h1 {
	background: url(../icon-cart1.png) no-repeat calc(50% - 50px) center;
}
.steppic > ul > li:nth-of-type(3) h1 {
	background: url(../icon-cart2.png) no-repeat calc(50% - 50px) center;
}
.steppic > ul > li:nth-of-type(5) h1 {
	background: url(../icon-cart3.png) no-repeat calc(50% - 50px) center;
}
.steppic > ul > li:nth-of-type(7) h1 {
	background: url(../icon-cart4.png) no-repeat calc(50% - 50px) center;
}
}
.steppic > ul > li.current {
	opacity: 1;
}
 @media (min-width:690px) {
.steppic > ul > li:nth-of-type(1) h1 {
	background: url(../icon-cart1.png) no-repeat 5px center;
}
.steppic > ul > li:nth-of-type(3) h1 {
	background: url(../icon-cart2.png) no-repeat 5px center;
}
.steppic > ul > li:nth-of-type(5) h1 {
	background: url(../icon-cart3.png) no-repeat 5px center;
}
.steppic > ul > li:nth-of-type(7) h1 {
	background: url(../icon-cart4.png) no-repeat 5px center;
}
}
.steppic > ul > li:nth-of-type(2), .steppic > ul > li:nth-of-type(4), .steppic > ul > li:nth-of-type(6) {
	width: 5%;
	min-height: 70px;
	border: none;
	opacity: 0.8;
	background: url(../icon09.png) no-repeat center center;
}

/*產品數量*/
input[type=number] {
  float: left;
  width: 60px;
  height: 34px;
  padding: 0;
  font-family: Lato;
  font-weight: 700;
  font-size: 1.2em;
  text-transform: uppercase;
  text-align: center;
  color: #333;
  border: 1px #cccccc solid;
  background: none;
  outline: none;
  /*pointer-events: none;*/
}

span.spinner {
  /*position: absolute;*/
  height: 36px;
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

span.spinner > .sub,
span.spinner > .add {
  float: left;
  display: block;
  width: 30px;
  height: 34px;
  text-align: center;
  font-family: Lato;
  font-weight: 700;
  font-size: 1.2em;
  line-height: 30px;
  color: #999;
  border: 1px #cccccc solid;
  border-right: 0;
  border-radius: 2px 0 0 2px;
  cursor: pointer;
  transition: 0.1s linear;
  -o-transition: 0.1s linear;
  -ms-transition: 0.1s linear;
  -moz-transition: 0.1s linear;
  -webkit-transition: 0.1s linear;
}

span.spinner > .add {
  top: 0;
  border: 1px #cccccc solid;
  border-left: 0;
  border-radius: 0 2px 2px 0;
}

span.spinner > .sub:hover,
span.spinner > .add:hover {
  background: #666;
  color: #fff;
}