/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
	margin:0;
  padding:0;
  top:0;
  position:relative;
}
img{
	max-width: 100%;
	height: auto;
}
a,a:hover,a:visited,i{text-decoration:none;color:inherit}
[class*='col-'] {
	float: left;
	padding-right: 20px;
}
input,textarea{
  min-height:30px;line-height:30px;font-size:100%;margin:0;padding:0;border:none
}
[class*='col-']:last-of-type {
	padding-right: 0px;
}

.grid {
	width: 100%;
	max-width: 1140px;
	min-width: 755px;
	margin: 0 auto;
	overflow: hidden;
}

.grid:after {
	content: "";
	display: table;
	clear: both;
}

.grid-pad {
	padding: 20px 0 0px 20px;
}

.grid-pad > [class*='col-']:last-of-type {
	padding-right: 20px;
}

.push-right {
	float: right;
}

.fgrid > [class*='col-']:last-of-type {
  padding-right: 0px;
}
.fgrid{
  padding-right:20px;
}
.fgrid > [class*='col-']{
  margin-bottom:10px;
  margin-top:10px;
}

/* Content Columns */

.col-1-1 {width: 100%;}
.col-2-3, .col-8-12 {width: 66.66%;}
.col-1-2, .col-6-12 {width: 50%;}
.col-1-3, .col-4-12 {width: 33.33%;}

.col-1-4, .col-3-12 {width: 25%;}
.col-1-5 {width: 20%;}
.col-1-6, .col-2-12 {width: 16.667%;}
.col-1-7 {width: 14.28%;}
.col-1-8 {width: 12.5%;}
.col-1-9 {width: 11.1%;}
.col-1-10 {width: 10%;}
.col-1-11 {width: 9.09%;}

.col-1-12 {width: 8.33%}

/* Layout Columns */
.col-11-12 {width: 91.66%}

.col-10-12 {width: 83.333%;}

.col-9-12 {width: 75%;}

.col-5-12 {width: 41.66%;}

.col-7-12 {width: 58.33%}
.pull-1-12{margin-left:8.33%}
.push-1-12{margin-right:8.33%}
.pull-2-12{margin-left:16.667%}
.push-2-12{margin-right:16.667%}
.pull-3-12{margin-left:25%;}
.push-3-12{margin-right:25%}

h1, h2, h3, h4, h5, h6 {
font-style: normal;
font-weight: 100;
line-height: 1.17em;
margin: 0 0 20px;
}
h2 {
font-size: 2.5em;
}
.ToURL {
    cursor: pointer;
}
@media handheld, only screen and (max-width: 767px) {


	.grid {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}

	[class*='col-'] {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-left: 20px;
		padding-right: 20px;
	}
}

/*
* @description: 主題CSS
*/
.icon {
    background-image: url("/images/ancientec/icon.png");
    background-repeat: no-repeat;
    display: inline-block;
}

.icon-address {
    background-position: 0 -225px;
}

.icon-comment {
    background-position: 0 -254px;
}

.icon-comment:hover {
    background-position: 0 -285px;
}

.btn, .btn-small, .btn-large, .btn-auto, .btn-danger {
    width: 80px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #958f82;
    text-align: center;
    background-color: #f5f5f5;
}

.btn-small {
    width: 50px;
    height: 25px;
    font-size: 12px;
}

.btn-large {
    width: 160px;
    height: 35px;
}

.btn-auto {
    width: auto;
    height: 30px;
    max-width: 160px;
    padding: 0 15px;
}

.btn-danger {
    color: #fff;
    border-color: #efefef;
    background-color: #ff6600;
}

.btn-disable {
    color: #ccc;
    cursor: no-drop;
}

.btn-back {
    width: 45px;
    height:  45px;
    display: block;
    background: url("/images/ancientec/icon.png") #fff no-repeat;
    background-position: 0 -47px;
    float: left;
}

.loading-more {
    text-align: center;
}

.loading-btn {
    cursor: pointer;
}
/*---modal---*/
#modal {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 5000;
}

#modal.hide {
    display: none;
}

#modal .modal {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 5001;
    background-color: #000;
    opacity: 0.8;
    filter:alpha(opacity=80);
}

#modal .close {
    position: absolute;
    z-index: 5003;
    right: 0px;
    padding: 4px 10px 4px 0;
    font-size: 20px;
    cursor: pointer;
    color: #958f82;
    font-family: "Consolas";
}

#modal .messageBox {
    width: 400px;
    min-height: 150px;
    background-color: #FFF;
    border-radius: 5px;
    z-index: 5002;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -75px 0 0 -200px;
}

#modal .messageBox .title {
    line-height: 15px;
    font-size: 15px;
    background-color: #f5f4f4;
    padding: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #958f82;
    width: 100%;
}

