


* {	
	1border:#FF0000 solid 1px;
}

body { 	
	position:relative;
	border:0px;
	background:#FFF;
	font-size:12px;
	max-width:450px;
	margin:auto;
}

body .LoginBox{
	width:100%;
}

.LoginForm{
	left:0px;
}

.WelcomeBox{
	display:none;
}

.HeaderBox {		
	position:relative;
	width:100%;
	background:#0000CC;
}

.Header {		
	position:relative;
	width:100%;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:14px;
	color:#FFF;
}


.HeaderBox .ReturnButton {
	position:absolute;
	left:0px;
	top:0px;
	display:block;
	width:100px;
	height:38px;
	z-index:99;
	background:url(/Img/MobileHeaderReturn.png) no-repeat 15px center;
}

.HeaderBox .MenuButton {
	position:absolute;
	right:0px;
	top:0px;
	display:block;
	width:100px;
	height:38px;
	z-index:99;
	background:url(/Img/MobileHeaderMenu.png) no-repeat 66px center;
}

.MobileBodier {
	background:#FFF;
	padding:10px;
}


.Footer {
	width:100%;
	height:30px;
	background:#F7F7F7;
	position:absolute;
	bottom:0px;
}

.MobileBodier .PartRefreshForm .SearchBar {
	border-bottom:#0000CC solid 2px;
	margin-bottom:7px;
}

.MobileBodier .Select {
	padding-top:3px;
	padding-bottom:3px;
	font-size:12px;
}

.MobileBodier .Input {
	padding-top:5px;
	padding-bottom:5px;
	text-indent:3px;
	font-size:12px;
}

.MobileBodier .InputSmall {
	padding-top:0px;
	padding-bottom:0px;
	text-indent:3px;
	font-size:12px;
	border:#EEE solid 1px;
}

.MobileBodier .InputNumber {
	padding-top:0px;
	padding-bottom:0px;
	text-align:right;
	font-size:12px;
	border:#EEE solid 1px;
}

.MobileBodier .InputShow {
	padding-top:0px;
	padding-bottom:0px;
	text-align:right;
	font-size:12px;
	display:inline-block;
	border:#EEE solid 1px;
	background:transparent;
}

.MobileBodier .TextArea {
	padding-top:5px;
	padding-bottom:5px;
	text-indent:3px;
	font-size:12px;
}

.MobileBodier .Button {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	border-radius:3px;
	background:#0000CC;
	border:#0000CC;
}


.MobileBodier .Button:hover {
	background:#0491C9;
}


.MobileBodier .FullButton {
	width:100%;
	padding-left:0px;
	padding-right:0px;
	padding-top:8px;
	padding-bottom:8px;
}

.MobileBodier .Buttons {
	padding-top:15px;
	padding-bottom:15px;
	text-align:left;
}

.IFrameMainBox {
	position:absolute;
	width:100%;
	top:0px;
	bottom:50px; 
	/*Apple*/
	-webkit-overflow-scrolling:touch;  
    overflow-y:scroll;  
}

.IFrameMain {
	width:100%;
	height:100%;
}

/*BottomMenu*/
.BottomMenuBox {
	position:fixed;
	bottom:0px;
	width:100%;
	max-width:600px;
	height:50px;
	background:#EEEEEE;
	border-top:#DDD solid 1px;
	overflow:hidden;
}

.BottomMenuBox td {
	padding:0px;
}

.BottomMenuBox a{
	display:block;
	text-align:center;
	cursor:pointer;
	font-size:14px;
}

.HalfBox {
	display:inline-block;
	width:49%;
	padding:5px;
}

.HSpaceLine {
	width:100%;
	height:1px;
	background:#DDD;
	margin-top:10px;
	margin-bottom:10px;
}


.NewsList li {
	padding-top:6px;
	padding-bottom:6px;
	border-bottom:#EEE solid 1px;
	
}

.NewsList li .Date {
	padding-left:5px;
	color:#888;
}

.Table td, .Table th, .Table tr {
	border:0px;
}

.Table .Label {
	width:30%;
}

.ShortButton {
	padding-left:5px;
	padding-right:5px;
}


.Photo {
	max-width:100%;
	max-height:500px;
}

.PhotoThumbnail {
	max-width:40px;
	max-height:50px;
}

/*CardList*/
.CardList > li {
	position:relative;
	border:#EEE solid 1px;
	border-radius:5px;
	padding:10px;
	background:#F7F7F7;
	line-height:20px;
	margin-bottom:5px;
}

.CardList > li:hover {
	background:#EEE;
}

.CardList .Left {
	max-width:75%;
}

.CardList .Pic {
	position:absolute;
	right:5px;
	top:50%;
	margin-top:-30px;
	width:70px;
	height:60px;
	border:#DDD solid 1px;
}

