#preorder-tool   				{}

.lv_content .lv_content_wrapper {width: 100%;}

#preorder-tool a.btn {    display: block;background: #e3c676; text-align: center; padding: 7px 5px 5px; border-radius: 3px;}
#preorder-tool a.btn.active,
#preorder-tool a.btn:hover   {background: #000; color:#FFF;}
#preorder-tool #steps           {padding-top: 25px;}
#preorder-tool #step-1			{text-align:center; width:100%; padding: 110px 0 50px;}
#preorder-tool #step-1 input			{text-align:center; font-size:30px; padding: 12px;}

#preorder-tool #step-2 		{width:100%; text-align:center;}
#preorder-tool #step-2 ul 	{list-style-type:none; margin:0; padding:0;}
#preorder-tool #step-2 ul li 	{float:left; width:22%; margin:0 1% 1%;}
#preorder-tool #step-2 ul li a	{display:block; padding:2%; border:1px solid #fff;}
#preorder-tool #step-2 ul li a span.img		{display:block; width:100%; height:170px; margin:0 0 5px 0; background-size:cover; background-position: center center;}
#preorder-tool #step-2 ul li a span.name		{white-space: nowrap; width:100%; overflow:hidden; text-overflow: ellipsis; display:block;}
#preorder-tool #step-2 ul li a.active,
#preorder-tool #step-2 ul li a:hover	{background:#e3c676; border:1px solid #e3c676; }

#preorder-tool #step-3 		{width:100%; text-align:center; padding: 110px 0 5px;}
#preorder-tool #step-3 select			{text-align:center; font-size:30px; padding: 12px;}

#preorder-tool #step-4 		{width:100%; text-align:center;}
#preorder-tool #step-4 ul 	{list-style-type:none; margin:0; padding:0;}
#preorder-tool #step-4 ul li 	{float:left; width:23%; margin:0 1% 35px; text-align: left; font-size: 20px;}
#preorder-tool #step-4 ul li a	{font-size: 16px;}
#preorder-tool #step-4 ul li span.img		{display:block; width:100%; height:170px; margin:0 0 5px 0; background-size:cover; background-position: center center;}
#preorder-tool #step-4 ul li span.name		{white-space: nowrap; width:100%; overflow:hidden; text-overflow: ellipsis; display:block;}

#preorder-tool #step-4 .clearfix	{width: 100%; line-height: 35px;}
#preorder-tool #step-4 .price		{float:left; display: block; width: 35%; min-width: 35px; text-align: left;}
#preorder-tool #step-4 .right		{float: right; display: block; width: 65%; text-align: right;}
#preorder-tool #step-4 .right input {width: 40px; font-size: 1em; text-align: right;     border: 1px solid #e3c676; border-radius: 4px;}

#preorder-tool #step-4 #product-filter         {min-width: 250px; margin: 0 12px 35px;}
#preorder-tool #step-4 #product-filter #products-search         {min-width: 250px; float:left; margin-right: 30px;}
#preorder-tool #step-4 #product-filter #product_terms         {text-align: left;}
#preorder-tool #step-4 #product-filter #product_terms label     {display: inline-block; margin-right: 20px;}
#preorder-tool #step-4 #finish-order    {position: fixed; bottom:0; width: 100%; left:0; padding: 20px 0; background: rgba(0,0,0,0.9);}
#preorder-tool #step-4 a.btn.top      {    width: 258px;padding: 20px; margin: 0 auto;}

#preorder-tool #step-5 		{width:100%; text-align:center;}
#preorder-tool #step-5 table	{width: 100%; text-align: left; border: 1px solid rgba(0,0,0,.1); font-size: 18px; margin-bottom: 30px;}
#preorder-tool #step-5 table td	{padding: 9px; border-top: 1px solid rgba(0,0,0,.1); vertical-align: middle;}
#preorder-tool #step-5 table th	{padding: 9px; vertical-align: middle; font-weight: bold;}
#preorder-tool #step-5 table th.product-name {width: 70%;}
#preorder-tool #step-5 table #total-sum         {font-weight: bold;}
#preorder-tool #step-5 .clearfix {width: 100%; text-align: left;}
#preorder-tool #step-5 .clearfix .left {width: 48%; float: left;}
#preorder-tool #step-5 .clearfix .right {width: 48%; float: right;}
#preorder-tool #step-5 label			{display: block; width: 100%; margin-bottom: 5px; font-size: 18px;}
#preorder-tool #step-5 label a			{text-decoration: underline;}

#preorder-tool #step-5 input			{display: block; width: 100%; margin-bottom: 20px;}
#preorder-tool #step-5 table input			{margin-bottom:0;}
#preorder-tool #step-5 .remove-product  {    background: #FF0000; color: #FFF;    display: inline-block;line-height: 17px;padding:3px 7px;text-align: center;border-radius: 3px;}
#preorder-tool #step-5 #terms				{float:left; width: 30px;}
#preorder-tool #step-5 .btn			{width: 200px; font-size: 20px; padding: 15px; display: block; margin:0 auto; background:#e3c676;}
#preorder-tool #step-5 .btn:hover			{background:#000; color: #FFF;}
#preorder-tool #steps-line			{width:100%; position:relative; height:20px;}
#preorder-tool #steps-line #line			{height:2px; width:100%; position:absolute; top:47px; left:0; background:#e3c676;}
#preorder-tool #steps-line .step-line-num	{width:20%; float:left; display:block; text-align:center;}
#preorder-tool #steps-line .step-line-num span.name		{display:block; margin-bottom:5px;}
#preorder-tool #steps-line .step-line-num span.circle	{width:40px; height:40px; border:2px solid #e3c676;  line-height:37px; font-weight:bold; border-radius:50%; font-size:16px; background:#fff; display:inline-block; z-index:2; position:relative;}
#preorder-tool #steps-line .step-line-num span.circle.done		{background:#e3c676; cursor: pointer;}


#preorder-tool #step-6			{text-align:center; width:100%; padding: 110px 0 50px;}

#preorder-export-tool				{text-align:center;  width:100%; }

#preorder-export-tool table	{width: 100%; text-align: left; border: 1px solid rgba(0,0,0,.1); font-size: 18px; margin-bottom: 30px;}
#preorder-export-tool table td	{padding: 9px; border-top: 1px solid rgba(0,0,0,.1); vertical-align: middle;}

#preorder-export-tool table table			{margin-bottom:30px; border-bottom:3px solid #222;}
#preorder-export-tool table th			{padding: 9px; font-weight:bold;}

#preorder-export-tool table table tr{
  background-color: #e2c676;
  color: #000;
}

.easyPaginateNav                {width: 100% !important;}
.easyPaginateNav a              {display: inline-block; padding:3px 6px; border-right: 1px solid #DDD;border-top: 1px solid #DDD;border-bottom: 1px solid #DDD;}
.easyPaginateNav a.current,
.easyPaginateNav a:hover        {background: #e3c676;}
.easyPaginateNav a:first-child  {border-left: 1px solid #DDD;}


@media (max-width: 850px) {
    #preorder-tool #step-2 ul li,
    #preorder-tool #step-4 ul li { width: 31%;}

}


@media (max-width: 600px) {
    #preorder-tool #step-2 ul li,
    #preorder-tool #step-4 ul li {width: 100%;float:none;}
    #preorder-tool #step-2 ul li a span.img,
    #preorder-tool #step-4 ul li span.img {height: 220px;}
    #preorder-tool #step-4 #product-filter #products-search {margin-bottom: 20px;}
    #preorder-tool #step-5 .clearfix .left,
    #preorder-tool #step-5 .clearfix .right  {width: 100%; float:none;}


}