#modal .messageBox .message {
    padding: 10px;
    padding-bottom: 50px;
    color: #454340;
    overflow-x:auto;
    max-height:80%;
}

#modal .messageBox .btnBox {
    width: 96%;
    border-top: #cfc5b5 solid 1px;
    height: 45px;
    position: absolute;
    bottom: 0;
    text-align: center;
    margin: 0 2%;
    padding: 5px 0;
}

#modal .messageBox .btnBox button.cancel {
    padding:0 15px;
    height: 30px;
    border-radius: 2px;
    border-color: transparent;
    background-color: #f5f4f4;
    margin: 0 10px;
    color: #958f82;
    cursor: pointer;
}

#modal .messageBox .btnBox button.hide {
    display: none;
}

@media screen and (max-width: 455px) {
    #modal .messageBox {
        width: auto;
        left: 10px;
        right: 10px;
        margin-left: 0;
    }
}
/*---------modal end----------*/

/*---------list begin---------
<div class="list">
<div class="list-item">
  <div class="list-title"></div>
  <div class="list-caption"></div>
  <div class="list-image"></div>
  <div class="list-content"></div>
  <div class="list-time"></div>
</div>
</div>
*/
.list {
    width: 100%;
    position: relative;
}
.list .list-item {
    width: 100%;
    position:relative;
}
.list .list-title {
    text-align: center;
    font-size:1.2em;
    font-weight:bold;
}
.list .caption{

}

.list .list-content {

}
.list .list-time {

}

.list .list-image {
    width: 100%;
}

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

.list .list-name {
    width: 140px;
    height: 20px;
}

.list .list-description {
    font-size: 1em;
}
.list .list-time{
  font-size:0.7em;
  margin:0.15em 0px;
}



/*---------header begin----------*/
body.isLogin .header-line .header-action,
body.isLogin .header-line .header-line-action,
.header-line .header-line-action.islogin {
    display: none;
}

body.isLogin .header-line .header-line-action.islogin {
    display: inline;
}
.header-line {
    height: 35px;
    background: #000;
    line-height: 35px;
}

.header-line a {
    color: #fff;
    margin: 0 10px;
    float: right;
}

.header-line .header-logo {
    margin: 5px 0;
    float: left;
}
/*---------header end----------*/

/*--footer --*/

#footer {
	margin-top: 10px;
	text-align: center;
}

#footer ul {
	display: inline-block;
	margin: 0 auto;
}

#footer ul li {
	float: left;
	margin-top: 10px;
	padding: 0 10px;
	line-height: 40px;
}

#footer ul li a {
	color: #555;
  text-decoration:none;
}
/*footer end*/

.hidden{display:none}

#header-item {height:70px;
  background: #404040;
    box-shadow: none;
    position:fixed;width:100%;top:0px;z-index:9999;
    color:#fff;
  }
  #header-item .title{height:70px;padding-left:15px;}
  #header-item a{vertical-align:middle;font-weight:bold;text-decoration:none;font-size:18px;line-height:70px;max-height: 70px;
overflow-y: hidden;
display: block;
}

#header-item #menu{float:right}
#header-item #menu li{float:left;display:table;height:70px}
#header-item #menu a{padding:0px 10px 0px 10px;font-weight:normal;}
#header-item #menu li:last-of-type { margin-right: 0px }
#header-item .mobile-nav,.header .mobile-nav{display:none;color:#fff}
#header-item #menu li.focus {background-color: #0079c0; }

#page-content{margin-top:70px}
section,.section{
  text-align: center;
padding-top: 40px;
padding-bottom: 40px;
border-bottom: 1px solid #ececec;
clear:both;
}

/* CONTENT SLIDER */
#slideshow-wrap {
    display: block;
    height:38.7vw;
    max-width: 100%;
    margin: auto;
    margin-top: -40px;
    margin-bottom: -40px;
    position: relative;
}

#slideshow-inner {
    width: 100%;
    height: 100%;height:38.7vw;
    overflow: hidden;
    position: relative;
    margin-top: 0px;
}

#slideshow-inner>ul {
    list-style: none;
    height: 100%;height:38.7vw;
    width: 500%;
    overflow: hidden;
    position: relative;
    left: 0px;display:table;
    -webkit-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
    transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
}

#slideshow-inner>ul>li {
    width: 20%;
    height:38.7vw;
    float: left;
    text-align: center;
    position: relative;
  display:table-cell;
  vertical-align:middle;
}

#slideshow-inner img {
    max-height:38.7vw;;max-width:100%;
}

#slideshow-wrap input[type=radio] {
    position: absolute;
    left: 50%;
    bottom: 15px;
    z-index: 100;
    visibility: hidden;
}