.ProductList li {
	padding:5px;
	margin-bottom:15px;	
	border:#EEE solid 1px;
	border-radius:5px;
	line-height:25px;
}





.StatusList li{
	background:#00CC00;
	color:#FFF;
	font-size:14px;
	line-height:30px;
	border-radius:5px;
	margin-bottom:8px;
	padding-left:10px;
}

.StatusList li span{
	display:inline-block;
	width:100px;
	color:#FF8;
}

.StatusList li a{
	color:#FFF;
}

.LabelCol {
	width:88px;
}

.IconList  {
	padding:0px;
	border-left:#F0F0F0 solid 1px;
	border-top:#F0F0F0 solid 1px;
}

.IconList li {
	width:33%;
	height:120px;
	margin:0px;
	border-right:#F0F0F0 solid 1px;
	border-bottom:#F0F0F0 solid 1px;
}

.IconList li a{
	display:block;
	width:auto;
	text-align:center;
}

.IconList li img {
	width:60px;
	height:60px;
	border-radius:10px;
}

.IconList li a div{
	font-size:14px;
}

/*AppleBug*/
.FormTable {
	margin-bottom:1000px;
}


.CustomerSysHeader {
	position:relative;
	height:110px;
	background:url(/img/CustomerSysBanner.png) no-repeat;
	
	border-bottom-left-radius:45%;
	border-bottom-right-radius:45%;
}


.CustomerSysHeader .Photo{	
	position:absolute;
	display:block;
	top:20px;
	width:36px;
	height:36px;
	max-width:100px;
	max-height:100px;
	left:50%;
	margin-left:-13px;
	border:#DDD solid 2px;
	border-radius:50%;
}

.CustomerSysHeader .Name{	
	position:absolute;
	bottom:20px;
	width:100%;
	font-size:16px;
	color:#FFF;
	text-align:center;
}

.CustomerSysHeader .Star{	
	position:absolute;
	right:0px;
	top:22px;
	width:90px;
	font-size:14px;	
	text-align:right;
	padding-right:10px;
	background:url(/Img/CustomerStar.png) no-repeat;
	color:#FFF;
	line-height:30px;
	border:#AAD solid 1px;
	border-top-left-radius:15px;
	border-bottom-left-radius:15px;
	
}


.CustomerSysWelcomeBox {
	padding-top:20px;
	padding-bottom:20px;
	font-size:14px;
	text-align:center;
}

.CustomerSysDebtBox {
	padding:15px;
	border-bottom:#EEE solid 1px;
	font-size:14px;
	color:#222;
	
}

.CustomerSysDebtBox {
	font-size:14px;
	color:#222;
}

.SearchBar {
	padding-left:0px;
}

.ProductListForCustomer{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.ProductListForCustomer li{
	position: relative;
	display:flex;
	width:100%;
	border-bottom: #EEE solid 1px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.ProductListForCustomer li .Photo{
	display:block;
	width:70px;
	height:70px;
	border:#DDD solid 1px;
	max-width:100%;
	max-height:150px;
	border-radius: 10px;
}

.ProductListForCustomer li .PropBox{
	line-height: 25px;
	padding-left:10px;	
	height:90px;
}

.ProductListForCustomer li .IconBox{
	width:60px;
	height:60px;
}

.ProductListForCustomer li .Name{
	display:block;
	width:100%;
	font-size:14px;
	line-height: 20px;
	overflow: hidden;
}

.ProductListForCustomer li .Price{	
	color:#F00;
}

.ProductListForCustomer li .Actions{
	display:flex;
	position: absolute;
	right:0px;
	bottom:10px;
}

.ProductListForCustomer li .Actions a{
	padding-left:5px;
	padding-right:5px;
	line-height: 22px;
	text-align: center;
	background: #EEE;
	margin:5px;
	line-height: 22px;
	border-radius:2px;
	color:#888;
}


.CartProductList li{
	position: relative;
	display:flex;
	align-items: center;
	border-bottom: #EEE solid 1px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.CartProductList li .SelectBox{
	width:35px;
	display:flex;
	justify-content: center;
	align-items: center;
}

.CartProductList li .Photo{
	width:50px;
	height:50px;
	margin-right:10px;
}

.CartProductList li .PropBox{
	flex:5;
	height:50px;
}

.CartProductList li .PropBox .Price{
	color:#F00;
}

.CartProductList li .QtyBox{
	position: absolute;
	display:flex;
	align-items: center;
	right:10px;
	bottom:6px;
}

.CartProductList li .Qty{
	width:20px;
	text-align: center;
	border:0px;
}

.CartProductList li .Add, .CartProductList li .Sub {
	width:22px;
	height:22px;
	line-height: 22px;
	font-size:16px;
	color:#888;
	text-align: center;
	border:#DDD solid 1px;
	border-radius:50%;
	background: #F7F7F7;
	cursor:pointer;
}

.Cart .ActionBox{
	position: fixed;
	bottom:0px;
	left:0px;
	width:100%;
	display:flex;
	align-items: center;
	background: #F7F7F7;
	padding:5px;
	line-height: 40px;;
}

.Cart .ActionBox #MoneySum{
	flex:1;
	padding-left:10px;
}

