@CHARSET "UTF-8";

*{ margin: 0; padding: 0;}
html,body{height: 100%;}
body{font-family:"Microsoft YaHei", "微软雅黑", Tahoma, "黑体", "宋体"; line-height:23px; background-color: #EEEEEF;}
h1, h2, h3, h4, h5, h6 { font-family:"Microsoft YaHei", "微软雅黑", Tahoma, "黑体", "宋体" ;}
img {border: none;}

.fullwidth{width: 1024px;}
.sellerlogo{width: 230px; height: 170px; vertical-align: top;}

.floatleft{float: left;}
.floatright{float: right;}
.clear{clear: both;}
.noborder{border: none;}
.hidden{display: none; visibility: hidden;}
.inline{display: inline;}
.inlineblock{display: inline-block;}
.pointer{cursor: pointer;}
.defaultcursor{cursor: default;}
.listnone{list-style: none;}
.aligntop{vertical-align: top;}

.navbar-default{background: url("../images/header-bg.png") repeat-x; display: block; height: 152px; }
.navbar-guide{background: url("../images/header-bg.jpg") repeat-x; display: block; height: 62px; width: 100%; }

.xpholder {min-height: 100%; position: relative;}
.xpcontainer {margin-left: auto;margin-right:auto;width: 1024px;min-height: 100%;}
.xpheader {width: 100%; height: 160px;}
.xpuser{color: #ABEEA9;}
.xpmain{margin: auto; padding-bottom: 244px;}

.xpheader-dropdown{background: url("../images/nav-bullet.png") no-repeat center 0px; padding-top: 7px; margin-top: -7px; width: 92px; text-align: center;}
.xpheader-dropdown-m{background: url("../images/nav-bullet-m.png") no-repeat center 0px; padding-top: 8px; margin-top: -8px;}
.xpheader-dropdown-l{background: url("../images/nav-bullet-l.png") no-repeat center 0px; padding-top: 11px; margin-top: -11px;}
.dropdown>a{color: #CCFF99 !important; font-weight: bold; text-align: center;}
.dropdown>a:hover{color: #1D670F !important;}
.dropdown-menu>li>a{color: #30AC19; text-align: center;}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{background: url("../images/menu-bg.png") no-repeat center 0px; color: #FFFFFF;}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{background-color:transparent; font-weight: bold;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{background: url("../images/menu-bg.png") norepeat center 0px; color: #FFFFFF;}

.why img {border: none; margin-right: 10px; padding: 0px;}
.box1{width: 160px; margin-right: 10px; display: inline-block; vertical-align: top;}
.box2{width: 333px; margin-right: 10px; display: inline-block; vertical-align: top;}
.box3{width: 508px; margin-right: 10px; display: inline-block; vertical-align: top;}
.box4{width: 678px; margin-right: 10px; display: inline-block; vertical-align: top;}
.box5{width: 860px; margin-right: 10px; display: inline-block; vertical-align: top;}
.box6{width: 1029px; margin-right: 10px; display: inline-block; vertical-align: top;}
.borderbox{border: solid 1px #5FB932;}
.border-bottom{border-bottom: solid 1px #30AC19;}
.dotborder-top-hide{border-top: dashed 1px #EEEEEF;}
.dotborder-top{border-top: dashed 1px #666666;}
.dotborder-right{border-right: dashed 1px #666666;}
.dotborder-bottom{border-bottom: dashed 1px #666666;}

.bgbox{background: url("../images/bgbox.png") repeat-x;}

.xpfooter{height: 244px; position: absolute; left: 0; bottom: 0; width: 100%; overflow: hidden;}
.xpfooter{background: url("../images/footer-bg.jpg") repeat-x; display: block;}
.xpfooter a{color: #CCFF99 !important; font-weight: bold;}
.xpfooter p{color: #CCFF99 !important; font-size: smaller; line-height: normal; text-align: left; margin-top: 5px;}
.footernav {list-style: none; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #99D78C; height: 54px;}
.footernav > li {float: left; width: 110px; vertical-align: bottom; margin-right: 15px;}
.footernav > li.footermenu {float: left; width: 90px; margin-right: 15px; padding-top: 6px;}
.footernav > li > a {margin-top: 16px;}
.footernav > li > a:hover{text-decoration: none !important; color: #1D670F !important;}
.footersubnav {list-style: none; padding-bottom: 10px;}
.footersubnav > li {float: left; width: 110px; vertical-align: bottom; margin-right: 15px;}
.footersubnav > li.footermenu {float: left; width: 90px; margin-right: 15px;}
.footersubnav > li > a {margin-top: 16px;}
.footersubnav > li > a:hover{text-decoration: none !important; color: #1D670F !important;}
.footersubnav > li > ul {list-style: none;}
.footersubnav > li > ul > li {float: left; width: 110px; vertical-align: bottom; margin-right: 15px;}
.footersubnav > li > ul > li.footermenu {float: left; width: 90px; margin-right: 15px; padding-top: 6px;}
.footermenu > ul > li > a:hover{text-decoration: none !important; color: #1D670F !important;}

.validationerror {background:url("../images/wrong.gif") no-repeat left center;padding-left: 18px; padding-top: 2px; padding-bottom: 2px;}
.validationsuccess {background:url("../images/right.gif") no-repeat left center;padding-left: 18px; padding-top: 2px; padding-bottom: 2px;}
.table-nonfluid {width: auto;}
.text-bold {font-weight: bold;}
.text-redorange {color: #e75c01; }
.text-smaller {font-size: smaller;}
.text-larger {font-size: larger;}
.text-lightcolor { color: #FFFFFF;}
.text-center {text-align: center;}
.text-right {text-align: right;}

.mauto{margin: auto;}
.ma0px{margin: 0px;}
.mt4px{margin-top: 4px;}
.mt5px{margin-top: 5px;}
.mt6px{margin-top: 6px;}
.mt8px{margin-top: 8px;}
.mt10px{margin-top: 10px;}
.mt20px{margin-top: 20px;}
.mt23px{margin-top: 23px;}
.mt30px{margin-top: 30px;}
.mb4px{margin-bottom: 4px;}
.mb10px{margin-bottom: 10px;}
.mt100px{margin-top: 100px;}
.mr0px{margin-right: 0px;}
.mr6px{margin-right: 6px;}
.mr10px{margin-right: 10px;}
.mr20px{margin-right: 20px;}
.mb5px{margin-bottom: 5px;}
.mb10px{margin-bottom: 10px;}
.mb15px{margin-bottom: 15px;}
.mb20px{margin-bottom: 20px;}
.ml2px{margin-left: 2px;}
.ml4px{margin-left: 4px;}
.ml6px{margin-left: 6px;}
.ml10px{margin-left: 10px;}
.ml12px{margin-left: 12px;}
.ml15px{margin-left: 15px;}
.ml20px{margin-left: 20px;}
.pauto{padding: auto;}
.pa0px{padding: 0px;}
.pa4px{padding: 4px;}
.pa6px{padding: 6px;}
.pa7px{padding: 7px;}
.pa12px{padding: 12px;}
.pt6px{padding-top: 6px;}
.pt8px{padding-top: 8px;}
.pr6px{padding-right: 6px;}
.pr9px{padding-right: 9px;}
.pr12px{padding-right: 12px;}
.pl6px{padding-left: 6px;}
.pl9px{padding-left: 9px;}
.pl12px{padding-left: 12px;}
.pb6px{padding-bottom: 6px;}
.pb8px{padding-bottom: 8px;}
.pb20px{padding-bottom: 20px;}

.lheight28px{line-height: 28px;}

.shadow-bg-b-important{background: url("../images/shadow-bg-b.png") repeat-x left bottom !important; min-height: 4px; padding-bottom: 4px;}
.shadow-bg-r-important{background: url("../images/shadow-bg-r.png") repeat-y right top !important; min-width: 4px; padding-right: 4px;}
.bg-hot{background: url("../images/hot.png") no-repeat right top; background-size: 32px 32px;}
.bg-white{background-color: white;}

/**
 * bootstrap customization & hacks
 */
.panel-xpgreen{border-color:#93BE50}.panel-xpgreen>.panel-heading{color:#000;background-color:#93BE50;border-color:#93BE50;}
.panel-xpgreen>.panel-heading+.panel-collapse .panel-body{border-top-color:#93BE50;}
.panel-xpgreen>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#93BE50;}
.nav-tabs-xpgreen{border-bottom:1px solid #93BE50; font-size: larger; font-weight: bold;}
.nav-tabs-xpgreen>li{float:left;margin-bottom:-1px;}
.nav-tabs-xpgreen>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0;color: #555;}
.nav-tabs-xpgreen>li>a:hover{border-color:#93BE50 #93BE50 #93BE50;}
.nav-tabs-xpgreen>li.active>a,.nav-tabs-xpgreen>li.active>a:hover,.nav-tabs-xpgreen>li.active>a:focus{color:#87B73C;background-color:#fff;border:1px solid #93BE50;border-bottom-color:transparent;cursor:default;}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {background: transparent;}

.dropdown>ul.dropdown-menu {margin-left: -38px;}
.dropdown-menu .sub-menu {left: 100%;position: absolute;top: 0;visibility: hidden;margin-top: -1px;}
.dropdown-menu li:hover .sub-menu {visibility: visible;}
.dropdown:hover .dropdown-menu {display: block;}
.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {margin-top: 0;}
.navbar .sub-menu:before {border-bottom: 7px solid transparent;border-left: none;border-right: 7px solid rgba(0, 0, 0, 0.2);border-top: 7px solid transparent;left: -7px;top: 10px;}
.navbar .sub-menu:after {border-top: 6px solid transparent;border-left: none;border-right: 6px solid #fff;border-bottom: 6px solid transparent;left: 10px;top: 11px;left: -6px;}

.b {border: solid 1px #000}
.form-group {margin-bottom: 5px} /*default is 15px*/
.navbar-collapse.in {overflow-y: visible;}
.navbar-left .dropdown{border-top: 2px solid #91C050; border-bottom: 2px solid #91C050; border-right: 2px solid #91C050;}
.navbar-left .dropdown-first{border: 2px solid #91C050;border-radius: 10px 0 0 10px;}
.navbar-left .dropdown:last-of-type{border-radius: 0 10px 10px 0;}
@media (max-width: 768px) {
	body{padding-top: 0}
    .xpmain{margin-top:0 !important;}
    .navbar-left .dropdown,.navbar-left .dropdown-first{border:0;}
    .navbar-fixed-top{position : relative; padding-bottom: 10px;}
    .nav-login{text-align: left;}
	.nav-login .form-group{float:left;}
    .nav-login .nav-login-buttons{float: left;}
}
.form-control-inline {min-width: 0;width: auto;display: inline;}

/**
 * back to top icon
 */
.cd-top {
	display: inline-block;
  	height: 40px;
  	width: 40px;
  	right: 10px;
  	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  	/* image replacement properties */
  	overflow: hidden;
  	text-indent: 100%;
  	white-space: nowrap;
  	background: rgba(48, 172, 25, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
  	visibility: hidden;
  	opacity: 0;
  	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
  	-moz-transition: opacity .3s 0s, visibility 0s .3s;
  	transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
	/* the button becomes visible */
	position: fixed;
	bottom: 40px;
  	visibility: visible;
  	opacity: 1;
}
.cd-top.cd-fade-out {
  	/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
	position: absolute;
	bottom: 264px;
	visibility: visible;
	opacity: 1;
}
.no-touch .cd-top:hover {
  	background-color: #30ac19;
  	opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
	right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}