#slideshow-wrap label {
    position: absolute;
    left: 50%;
    bottom: 15px;
    z-index: 100;
    width: 12px;
    height: 12px;
    background-color: rgba(200,200,200,0.5);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
}


#slideshow-wrap input[type=radio]#button-1:checked~label[for=button-1] { background-color: rgba(100,100,100,1) }

#slideshow-wrap input[type=radio]#button-2:checked~label[for=button-2] { background-color: rgba(100,100,100,1) }

#slideshow-wrap input[type=radio]#button-3:checked~label[for=button-3] { background-color: rgba(100,100,100,1) }

#slideshow-wrap input[type=radio]#button-4:checked~label[for=button-4] { background-color: rgba(100,100,100,1) }

#slideshow-wrap input[type=radio]#button-5:checked~label[for=button-5] { background-color: rgba(100,100,100,1) }

#slideshow-wrap label[for=button-1] { margin-left: -36px }

#slideshow-wrap label[for=button-2] { margin-left: -18px }

#slideshow-wrap label[for=button-4] { margin-left: 18px }

#slideshow-wrap label[for=button-5] { margin-left: 36px }

#slideshow-wrap input[type=radio]#button-1:checked~#slideshow-inner>ul { left: 0 }

#slideshow-wrap input[type=radio]#button-2:checked~#slideshow-inner>ul { left: -100% }

#slideshow-wrap input[type=radio]#button-3:checked~#slideshow-inner>ul { left: -200% }

#slideshow-wrap input[type=radio]#button-4:checked~#slideshow-inner>ul { left: -300% }

#slideshow-wrap input[type=radio]#button-5:checked~#slideshow-inner>ul { left: -400% }

#slideshow-wrap input[type=radio]#button-1:checked~.arrows#arrow-2, input[type=radio]#button-2:checked~.arrows#arrow-3, input[type=radio]#button-3:checked~.arrows#arrow-4, input[type=radio]#button-4:checked~.arrows#arrow-5 {
    right: -55px;
    display: block;
}

#slideshow-wrap input[type=radio]#button-2:checked~.arrows#arrow-1, input[type=radio]#button-3:checked~.arrows#arrow-2, input[type=radio]#button-4:checked~.arrows#arrow-3, input[type=radio]#button-5:checked~.arrows#arrow-4 {
    left: -55px;
    display: block;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}

#slideshow-wrap input[type=radio]#button-2:checked~.arrows#arrow-1 { left: -19px }

#slideshow-wrap input[type=radio]#button-3:checked~.arrows#arrow-2 { left: -37px }

#slideshow-wrap input[type=radio]#button-5:checked~.arrows#arrow-4 { left: -73px }

#slideshow-wrap .description {
    position: absolute;
    top: 70px;
    left: 20px;
    width: 260px;
    font-family: 'Yanone Kaffeesatz';
    z-index: 1000;
    padding-left: 45px;
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 15px;
    opacity: 1;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    color: rgb(255,255,255);
}

#Pagination {
	width: 100%;
	height: 25px;
	text-align: center;
}

#Pagination ul {
	display: inline-block;
	margin: 0;
	padding: 0;
}

#Pagination ul li {
	display: block;
	float: left;
	list-style: none;
	height: 25px;
	width: 25px;
}

#Pagination ul li a {
	display: block;
	width: 25px;
	height: 25px;
	text-decoration: none;
	color: #999;
	line-height: 25px;
	font-size: 15px;
}

#Pagination ul li.prev {
	margin-right: 10px;
}

#Pagination ul li.next {
	margin-left: 10px;
}

#Pagination ul li.active a {
	color: #000;
	font-weight: 600;
}

#page-content .contact div{
  text-align:left;
}
#page-content .contact span{
  display:block;
  line-height:25px;
}

button{background: #1298ff;
  border:none;
display:inline-block;padding:0 15px;
cursor: pointer;
line-height: 30px;
color: #fff;
text-align: center;}


.Item-Contact .contact{margin-top:70px;}
.Item-Detail .list-item{
  width:24%;
  min-width:290px;
  height:290px;
  position:relative;
  margin:0 auto;
  float:left;

}
.Item-Detail .list .list-item{
  margin-right:3%;
}
.Item-Detail .list .list-item:last-child{
  margin-right:4%;
}
.Item-Detail .list .list-item:first-child{
  margin-left:8%;
}
.Item-Detail .list .list-item:only-child{
  float:none;
  margin:0 auto;
}

.Item-Detail .list-item .list-title{
  display:block;width:100%;
  top:220px;
  position:absolute;
}

.Item-Detail .list{text-align:center}
.Item-Detail .list .list-image img{
  margin:auto;
  position:relative;
}