.Cart .ActionBox .ButtonSubmit{
	padding-left:10px;
	padding-right:10px;
	border-radius:5px;
	background: #CC0000;
	border:0px;
	color:#FFF;
	outline: 0;
	line-height:30px;
	height:30px;
	margin-right:15px;
}




.ProductCategoryListBody{
	display:flex;
	flex-direction:column;
}

.BigCategoryScrollBox{
	flex:1;
	display:flex;

	border-bottom:#DDD solid 1px;  
	margin-bottom:10px;
}

#BigCategoryScroller{
	flex:1;
	overflow-x:scroll;
	overflow-y:hidden;
	margin-right:10px;
	margin-bottom:10px;
}

#BigCategoryScroller .BigCategorys{
	display:flex;
}

#BigCategoryScroller .BigCategorys li{
  margin-right:15px;
  font-size:14px;
  white-space: nowrap;
}

.BigCategoryExpander{
	width:20px;
	height:20px;
	background:url(/Img/ExpandDown.png) center center no-repeat;
}

.BigCategoryBox {
	position:absolute;
	left:0px;
	width:100%;
	z-index:2;
	background:#FFF;
	border-bottom:#DDD solid 3px; 
	padding-top:5px;  
	padding-left:15px;
	padding-bottom:15px;
}

.BigCategoryBox .BigCategorys li {
	float: left;
	margin-right: 10px;
	width: 100px;
	line-height: 26px;
	height: 26px;
	font-size: 15px;
	border: #DDD solid 1px;
	text-align: center;
	margin-bottom: 5px;
	overflow: hidden;
}

.ProductCategoryListBodier {
	display:flex;
}

.ProductCategoryListBodier .SmallCategoryBox{
	width:100px;
	background:#F7F7F7;
	position: relative;
}

.ProductCategoryListBodier form {
	display:block;
	margin-left:5px;
	flex:1;
}

.ProductCategoryListBodier .BigCategoryBox {
	width:100px;
	height:100%;
	position: relative;
	border-right:#DDD solid 1px;
	background: #F7F7F7;
}

.ProductCategoryListBodier .BigCategoryBox a{
	display:block;
	overflow: hidden;
	line-height: 36px;
	padding-left:10px;
	font-size:14px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.ProductCategoryListBodier .BigCategoryBox li.Selected {
	border-left:#F00 solid 2px;
	background: #FFF;
}

.ProductCategoryListBodier .BigCategoryBox li.Selected a {
	color:#F00;
}

.ProductCategoryListBodier .SmallCategoryBox li{
	line-height: 36px;
	height: 36px;
	padding-left:5px;
	overflow: hidden;
	border-left:#DDD solid 1px;
	border-bottom:#DDD solid 1px;
	font-size:14px;
}

.ProductCategoryListBodier .SmallCategoryBox li.Selected{
	border-left:#F00 solid 2px;
}


.ProductCategoryListBodier .SmallCategoryBox li .Strong{
	color:#F00;
	font-weight:bold;
}

.ProductBox .PhotoShower {
	width:100%;
	height:200px;
	display:flex;
	align-items: center;
	justify-content: center;
	overflow:hidden1;
	margin-bottom:5px;
}

.ProductBox .PhotoShower .swiper-slide {
	display:flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.ProductBox .PhotoShower .swiper-slide img{
	max-width:100%;
	max-height:200px;
}

.ProductBox .Name {
	font-size:16px;
	margin-bottom: 10px;;
}

.ProductBox .Price {
	color:#F00;
	font-size:16px;
	margin-bottom: 10px;
}

.ProductBox .Content {
	text-justify: justify;
	font-size:14px;
	line-height: 26px;
}


.ProductBox .ActionBox{
	position: fixed;
	bottom:0px;
	left:0px;
	width:100%;
	display:flex;
	align-items: center;
	background: #F7F7F7;
	padding:10px;
	height:45px;
	line-height: 45px;
}

.ProductBox .ActionBox .Links{	
	display:flex;
	margin-left:10px;
}

.ProductBox .ActionBox .Links a{	
	margin-right:15px;
	color:#999;
}

.ProductBox .ActionBox .Buttons{	
	display:flex;
	flex:1;
	margin-right:10px;
	justify-content: flex-end;
}

.ProductBox .ActionBox .Buttons a{
	display:block;
	padding-left:10px;
	padding-right:10px;
	border-radius:5px;
	background: #CC0000;
	border:0px;
	color:#FFF;
	outline: 0;
	line-height:30px;
	height:30px;
	margin-right:15px;
}