.Item-Detail .list .list-item > a{margin:10px;display:block;position:relative;min-height:300px;}
.Item-Detail .list .list-content{display:none}
.Item-Detail .list .list-caption em{display:block;color: #999;font-size: 16px;}
.Item-Detail .list .list-caption em:first-child{color: #1298ff;padding-top:6px}
.Item-Detail .list .list-image{border:5px solid #fff;position:absolute;top:0px;left:0px;width:300px;height:200px;overflow:hidden}
.Item-Detail .list .list-caption button{position:absolute;right:3px;top:6px;display: block;background:transparent;border: 1px solid #1298ff;color:#1298ff;border-radius: 4px;width: 40px;height:30px;text-align: center;cursor: pointer;font-size:20px;line-height:30px;padding:0;}


.Item-Map section:nth-child(odd){padding:0;margin-top:0;margin-bottom:0px}
.Item-Map section:first-child{
  margin-top:70px
}
.Item-Map section div{margin-left:20px;margin-right:20px}

.Item-List section,.Item-Preview section{text-align:left;margin-top:90px;padding-top:0}
.Item-List .list-item{
  margin:10px 10px 25px 0;
  border-bottom:1px solid #ccc;
  padding:10px;
}
.Item-List .list-image{
  position:absolute;
  top:10px;
  left:20px;
  margin-right:20px;
  max-width:70px;max-height:70px;
  background:#f7f7f7;
}
.Item-List .list img{
  width:70px;height:70px;
}
.Item-List .list .list-title{
  margin-bottom:10px;
  margin-left:100px;
  text-align:left;
  line-height:1.2em;overflow:hidden;
}
.Item-List .list .list-caption{
  margin-left:100px;

}
.Item-List .list .no-image .list-title,.Item-List .list .no-image .list-caption{
  margin-left:20px;

}
.Item-List .list .list-caption span{display:block;line-height:1.5em;}
.Item-List .list .list-content{
  margin:20px 20px 0 20px;display:none
}
.Item-Preview section b{
  display:block;line-height:30px;
}
.Item-Preview section b,.Item-Preview section h2{
  text-align:center;
}
.Item-Preview #video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
  width:100%;
}
.Item-Preview iframe {
	width: 100%;
	height: 100%;
}

#page-content #Message{margin-top: 20px;padding: 50px;}
.Item-Comment textarea{margin-bottom:10px;display: block;
padding: 8px 10px;
width: 100%;
height: 250px;overflow: auto;}
.Item-Comment form{position:relative}
.Item-Comment button,.Item-Comment input{width:100px;height:35px;line-height:35px;}
.Item-Comment .filename{text-align:left}
.Item-Comment input{opacity:0;}
.Item-Comment .send{position:absolute;right:0}
.Item-Comment button.image,.Item-Comment input{position:absolute;right:0;margin-right:110px}

.Item-Comment .list{margin-top: 75px;
padding: 0 80px;text-align:left;
border-top: none;}
.Item-Comment .list-title{text-align:left;padding-top:5px;}
.Item-Comment .list h1 {
  padding-left: 30px;
  height: 40px;
  color: #000;
  font-size: 16px;
  line-height: 40px;
}

.Item-Comment .list-icon img{width:70px;height:70px;}
.Item-Comment .list-icon{position:absolute;left:5px;top:5px}
.Item-Comment .list-item{padding-left:85px;min-height:130px;padding-bottom:30px;position:relative}
.Item-Comment .no-image{padding-left:0px}
.Item-Comment .no-image .list-icon{display:none}

.Item-Comment .list .list-caption{position:absolute;bottom:5px;left:5px}
.Item-Comment .list .list-time{position:absolute;bottom:5px;right:40px}
.Item-Comment .list .list-more{position:absolute;bottom:5px;right:5px}
.Item-Comment .list .list-image img{width:120px;height:auto;}
.Item-Comment .list .list-image{margin:10px}

.Item-News .list{text-align:left;}
.Item-News .list .list-item{padding:10px;border-bottom:1px solid #ccc;padding-bottom:20px}
.Item-News .list .list-title{height:25px;line-height:25px;margin-bottom:15px;text-align:left}
.Item-News .list .list-time{position:absolute;top:33px;left:10px;}
.Item-News .list .list-image{width:180px}

.Item-NewsDetail section,
.Item-NewsDetail .list{text-align:left;}
.Item-NewsDetail .list .list-item{padding:10px;padding-bottom:20px}
.Item-NewsDetail .list .list-title{line-height:25px;margin-bottom:15px;text-align:left;font-weight:bold}
.Item-NewsDetail .list .list-content{font-weight:normal}
.Item-NewsDetail .list .list-time{}
.Item-NewsDetail .list .list-image img{width:180px}

.Item-NewsDetail h1{border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;line-height:40px;height:40px;font-weight:bold;text-align:left}
.Item-NewsDetail .col-3-12 ul{margin-bottom:25px}
.Item-NewsDetail .col-3-12 li{line-height:25px;min-height:25px;font-weight:normal}

.Item-Offer .list{text-align:left;}
.Item-Offer .list .list-highlight{position: absolute;z-index: 20;width: 60px;height: 75px;background-image: url('/images/core/offer-progressing.png');background-repeat: no-repeat;left: 10px;top: 5px;}
.Item-Offer .list .list-item{padding:10px;border-bottom:1px solid #ccc;padding-bottom:20px;width:50%;float:left;height:160px;overflow:hidden}
.Item-Offer .list .list-title{height:25px;line-height:25px;text-align:left;padding-left:190px;margin-right:30px;overflow:hidden}
.Item-Offer .list .list-content{height:80px;padding-left:190px;overflow:hidden;font-weight:normal}
.Item-Offer .list .list-time{padding-top:10px}
.Item-Offer .list .list-caption{position:absolute;right:10px;bottom:10px}
.Item-Offer .list .list-image{width:180px;position:absolute;height:105px;left:10px;top:10px;overflow:hidden;text-align:center}
.Item-Offer .list .list-image img{max-width:180px;height:auto;}
.Item-Offer .list .list-title span,
.Item-OfferDetail .list .list-title span{float:right;padding-left:20px;}

.Item-Offer .list .no-image .list-highlight{left: 5px;top: 0px;}
.Item-Offer .list .no-image .list-title{padding-left:50px}
.Item-Offer .list .no-image .list-content{padding-left:30px}

.Item-Offer .list .completed .list-highlight{display:none}

.Item-OfferDetail section,
.Item-OfferDetail .list{text-align:left;}
.Item-OfferDetail .list .list-item{padding:10px;border-bottom:1px solid #ccc;padding-bottom:20px}
.Item-OfferDetail .list .list-title{text-align:left;}
.Item-OfferDetail .list .list-time{}
.Item-OfferDetail .list .list-image img{width:180px;margin:3px;}
.Item-OfferDetail .list .list-caption{text-align:right}
.Item-OfferDetail h1{border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;line-height:40px;height:40px;font-weight:bold;text-align:left}
.Item-OfferDetail .col-3-12 ul{margin-bottom:25px}
.Item-OfferDetail .col-3-12 li{line-height:25px;min-height:25px}
.Item-OfferDetail .list .list-content p{line-height:1.5em}

.Item-Product .list{width:980px}
.Item-Product .list .list-item{width:33%;float:left;min-height:300px;}
.Item-Product .list .list-item > a{margin:10px;display:block;position:relative;min-height:300px;}
.Item-Product .list .list-title{position:absolute;bottom:45px;left:0px;border-top:1px dotted #ccc;display:block;height:40px;line-height:40px;width:100%;font-size:1.0em;overflow:hidden}
.Item-Product .list .list-caption{position:absolute;bottom:0px;left:0px;border-top:1px dotted #ccc;display:block;height:45px;width:100%;text-align:left;}
.Item-Product .list .list-content{display:none}
.Item-Product .list .list-caption em{display:block;color: #999;font-size: 16px;}
.Item-Product .list .list-caption em:first-child{color: #1298ff;padding-top:6px}
.Item-Product .list .list-image{border:5px solid #fff;position:absolute;top:0px;left:0px;width:300px;height:200px;overflow:hidden}
.Item-Product .list .list-caption button{position:absolute;right:3px;top:6px;display: block;background:transparent;border: 1px solid #1298ff;color:#1298ff;border-radius: 4px;width: 40px;height:30px;text-align: center;cursor: pointer;font-size:20px;line-height:30px;padding:0;}

.Item-ProductDetail .images > img{max-width:80%;max-height:350px}
.Item-ProductDetail .images a{width:70px;height:70px;display:block;float:left;overflow:hidden;margin:5px}
.Item-ProductDetail .images a img{max-width:100%;max-height:100%}
.Item-ProductDetail .productdetail .list-item{min-height:250px;text-align:left;border-bottom:1px solid #ccc;padding-bottom:20px;margin-bottom:10px}
.Item-ProductDetail .productdetail .list-content{padding:0px 15px}
.Item-ProductDetail .productdetail .list-title{text-align:left;border-top:1px dotted #ccc;display:block;height:40px;line-height:40px;width:100%;font-size:1.0em;overflow:hidden}
.Item-ProductDetail .productdetail .list-caption{border-top:1px dotted #ccc;display:block;height:45px;width:100%;text-align:left;position:relative}
.Item-ProductDetail .productdetail .list-caption em{display:block;color: #999;font-size: 16px;}
.Item-ProductDetail .productdetail .list-caption em:first-child{color: #1298ff;padding-top:6px}
.Item-ProductDetail .productdetail .list-caption button{position:absolute;right:3px;top:6px;display: block;background:transparent;border: 1px solid #1298ff;color:#1298ff;border-radius: 4px;width: 40px;height:30px;text-align: center;cursor: pointer;font-size:20px;line-height:30px;padding:0;}

.Item-ProductDetail .menu{height:35px}
.Item-ProductDetail .menu a,
.Item-ProductDetail .menu span,
.Item-ProductDetail .menu div{display:inline-block;padding:3px 5px;color: #1298ff;cursor: pointer;float:right}
.Item-ProductDetail .menu .active{color:#000}

.Item-ProductDetail textarea{border: 1px dashed #ccc;
padding: 5px;
width: 100%;
height: 100px;}

.Item-ProductDetail .MessageContainer,
.Item-ProductDetail .ReviewContainer{position:relative;}
.Item-ProductDetail .MessageContainer > button,
.Item-ProductDetail .ReviewContainer > button{position: absolute;
top: 70px;
right: 10px;
border: 0;
background: none;
color: #1298ff;
font-weight: 900;
font-size: 16px;
cursor: pointer;}
.Item-ProductDetail .ReviewContainer > .rating{
position:absolute;
right:80px;
top:78px
}
.Item-ProductDetail .ReviewContainer > .rating:not(:checked) > label {
    font-size:100%;
}

.Item-ProductDetail .MessageShow .MoreReview{display:none}
.Item-ProductDetail .MessageShow .BtnShowMessage{color:#000}
.Item-ProductDetail .MessageShow .ReviewContainer{display:none}

.Item-ProductDetail .ReviewShow .MoreMessage{display:none}
.Item-ProductDetail .ReviewShow .BtnShowReview{color:#000}
.Item-ProductDetail .ReviewShow .MessageContainer{display:none}
.Item-ProductDetail .ProductMessageReview .list .list-item{text-align:left;padding:5px 10px 15px 10px;margin-bottom:15px;border-bottom:1px solid #ccc;min-height:90px}
.Item-ProductDetail .ProductMessageReview .list .list-icon{position:absolute;top:5px;left:5px}
.Item-ProductDetail .ProductMessageReview .list .list-title,
.Item-ProductDetail .ProductMessageReview .list .list-content,
.Item-ProductDetail .ProductMessageReview .list .list-time{margin-left:80px;text-align:left;}
.Item-ProductDetail .ProductMessageReview .list .list-content{padding-top:10px}

.Item-ProductDetail .ReviewContainer .list .list-caption{position:absolute;top:5px;right:10px}

.Item-ProductDetail .MessageContainer .list .list-caption b:first-child{color:red;}

.Item-ProductDetail .MessageContainer .list-caption{
  position:relative;margin-left:80px;
  margin-top:10px;
}
.Item-ProductDetail .MessageContainer .list-caption textarea{
  margin-top:10px;height:60px;
text-align:left;
}
.Item-ProductDetail .MessageContainer .list-caption .close{
  position: absolute;
top: 0px;
right: -10px;
background: #1298ff;
width: 20px;
cursor: pointer;
line-height: 20px;
color: #fff;
text-align: center;
border-radius: 20px;
}
.Item-ProductDetail .MessageContainer .list-caption .btnReply
{background: #1298ff;
display:inline-block;padding:0 15px;
cursor: pointer;
line-height: 30px;
color: #fff;
text-align: center;}

.rating {
    float:left;
}
.rating:not(:checked) > input {
    position:absolute;
    left:-9999px;
    clip:rect(0,0,0,0);
}

.rating:not(:checked) > label {
    float:right;
    width:1em;
    padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:75%;
    line-height:1.2;
    color:#ccc;
}
.rating:not(:checked) > label:before {
    content: '★ ';
}

.rating > input:checked ~ label {
    color: #1298ff;
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
    color: #1298ff;
}
.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
    color: #1298ff;
}
.rating > label:active {
    position:relative;
    top:2px;
    left:2px;
}


#page-content.Cart table{width:100%}
#page-content.Cart table thead td{height:40px;line-height:40px;text-align:center}
#page-content.Cart table tbody tr td{text-align:left;vertical-align:middle;position:relative}
#page-content.Cart table thead tr td:nth-child(1){width:30px;}
#page-content.Cart table thead tr td:nth-child(2){width:80px;}
#page-content.Cart table thead tr td:nth-child(4){width:100px;}
#page-content.Cart table thead tr td:nth-child(5){width:50px;}
#page-content.Cart table thead tr td:nth-child(6){width:100px;}
#page-content.Cart table tbody tr td:nth-child(1){text-align:center}
#page-content.Cart table tbody tr td:nth-child(4){text-align:right}
#page-content.Cart table tbody tr td:nth-child(5){text-align:center}
#page-content.Cart table tbody tr td:last-child{text-align:right;padding-right:8px}
#page-content.Cart table tbody img{max-width:70px;height:70px;margin:5px 5px 0px 5px}
#page-content.Cart table textarea{width:100%;margin:3px;border:none;background:transparent;}
#page-content.Cart table tbody tr.item{border-top:1px solid #ccc}
#page-content.Cart table tbody input#Quantity{width:100%;height:100%;border:none;text-align:center;background:transparent;font-size:100%}
#page-content.Cart table tbody em{color:#999;position:absolute;bottom:3px;font-weight:300;left:10px;font-size:0.6em}

#page-content.Cart table tfoot tr{border-top:1px solid #ccc}
#page-content.Cart table tfoot tr td{text-align:right;height:40px;line-height:40px;}
#page-content.Cart table tfoot tr td:last-child{padding-right:8px}

#page-content.Cart #orders{width:100%;margin:0 auto;}
#page-content.Cart #orders .header div,
#page-content.Cart #orders .body .row > div,
#page-content.Cart #orders .footer .row > div{display:table-cell;vertical-align:middle}
#page-content.Cart #orders .body .item.row > div{height:80px}
#page-content.Cart #orders .body .item + .row > div:nth-child(1){width:730px;height:68px}
#page-content.Cart #orders .body .item + .row > div:nth-child(2){width:100px;height:68px;text-align:right}
#page-content.Cart #orders .footer .row > div:nth-child(1){width:760px;}
#page-content.Cart #orders .footer .row > div:nth-child(2){width:100px;}
#page-content.Cart #orders .header,
#page-content.Cart #orders .body,
#page-content.Cart #orders .footer{display:inline-block}
#page-content.Cart #orders .header div{height:40px;line-height:40px;text-align:center}
#page-content.Cart #orders .body .row > div{text-align:left;vertical-align:middle;position:relative}
#page-content.Cart #orders .header > div:nth-child(1),
#page-content.Cart #orders .body .item > div:nth-child(1){width:30px;}
#page-content.Cart #orders .header > div:nth-child(2),
#page-content.Cart #orders .body .item > div:nth-child(2){width:80px;}
#page-content.Cart #orders .header > div:nth-child(3),
#page-content.Cart #orders .body .item > div:nth-child(3){width:500px;}
#page-content.Cart #orders .header > div:nth-child(4),
#page-content.Cart #orders .body .item > div:nth-child(4){width:100px;}
#page-content.Cart #orders .header > div:nth-child(5),
#page-content.Cart #orders .body .item > div:nth-child(5){width:50px;}
#page-content.Cart #orders .header > div:nth-child(6),
#page-content.Cart #orders .body .item > div:nth-child(6){width:100px;}

#page-content.Cart #orders .body .row > div:nth-child(1){text-align:center}
#page-content.Cart #orders .body .row > div:nth-child(4){text-align:right}
#page-content.Cart #orders .body .row > div:nth-child(5){text-align:center}
#page-content.Cart #orders .body .row > div:last-child{text-align:right;padding-right:8px}
#page-content.Cart #orders .body img{max-width:70px;height:70px;margin:5px 5px 0px 5px}
#page-content.Cart #orders textarea{width:100%;margin:3px;border:none;background:transparent;}
#page-content.Cart #orders .body .item{border-top:1px solid #ccc}
#page-content.Cart #orders .body input#Quantity{width:100%;height:100%;border:none;text-align:center;background:transparent;font-size:100%}
#page-content.Cart #orders .body em{color:#999;position:absolute;bottom:3px;font-weight:300;left:10px;font-size:0.6em}

#page-content.Cart #orders .footer .row{border-top:1px solid #ccc}
#page-content.Cart #orders .footer .row > div{text-align:right;height:40px;line-height:40px;}
#page-content.Cart #orders .footer .row > div:last-child{padding-right:8px}
#page-content.Cart #orders .body .row .mobile{display:none}
#page-content.Cart #orders .body .row .mobile > div{display:inline-block;min-width:15%}

#page-content.Cart .Contact .col{margin-bottom:10px;float:left}
#page-content.Cart .Contact .col:nth-child(even){text-align:right;padding-right:10px;width:43%}
#page-content.Cart .Contact .col:nth-child(odd){text-align:left;padding-right:10px;width:57%}

#page-content.Cart .confirm,#page-content.Cart .complete,#page-content.Cart .empty{display:none}
.hide{display:none}

#header-hipage{position:fixed;width:100%;top:0;z-index:999998;}
#header-hipage,#header-item,#Page-Item-Detail #header{height:70px;background-color:#404040;line-height:65px;color:#fff;}
#header-hipage,#header-item{padding:10px;}
#Page-Item-Detail #header-item{z-index:999999;}
#header-item{position:fixed;top:0;left:0}

#footer-hipage{height:65px;background-color:#333;line-height:65px;color:#fff;margin-top:0px;}
#footer-hipage > a{float:left;margin-top:10px;height:45px}
#footer-hipage ul{float:right;height:65px;}
#footer-hipage li{display:inline-block;margin:0 10px;height:65px}

/*#Page-Item-Detail #page-content{margin-top:0}*/
.Item-Detail section{text-align:left}
.Item-Detail .ItemMain{width:100%;height:525px;background:#54BDD5;color:#fff;position:relative}
.Item-Detail .ItemMain .ItemInfo{display:block;width:450px;height:345px;position:absolute;top:120px;left:45%;over-flow:hidden}
.Item-Detail .ItemMain .ItemName{font-size:45px;display:block;}
.Item-Detail .ItemMain .ItemDescription{font-size:14px;line-height:24px;display:block;margin-top:15px;border-top:1px solid #fff;max-height:72px;overflow:hidden}
.Item-Detail .ItemMain .ItemDescription:empty{border:none}
.Item-Detail .ItemContact{width:100%;height:525px;background:#404040;color:#fff;position:relative}
.Item-Detail .ItemQRCode{width:250px;height:250px;margin-right:180px;padding:30px;background:#68CCDA;position:absolute;right:50%;top:-150px}
.Item-Detail .QRCode{width:100%;height:250px;}

.Item-Detail .ItemContact .ContactInfo{width:450px;min-height:300px;background:rgba(255,255,255,0.9);color:#333;padding:30px;position:absolute;left:45%;top:-50px}
.Item-Detail .ItemContact .ContactInfo ul{display:block;list-style:none;}
.Item-Detail .ItemContact .ContactInfo li{display:block;list-style:none; height:55px;margin:5px;padding:10px 0;overflow:hidden;position:relative;}
.Item-Detail .ItemContact .ContactInfo li span{width:30px;height:30px;margin-top:-5px;text-align:center;display:inline-block;position:relative;border-radius:30px;border: 1px solid #333;float:left;margin-right:10px}
.Item-Detail .ItemContact .ContactInfo li span i{margin-top:7px}
.Item-Detail .ItemContact .ContactInfo li a{display:inline-block;max-width:300px;overflow:hidden;}
.Item-Detail .ItemAddress{width:100%;height:440px;background:#fff;color:#333;position:relative}
.Item-Detail .ItemAddress .Address{width:250px;height:250px;margin-right:180px;padding:35px;background:#68CCDA;position:absolute;right:50%;top:-150px; color:#fff;}
.Item-Detail .ItemAddress .Map{height:440px;width:100%;margin:0px auto;}
.Item-Detail .ItemAddress .Map #map{height:100%}
.Item-Detail .ItemAddress .Mask{width:100%;height:100%;display:block;position:absolute;top:0px;}
.Item-Detail .ItemAddress .MaskButtonShow,.Item-Detail .ItemAddress .MaskButtonHide
{display:block;cursor:pointer;background:#fff; height:50px;line-height:50px;width:120px;border:1px solid #fff;position:absolute;bottom:0px;left:50%;margin-left:-60px;text-align:center}

.Item-Detail .ItemComment{width:100%;height:350px;background:#54BDD5;color:#fff}
.Item-Detail .ItemComment > div{width:960px;height:220px}
.Item-Detail .ItemComment h1{font-size:45px;font-weight:bold;}

.AutoTextSize{font-size:100px}
.AutoTextSize span{display:block;width:100%;height:100%}

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

.category{display: none;}
#Cate {width:100%;background:#FFF;border-bottom:1px solid #121314;float: left;font: bold 12px Arial, Helvetica, Sans-serif;overflow: hidden;}
#Cate ul {padding:0;list-style:none;max-width: 960px;margin: auto;}
#Cate li {float: left;}
#Cate ul .main-li.visible {background: #CCC;}
#Cate ul li a {float: left;color:#333;padding: 10px 20px;}
#Cate ul li i {position: relative;top: 10px;right: 10px;}
#Cate li ul {background:#FFF;left: -999em;margin: 21px 0 0;position: absolute;z-index: 9999;}
#Cate li ul a {background: none;border: 0 none;margin-right: 0;width: 120px;}
#Cate li ul.visible {left: auto;}
#Cate li li ul {margin: -1px 0 0 160px;visibility:hidden;}
#Cate li ul.visible {visibility:visible;}
#Cate .sub-mainCate {border-right: 1px solid #ccc;}
#Cate .fa-caret-right {position:relative;right:10px;font-size: 17px;}