body
{
   font-family: "microsoft yahei",Helvetica,Arial,"宋体",sans-serif;
   font-size:14px;
}
input
{
   font-family: "microsoft yahei",Helvetica,Arial,"宋体",sans-serif;
   font-size:11px;
}
a {
    color: #005EA7;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

select 
{
   font-family:Arial;
   font-size:11px;
}
.number_input
{
	text-align:center;
}

.framecolor
{
	background-color:#CCCCCC;
}

.style_home_left_boder 
{
	width:12px;
}

.style_home_right_boder  
{
	width:12px;
}

.style_home_header  
{
	width:100%;
	height:130px;
}

.style_home_footer  
{
	width:100%;
	height:100px;
}

.style_home_body 
{
	width:100%;
	height:100%;
	background-color:White;
}

/*Main Body*/
.mainbackground_color
{
	background-color:#CCCCCC
}

.headercolor
{
	background-color:White;
}

.mainpage_left_border
{
	 background-image :url("../resource/images/lft_shadow.png");
}

.mainpage_right_border
{
	 background-image :url("../resource/images/rt_shadow.png");
}

/*Buttons*/
.color_button
{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	background-color: #C0C0C0;
	color: Black;
    border-color:Black;
	border-top-width: 0;
	border-left-width: 0;
	cursor:pointer;
}

/*Group Header*/
.group_header_text
{
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

/*Navigator*/
.navigator_text 
{
	font-family:Arial;
	color:White;
	font-weight:bold;
	font-size:11px;
}
	
.light_link {
    color: #C2C2C2;
}

/*font*/
.bold_text
{
	font-weight:bold;
}

.title {
    border-bottom: 1px dotted #727272;
    width: 100%;
    height:1px;
}
	
.product_list_header_text
{
	font-size:19px;
	text-align:center;
}

.error_text
{
	color:Red;
}

/*message div*/
.alert_message {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 7px solid #FFCC00;
    margin-bottom: 10px;
    padding: 10px;
}

.error_message {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 7px solid #FF0000;
    margin-bottom: 10px;
    padding: 10px;
}

/*Page Bar*/
.page_bar_content
{
   margin:1px;
}

.auto_pend_panel
{
	overflow:visible;
}

.auto_pend_image
{
	max-height:150px;
	max-width:150px;
}

/**************************Web Store***************************/
.ws-header-link
{
    font-size:15px;
    font-style:normal;
    font-weight:bold;
    color:rgb(26,82,141);
    text-decoration:none;
 }
 
 .ws-header-link:visited
{
    color:rgb(26,82,141);
    text-decoration:none;
 }
 
  .ws-header-link:hover
{
    color:rgb(75,169,214);
    text-decoration:none;
 }
 
 .ws-corner-all
 {
    background-clip: padding-box;
    border-radius: 0.9em 0.9em 0.9em 0.9em;
 }
 
 .ws-shadow-inset {
    box-shadow: 0 1px 8px rgba(66, 122, 180, 0.5) inset;
}

.ws-search-input
{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    border-radius: inherit;
    margin: 0;
    min-height: 2.2em;
    text-align: left;
    margin-left: 35px;
    color:Black;
    opacity: 1;
    width:80%;
    outline: none;
}

.ws-search-icon 
{
    background-position: center left 10px;
    background-repeat: no-repeat;
    content: "";
    opacity: 1;
    font-size:15px;
    background-repeat:no-repeat;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M10.171%2C8.766c0.617-0.888%2C0.979-1.964%2C0.979-3.126c0-3.037-2.463-5.5-5.5-5.5s-5.5%2C2.463-5.5%2C5.5s2.463%2C5.5%2C5.5%2C5.5%20c1.152%2C0%2C2.223-0.355%2C3.104-0.962l3.684%2C3.683l1.414-1.414L10.171%2C8.766z%20M5.649%2C9.14c-1.933%2C0-3.5-1.567-3.5-3.5%20c0-1.933%2C1.567-3.5%2C3.5-3.5c1.933%2C0%2C3.5%2C1.567%2C3.5%2C3.5C9.149%2C7.572%2C7.582%2C9.14%2C5.649%2C9.14z%22%2F%3E%3C%2Fsvg%3E");
}

.ws-search-input-button 
{
    opacity: 1;
    background-clip: padding-box;
    border-radius: 0em 0.9em 0.9em 0em;
    border:0;
    color:#FFFFFF;
    height:25px;
    font-weight:bold;
    font-size:15px;
    margin-left:11PX;
    background-image :url("../resource/images/blue-repeat.png");
}

.ws-navigator-left 
{
    background-repeat:no-repeat;
    background-image:url("../resource/images/blue-navigator-left.png");
    width:13px;
}

.ws-navigator-right
{
        background-repeat:no-repeat;
        background-image:url("../resource/images/blue-navigator-right.png");
        width:13px;
}

.ws-navigator-center
{
      background-image :url("../resource/images/blue-repeat.png");
      background-repeat:repeat-x;
 }
 
 .ws-navigator
{
      width:100%;
      height:36px;
 }
 
 .ws-search-button
 {
         background:url(../resource/images/bevel.png) repeat-x;
         background-color:#20548A;
         border:0px;
         height:30px;
         width:50px;
         color:White;
         font-size:14px;
         font-weight:bold;
 }
  .ws-navigator-button
{
      width:130px;
      color:White;
      text-align:center;
      font-weight:bold;
 }
 
   .ws-navigator-button-selected
{
      width:130px;
      color:#20548A;
      text-align:center;
      font-weight:bold;
      background-image:url("../resource/images/blue-navigator-center-selected.jpg");
      background-repeat:repeat-x;
      height:48px;
 }
 
 .ws-navigator-button-right-selected
{
        background-repeat:no-repeat;
        background-image:url("../resource/images/blue-navigator-right-selected.jpg");
        width:13px;
        height:48px;
}

.ws-navigator-button-left-selected
{
        background-repeat:no-repeat;
        background-image:url("../resource/images/blue-navigator-left-selected.jpg");
        width:13px;
        height:48px;
 }

 .ws-quick-link:link
 {
       color:#FFFFFF;
       text-decoration:none;
  }
 
 .ws-quick-link:visited
 {
       color:#FFFFFF;
       text-decoration:none;
  }
 
 .ws-quick-link:hover
 {
       color:rgb(220,220,220);
       text-decoration:none;
  }
  
  .ws-footer
  {
      background-color:rgb(33, 84, 139);
      height:120px;
  }
  
  .ws-menu-pane-top-left
  {
        background-repeat:no-repeat;
        background-image:url("../resource/images/blue-menu-pane-top-left.png");
        width:10px;
        height:37px;
  }
  
  .ws-menu-pane-top-center
  {
      background-repeat:repeat-x;
      background-image:url("../resource/images/blue-menu-pane-top-center.jpg");
      height:37px;
  }
  
  .ws-menu-pane-top-right
  {
       background-repeat:no-repeat;
       background-image:url("../resource/images/blue-menu-pane-top-right.png");
        width:10px;
        height:37px;
  }
  
  .ws-menu-pane-side-left
  {
       background-image:url("../resource/images/blue-menu-pane-side-left.jpg");
        width:10px;
  }
  
  .ws-menu-pane-bottom-left
  {
       background-repeat:no-repeat;
       background-image:url("../resource/images/blue-menu-pane-bottom-left.png");
       width:10px;
  }
  
  .ws-menu-inner-corner 
  {
       background-repeat:no-repeat;
       background-image:url("../resource/images/blue-menu-pane-inner-corner.jpg");
  }
  
  .ws-menu-pane 
  {
       border: 1px solid rgb(143,154,186);
       background-clip: padding-box;
       border-radius: 0.9em 0.9em 0.9em 0.9em;
       background-color:White;
       overflow:visible;
  }
  
  
  .ws-menu-pane-content-table
  {
        margin-top:10px;
        margin-left:20px;
        width:85%;
  }
  
   .ws-menu-pane-content-splitter
  {
        border-bottom: 1px dotted #727272;
  }
  
  .ws-menu-pane-title
  {
       color:White;
       font-weight:bold;
       padding-left:10px;
  }
  
  .ws-label-input 
  {
      display:block; 
  }
  
  .ws-input-text 
  {
      margin-bottom:12px; 
      width:95%; 
      padding: .4em; 
  }
  
  .ws-fieldset 
  {
      padding:0; 
      border:0;
      margin-top:25px; 
  }
  
  .ws-form-field {
    margin: 0 0 0 0;
    font:normal 12px arial, tahoma, helvetica, sans-serif;
    height:30px;
    line-height:18px;
    vertical-align:middle;
    border: 1px solid #C1C1C1;
     width: 300px;
}

  .ws-form-field:focus {
    BORDER-RIGHT: #5290AE 3px solid;
    BORDER-TOP: #4994BA 3px solid;
    BORDER-LEFT: #48A1CF 3px solid;
    BORDER-BOTTOM: #50A6D3 3px solid;
}

.ws-form-text {
    height:22px;
    line-height:18px;
    vertical-align:middle;
}

.ws-form-caption {
    font:normal 12px arial,tahoma, helvetica, sans-serif,calibri;
    padding-top: 5px;
    font-weight:bold;
    color:#505050;
}

.ws-form-field-focus {
    BORDER-RIGHT: #5290AE 3px solid;
    BORDER-TOP: #4994BA 3px solid;
    BORDER-LEFT: #48A1CF 3px solid;
    BORDER-BOTTOM: #50A6D3 3px solid;
}

.ws-form-outdiv {
   vertical-align: middle;
   padding-top: 4px;
   padding-bottom: 5px;
   padding-left: 7px;
   overflow:show;
}

.ws-form-combine-outdiv {
   padding-left: 0px;
}

.ws-form-outdiv-show {
   background-color:#FFFFCC;
   border: 1px solid #FF9900;
}

.ws-form-validation-msg {
   padding-left: 5px;
   font-size:13px;
   font-family:verdana;
   color:#FF0000;
}

.ws-panel-wrapper{
  width:100%;
  margin:0 auto;
}
.ws-panel-sharp{
  width:100%;
  margin:20px auto 0;
  float:left;
  margin-left:2%;
}
.ws-panel-sharp .ws-panel-content 
.ws-panel-content {
  height:150px; 
  background:#fff;
}
.ws-panel-header{
  float:left;
  height:28px;
  line-height:28px;
  font-size:14px;
  text-indent:10px;
  color:#fff;
  font:normal 13px arial,tahoma, helvetica, sans-serif,calibri;
  font-weight:bold;
 }
 .ws-panel-icon{
  height:28px;
  float:right;
  background:url(../resource/images/bevel.png) repeat-x;
  background-color:  rgb(52,107,166);
  border-bottom:1px rgb(52,107,166) solid;
  background-position:left -4px;
  font-size:11px;
  font:normal 11px arial;
  color:#fff;
 }
.ws-b1,.ws-b2,.ws-b3,.ws-b4,.ws-b5,.ws-b6,.ws-b7,.ws-b8{height:1px; font-size:1px; overflow:hidden; display:block;}
.ws-b1,.ws-b8{margin:0 5px;}
.ws-b2,.ws-b7{margin:0 3px;border-right:2px solid; border-left:2px solid;}
.ws-b3,.ws-b6{margin:0 2px;border-right:1px solid; border-left:1px solid;}
.ws-b4,.ws-b5{margin:0 1px;border-right:1px solid; border-left:1px solid; height:2px;}
.ws-panel-content  {border-right:1px solid;border-left:1px solid;overflow:hidden;}
.ws-panel-sharp b.ws-b2{background-position:left top;}
.ws-panel-sharp b.ws-b3{background-position:left -1px;}
.ws-panel-sharp b.ws-b4{background-position:left -2px;}
.ws-panel-sharp .ws-panel-content .ws-panel-header{background-position:left -4px;}
.ws-panel-sharp b.ws-b7{background-position:left top;}
.ws-panel-sharp b.ws-b6{background-position:left -1px;}
.ws-panel-sharp b.ws-b5{background-position:left -2px;}
.ws-panel-sharp .ws-content .ws-panel-header{background-position:left -4px;}
.ws-colorBlue .ws-b2,.ws-colorBlue .ws-b3,.ws-colorBlue .ws-b4,.ws-colorBlue .ws-b5,.ws-colorBlue .ws-b6,.ws-colorBlue .ws-b7,.ws-colorBlue .ws-panel-content{border-color:rgb(52,107,166);}
.ws-colorBlue .ws-b1,.ws-colorBlue .ws-b8{background:#20548A;}
.ws-colorBlue .ws-panel-header{border-bottom:1px #20548A solid;}
.ws-colorBlue .ws-b2,.ws-colorBlue .ws-b3,.ws-colorBlue .ws-b4,.ws-colorBlue .ws-panel-header{background:url(../resource/images/bevel.png)  repeat-x; background-color:  rgb(52,107,166);}
.ws-colorBlue .ws-b5,.ws-colorBlue .ws-b6,.ws-colorBlue .ws-b7{background:#FFF;}

.ws-icon {
  font-size:11px;
  font:normal 11px arial;
  color:#fff;
  padding-top: 3px;
}

.ws-icon-image{
  
}

.ws-page-name{
   font:normal 18px arial,tahoma, helvetica, sans-serif;
   font-weight:bold;
   color:#005999;
}

.ws-color-picker{
   font:normal 15px arial,tahoma, helvetica, sans-serif;
   color:#505050;
   border: 1px solid #000000;
   width:420px;
   height:300px;
   background:#FFFFFF;
}

.ws-color-box-out-frame {
   border: 1px solid #C1C1C1;
}

.ws-color-box-block {
   border: 2px solid #FFFFFF;
}

.ws-color-box-bttn {
    overflow:hidden;
    width:15px;
    height:15px;
    float:right;
    cursor:pointer;
    background:transparent no-repeat;
    margin-left:2px;
    background:url(../resource/images/tools.gif);
    background-position:15 -75px;
    BORDER-RIGHT: #FFFFFF 2px solid;
    BORDER-TOP: #FFFFFF 2px solid;
}

.ws-img-button{
    cursor:pointer;
}

.ws-img-button-left {
   width:4px;
   background:url(../resource/images/blue-l.gif) no-repeat;
}

.ws-img-button-right {
   width:5px;
   background:url(../resource/images/blue-r.gif) no-repeat;
}

.ws-img-button-center {
   background:url(../resource/images/blue-c.gif) repeat-x;
}

.ws-img-button-text {
   text-align:center;
   color:#FFFFFF;
   font:bold 12px arial,tahoma, helvetica, sans-serif;
}

.ws-yellowimg-button-left {
   width:4px;
   background:url(../resource/images/yellow-l.gif) no-repeat;
}

.ws-yellowimg-button-right {
   width:5px;
   background:url(../resource/images/yellow-r.gif) no-repeat;
}

.ws-yellowimg-button-center {
   background:url(../resource/images/yellow-c.gif) repeat-x;
}

.ws-logon-icon 
{
     height:35px;
     width:35px;
     vertical-align:top;
}

.ws-userid-icon 
{
    background:url(../resource/images/userid.jpg) no-repeat;

}

.ws-password-icon
{
    background:url(../resource/images/pwd.jpg) no-repeat;
 }
  
  .ws-logon-field 
  {
      height:31px;
      width: 300px;
  }
  
  .ws-form-button
  {
       background:url(../resource/images/bg3.gif)  repeat-x; 
       background-color:  #20548A;
       border:0px;
       width:200px;
       height:32px;
       color:rgb(65,65,65);
       font-size:14px;
       font-weight:bold;
       border-radius: 0.4em 0.4em 0.4em 0.4em;
   }
  
  .ws-form-button-disabled 
  {
      background:url(../resource/images/bevel.png)  repeat-x; 
      background-color:  rgb(195,195,195);
  }
  
  .ws-logon-pane-icon
  {
       background:url(../resource/images/icon_login.png) no-repeat;
       width:36px;
       height:36px;
  }
  
  .ws-header-text 
  {
      font-size: 30px;
      font-weight:bold;
  }
  
  .ws-header-site-name
  {
      color: #20548A;
  }
  
  .ws-header-site-link
  {
      color: rgb(244,181,46);
  }
  
  .ws-wizard-index-icon 
  {
        background: url("../resource/images/ico-circle.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        color: #FFFFFF;
        display: inline-block;
        font-size: 14px;
        font-style: normal;
        font-weight: bold;
        height: 24px;
        line-height: 24px;
        margin-right: 5px;
        text-align: center;
        width: 24px;
  }
  
    .ws-wizard-index-icon-active 
  {
         background: url("../resource/images/ico-circle-active.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  }
  
  
  .ws-wizard-index-rect-left 
  {
      background: url("../resource/images/corner-rect-blue-left.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
      width:16px;
      height:33px;
  }
  
   .ws-wizard-index-rect-center
  {
      background: url("../resource/images/corner-rect-blue-center.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
  }
  
  .ws-wizard-index-rect-right
  {
      background: url("../resource/images/corner-rect-blue-right.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
      width:16px;
      height:33px;
  }
  
    .ws-wizard-index-rect-left-active 
  {
      background: url("../resource/images/corner-rect-orange-left.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
      width:16px;
      height:33px;
  }
  
   .ws-wizard-index-rect-center-active 
  {
      background: url("../resource/images/corner-rect-orange-center.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
  }
  
  .ws-wizard-index-rect-right-active 
  {
      background: url("../resource/images/corner-rect-orange-right.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
      width:16px;
      height:33px;
  }
  
   .ws-wizard-index-seperator
  {
      width:16px;
      height:33px;
  }
  
  .ws-agreement-frame
  {
        width: 730px;
        height: 340px;
        border: 1px solid #20548A;
   }
   
  .ws-agreement-checkbox
  {
       width : 18px;
        height: 18px;
        border: 1px solid Gray;
        vertical-align: middle;
  }
  
  .ws-colorful-background 
  {
          background: url("../resource/images/bg.jpg") no-repeat;
  }
  
    .ws-panel-background
  {
          background: url("../resource/images/panelLarge.png") no-repeat;
  }
  
  .ws-blue-banner 
  {
       background: url("../resource/images/blue-background-banners.png") no-repeat;
       width:680px;
       height:139px;
  }
  
  .ws-product-filter-wrapper 
  {
      border-bottom:  1px solid #20548A;
      border-top:  1px solid #20548A;
      border-left:  1px solid #20548A;
      border-right:  1px solid #20548A;
      background-color: rgb(236, 243, 250);
  }
  
    .ws-product-filter-header 
  {
     /* background-image:url("../resource/images/bevel.png");*/
      background-color: #20548A;
      color:White;
      height:30px;
      padding-top: 3px;
      vertical-align:middle;
  }
  
  .ws-filter-title 
  {
      font-size: 20px;
      color:#20548A;
      font-weight:bold;
      height: 40px;
      border-bottom: 1px dashed;
      margin-bottom:10px;
      width:98%; 
      padding-left: 5px;
  }
  
  .ws-product-filter-title 
  {
      font-size: 20px;
      color:#20548A;
      font-weight:bold;
      height: 40px;
      border-bottom: 1px dashed;
      margin-bottom:10px;
      width:99%; 
      padding-left: 5px;
  }
  
  .ws-product-filter-condition
  {
      cursor:pointer;
  }
  
  .ws-product-filter-condition-active
  {
      background-color:rgb(197, 227, 248);
  }
  
  .ws-blank-button 
  {
      border:0px;
      background-color:rgb(251,251,251);
      font-size:14px;
  }
  
  .ws-pane-title 
  {
      font-weight:bold;font-size:20px;color:#20548A;
  }
  
  .ws-productlist-wrapper 
  {
      list-style:none
      ;margin:0px;
  }
  
  .ws-list 
  {
      overflow-y:auto;
  }
  
  .ws-list-item
  {
      list-style-type:none;
      height:190px;
      width:99%;
      border-bottom: 1px solid #f5f5f5;
      border-top: 1px solid #f5f5f5;
      border-right: 1px solid #f5f5f5;
      border-left: 1px solid #f5f5f5;
  }
  
  .ws-list-item-alt
  {
    background-color:rgb(251, 251, 251);
  }
  
  .ws-list-item:hover 
  {
       -webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,.13);
      -moz-box-shadow: 0 0 3px 2px rgba(0,0,0,.13);
      box-shadow: 0 0 3px 2px rgba(0,0,0,.13);
  }
  
  .ws-list-item-title 
  {
      color:#004B91;
      font-size:15px;
      font-weight:bold;
      margin-left:25px;
  }
  
  .ws-list-item-icon 
  {
       display: inline-block;
      height: 13px;
      width: 13px;
      background-image:url("../resource/images/ls-sprites-v7.png");
      margin-left: 20px;
  }
  
  .ws-list-item-icon-favorites 
  {
      background-position: -167px -45px;
  }
  
    .ws-list-item-icon-addcart
  {
      background-position: -194px -45px;
  }
  
   .ws-list-item-icon-sell 
  {
      background-position: -407px -83px;
  }
  
  .ws-list-item-link
  {
      color:#6CB6EE;
      font-size:14px;
      text-decoration:none;
      cursor:pointer;
      margin-left: 10px;
  }
  
  .ws-list-item-link:hover 
  {
      color:#F60;
      text-decoration :underline;
  }
  
  .ws-list-item-thumb-wrapper 
  {
        height: 114px;
        width: 114px;
        background-image:url("../resource/images/thumb-wrapper.jpg");
        margin-left:25px;
  }
  
  .ws-list-item-text 
  {
      word-break:normal; 
      width:auto;
       display:block; 
       white-space:pre-wrap;
       word-wrap : break-word ;
       overflow: hidden ;
       color:#333;
       width:300px;
  }
  
  .ws-list-item-label 
  {
      color:#999;
      font-weight:bold;
  }
  
  .ws-list-item-price 
  {
       color:#F60;
       font-size:25px;
       font-weight:bold;
  }
  
  .ws-list-item-button 
  {
        background-color: #F29101;
        padding: 4px 10px;
        border-radius: 2px;
        cursor: pointer;
        color: #fff;
        display: inline-block;
        -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
        -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
        box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
        text-shadow: 1px 1px 0 rgba(0,0,0,.1);
        text-decoration:none;
        width:100px;
        margin-right:20px;
  }
  
  .ws-list-item-button:hover 
  {
        background-color:#F60;
  }
  
   .ws-list-item-button-alt 
  {
        background-color:rgb(0,128,64);
        padding: 4px 10px;
        border-radius: 2px;
        cursor: pointer;
        color: #fff;
        display: inline-block;
        -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
        -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
        box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
        text-shadow: 1px 1px 0 rgba(0,0,0,.1);
        text-decoration:none;
        width:100px;
        margin-right:20px;
  }
  
   .ws-list-item-button-alt:hover 
  {
        background-color:#F60;
  }
  
   .ws-list-item-button-alt2 
  {
        background-color:rgb(0,128,192);
        padding: 4px 10px;
        border-radius: 2px;
        cursor: pointer;
        color: #fff;
        display: inline-block;
        -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
        -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
        box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
        text-shadow: 1px 1px 0 rgba(0,0,0,.1);
        text-decoration:none;
        width:100px;
        margin-right:20px;
  }
  
   .ws-list-item-button-alt2:hover 
  {
        background-color:#F60;
  }
  
  .ws-workflow-wrapper 
  {
      border-bottom: 3px solid #ddd;
      width: 90%;
     /* margin-left:15px;*/
      width: 100%;
      z-index: 1;
      height:54px;
  }
  
  .ws-workflow-item 
  {
      float:left;
      width:85px;
      height:52px;
      display: block;
      -webkit-margin-start: 40px; 
  }
  
  .ws-workflow-label 
  {
     display: block;
     overflow: hidden;
     padding: 12px 5px;
     width: 100%;
     font-weight:bold;
     color:#20548A;
  }
  
  .ws-workflow-icon 
  {
        background-image: url('../resource/images/circle-normal.png');
        background-position: 1px 1px;
        background-repeat: no-repeat;
        display: inline-block;
        height: 12px;
        vertical-align:bottom;
        width: 12px;
        z-index: 2;
        zoom: 1.7;
        cursor:pointer;
        position:relative;
        bottom:-3px;
        
  }
  
    .ws-workflow-icon:hover
  {
        background-image: url('../resource/images/circle-selected.png');
  }
  
  .ws-workflow-tab 
  {
      border-left: 1px solid #ddd;
      border-right: 1px solid #ddd;
      width: 95%;
      margin-left:7px;
  }
  
  .ws-frame-wrapper 
  {
      	margin: -8px 0 0 -8px;
        padding: 8px;
        background: rgba(170,170,170, 0.3) url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
        border-radius: 8px;
  }
  
  
   .ws-workflow-arrow-left-selected 
   {
         background-image: url('../resource/images/arrow-center-selected.png');
         background-repeat:repeat-x;
         width:70px;
         height:133px;
   }
  
     .ws-workflow-arrow-center-selected 
   {
        background-image: url('../resource/images/arrow-center-left-selected.png');
        background-repeat:no-repeat;
        width:50px;
        height:133px;
   }
  
  .ws-tab-list 
  {
        background-color: #FFF;
        border-bottom: 2px solid #DDD;
        height:30px;
        width:100%;
  }
  
    .ws-tab-content
  {
      background-color: #fff;
      border-left: 1px solid #DDD;
      border-right: 1px solid #DDD;
      border-bottom: 1px solid #DDD;
  }
  
   .ws-tab
  {
     margin:0px 10px 10px 10px;
  }
  
  .ws-tab-active 
  {
      background-color: #fff;
      border-left: 2px solid #DDD;
      border-right: 2px solid #DDD;
      border-top: 3px solid #1996E6;
      width:150px;
      height:26px;
      text-align:center;
     color:rgb(102,102,102);
      font-weight:bold;
      cursor:pointer;
  }
  
   .ws-tab-normal 
  {
      background-color: rgb(250,250,250);
      border-left: 2px solid #DDD;
      border-right: 2px solid #DDD;
      border-top: 2px solid #DDD;
      width:150px;
      height:26px;
      text-align:center;
      color:rgb(102,102,102);
      font-weight:bold;
      cursor:pointer;
  }
  
  .ws-alert_message {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 7px solid #FFCC00;
    margin-bottom: 10px;
    padding: 10px;
}

.ws-error_message {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 7px solid #FF0000;
    margin-bottom: 10px;
    padding: 10px;
}

.ws-flow-steps 
{
     margin-left: -20px;
     width: 900px;
     list-style-type: none;
}
/*
.ws-step-first 
{
     float: left;
     text-align: center;
     background-position: 50% -204px;
     background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../resource/images/flow.png");
    background-origin: padding-box;
    background-repeat: no-repeat;
    background-size: auto auto;
     width: 250px;
     height:40px;
     list-style-type: none;
     display: list-item;
}
*/

.ws-step-center-active 
{
     background-position: 50% -170px;
}

.ws-step-first 
{
    background-position: 50% -204px;
}

.ws-step-center
{
     background-position: 50% -102px;
}

.ws-step-last
{
     background-position: 50% -136px;
}

.ws-step-last-active
{
     background-position: 50% -68px;
}

.ws-step-no 
{
    text-align: center;
    background-attachment : scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../resource/images/flow.png");
    background-origin: padding-box;
    background-repeat: no-repeat;
    background-size: auto auto;
    width: 220px;
    height:30px;
}

.ws-flowstep 
{
     width:220px;
     float:left;
     list-style-type: none;
}

.ws-step-name 
{
    color: #888888;
    font-weight: 700;
    padding-bottom: 3px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 3px;
    text-align:center;
}

.ws-step-no {
    color: #FFFFFF;
    font-family: 'arial black';
    font-size: 18px;
    height: 34px;
    line-height: 34px;
    
}

.ws-list-header 
{
     background:url(../resource/images/bevel.png) repeat-x;
     background-color:Gray;
     color:White;
     font-weight:bold;
}

.ws-pagination-item-selected 
{
    border:0px;
    height:31px;
    width:31px;
    color: rgb(135,135,135);
    font-weight:bold;
}

.ws-pagination-item 
{
    border:1px solid #d3d3d4;
    height:31px;
    width:31px;
    color: rgb(135,135,135)
}

.ws-order-item 
{
    border: 1px solid rgb(232,232,232);
}

.ws-order-item-sep 
{
    height:10px;
    width:100%;
}

.ws-order-inner-item
{
    border: 1px solid rgb(232,232,232);
}

.ws-order-item:hover
{
    border: 1px solid rgb(191,191,191);
}

.ws-order-header
{
    background-color:rgb(245,245,245);
    height:50px;
}

.ws-order-footer
{
    background-color:rgb(245,245,245);
    height:20px;
    color:gray;
    padding:8px 8px 8px 8px;
}

.ws-order-icon-del 
{
    background-image:url("../resource/images/icons.png");
    background-position: -239px -176px;
    background-repeat: no-repeat;
    width:18px;
    height:17px;
}

.ws-order-icon-flag 
{
    background-image:url("../resource/images/icons.png");
    background-position:-176px -176px;
    background-repeat: no-repeat;
    width:18px;
    height:17px;
}
  /****************Plugins*******************/
      #slides {
      display: none
    }

    #slides .slidesjs-navigation {
      margin-top:5px;
    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(../resource/images/btns-next-prev.png);
      background-repeat: no-repeat;
      visibility:hidden;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
      visibility:hidden;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    .slidesjs-pagination {
      margin: 0 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(../resource/images/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
      opacity: 0.5;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }
    
    /* Tooltip */
    .ui-tooltip, .arrow:after {
    background-color:White;
    border: 2px solid rgb(170,170,170);
  }
  
  .ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font: normal 14px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    background-color: White;
    box-shadow: 0 0 7px black;
  }
  
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  
  .arrow.left {
    left: 20%;
  }
  
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }

  .order-list-tbody {
      text-align: center; 
      font-size: 12px;
      border-color: #808080;
  }
  
  .order-list-tbody-first {
      background-color: #F5F5F5;
  }
  .order-list-tbody-wuliu-span {
      border-color: #D9D9D9; 
      border-style: solid;
      border-width: 1px; 
      padding-bottom: 8px;
      padding-top: 8px;
      padding-left: 12px;
      padding-right: 12px;
  }

  .order-list-tbody-paybutton-span {
      border-color: #D9D9D9; 
      border-style: solid;
      border-width: 1px; 
      padding-bottom: 8px;
      padding-top: 8px;
      padding-left: 12px;
      padding-right: 12px;
      background-color: #1C9EFF;
  }
  .order-list-tbody-paybutton-a {
      cursor: pointer; 
      color: #FFFFFF;
      text-decoration:none;
  }

  .order-list-tbody-paybutton-a:hover {
      cursor: pointer; 
      color: #FFFFFF;
      text-decoration:none;
  }
  .order-list-tbody-wuliu-span-a {
      cursor: pointer; 
      color: #3C3C3C;
      text-decoration:none;
  }

  .order-list-tbody-wuliu-span-a:hover {
      cursor: pointer; 
      color: #3C3C3C;
      text-decoration:none;
  }
  .order-search-button {
      padding: 0px;
      height: 22px;
      border-style:solid;border:1px;
      border-left: 0px;
      display: inline-block;
      border-color: #CCCCCC;
  }
  .tie-con-hd {
      background-color:#DDDDDD;;
      zoom: 1;
      _padding: 0;
      z-index: 6;
      min-height: 35px;
  }
  .tie-con-bd {
      text-align: left;
font-size: 14px;
line-height: 1.8;
color: #2b2b2b;
padding: 25px 15px 0;
zoom: 1;
position: relative;
background-color:#F3F3F3;
  }

  .tie-content {
      overflow: hidden;
      zoom: 1;
      clear: both;
      min-height: 175px;
      min-width: 545px;
      position: relative;
      word-break: break-all;
  }
  .tie-con-hd :after {
      content: " ";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
  }

  .tie-con-hd-panel {
      position: relative;
z-index: 1;
float: right;
_display: inline;
overflow: visible;
line-height: 180%;
padding-left: 0;
text-indent: 0;
vertical-align: top;
height: 22px;
padding-right: 15px;
height: 27px;
padding-left: 35px;
text-align: left;
width: auto;
font-size: 12px;
margin-top: 2px;
  }
  .tie-con-hd-title {
      float: left;
      _display: inline;
      min-height: 25px;
      z-index: 2;
      font-size: 14px;
      font-weight: bold;
      line-height: 1.8;
      text-align: left;
      padding-left: 1em;
      color: #2b2b2b;
      margin-bottom: 10px;
  }
  .tie-content {
      _width: 100%;
overflow: hidden;
zoom: 1;
clear: both;
min-height: 175px;
min-width: 545px;
position: relative;
  }

  .tie-con-manage {
      position: relative;
padding-bottom: 20px;
margin-top: 100px;
  }

  .tie-con-manange-pane {
      position: relative;
padding-left: 15px;
text-align: left;
  }

  .tie-con-manange-pane a {
display: inline-block;
zoom: 1;
text-align: center;
_display: inline;
width: 80px;
height: 25px;
line-height: 25px;
vertical-align: middle;
background-color: #dadada;
}

#tip_message {
    z-index: 9999;
    position: fixed;
    left: 0;
    top: 40%;
    text-align: center;
    width: 100%;
}
 
#tip_message span {
    background-color: #03C440;
    opacity: .8;
    padding: 20px 50px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: 20px;
}
 
#tip_message span.error {
    background-color: #EAA000;
}

/*------------Search form---------------*/
.search-form {
    margin-top: 15px;
    position: relative;
    display: inline-block;
    zoom: 1; /* ie7 hack for display:inline-block */
    *display: inline;
}

.search-form.frame {
    padding: 3px;
    border: 1px solid #ccc;
    background-color: #ededed;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#d2d1d0)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #f6f6f6, #d2d1d0); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(top, #f6f6f6, #d2d1d0); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #f6f6f6, #d2d1d0); /* IE10 */
    background-image:      -o-linear-gradient(top, #f6f6f6, #d2d1d0); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #f6f6f6, #d2d1d0);
    -moz-box-shadow:    0 1px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.7);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.7);
    box-shadow:         0 1px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.7);
    -moz-background-clip:    padding;
    -webkit-background-clip: padding-box;
    background-clip:         padding-box;
}

.search-input {
    width: 196px;
    height: 20px;
    padding: 6px 10px 6px 35px;
    font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #333;
    outline: none;
    position: relative;
    background-color: #fff;
    background-position: 10px center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Nzc1OEI1RTVFQTg0MTFFMDkxMzA4ODVBRDY1OTFGM0UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Nzc1OEI1RTZFQTg0MTFFMDkxMzA4ODVBRDY1OTFGM0UiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NzU4QjVFM0VBODQxMUUwOTEzMDg4NUFENjU5MUYzRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NzU4QjVFNEVBODQxMUUwOTEzMDg4NUFENjU5MUYzRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrgRaKkAAAFKSURBVHjalJM/KIVRGMY/+uouLFIoJe5yBwajPxMSCotBNqWvSLLaKYsM4iqb0s1EtyhWkTJcbEaFDAZkIXX9Tj1Hb1/nKk/9Ou8533mf7z3/qpIkiYxaYRL6zFgJ9uAmCig2cResqbUagFFYgsO0QbXaQbgIJHvl4AAWQxXUQzE1vg230AiJWqd1OIcra+BKy6j/ompKxmwDTqFT/VXot0uYMJOTVLI3HYMv9d0GN1kDX96j1hnSg0r36rAGZcXf0d/6NHHGGrwrbjHrTMsl9Cgua4N/DU7MxF2oCRjsQ63iM7i3BstmYjtcwzz0wjRcwriZ0wYj9hjvYA62NJbV0VVSMxzBrLsv/irn4VUXpSGQ9KzvOTPmcursWyjAMUxBtzb1SRu2qc1234dMzkqc+tObnPMVyh+GHZhR/yOO/q8FHaV7+oUfAQYAuc4/puJw8KwAAAAASUVORK5CYII=);
    border: 1px solid #ccc;
    -moz-box-shadow:    inset 0 0 1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
    box-shadow:         inset 0 0 1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
    -moz-background-clip:    padding;
    -webkit-background-clip: padding-box;
    background-clip:         padding-box;
}

.search-btn {
    margin-left: 3px;
    width: 90px;
    height: 33px;
    color: #fff;
    font: bold 14px 'microsoft yahei', Helvetica, Arial, 宋体, sans-serif;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    letter-spacing: 1px;
    border: 1px solid #b9b9b9;    
    outline: none;
    cursor: pointer;
    position: relative;
    background-color: #666;
    -moz-box-shadow:    inset 0 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    box-shadow:         inset 0 1px 0 rgba(255, 255, 255, 0.3);
    -moz-background-clip:    padding;
    -webkit-background-clip: padding-box;
    background-clip:         padding-box;
}

.frame.rbtn .search-btn {
    -moz-border-radius:    32px;
    -webkit-border-radius: 32px;
    border-radius:         32px;
}

.frame.inbtn .search-input {
    padding-right: 45px;
    width: 225px;
}

.frame.nobtn .search-input {
    width: 235px;
    padding-left: 35px;   
}

.frame.inbtn .search-btn {
    position: absolute;
    top: 3px;
    right: 4px;
}

.search-form.frame.rlarge, .rlarge .search-input {
    -moz-border-radius:    28px;
    -webkit-border-radius: 28px;
    border-radius:         28px;
}

.frame.inbtn.rlarge .search-btn, .noframe.inbtn.rlarge .search-btn {
    -moz-border-radius:    0 28px 28px 0;
    -webkit-border-radius: 0 28px 28px 0;
    border-radius:         0 28px 28px 0;
}

.search-form.frame .search-btn {    
    background-color: #1d83e2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#86bdf0), to(#1560a6)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #86bdf0, #1560a6); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(top, #86bdf0, #1560a6); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #86bdf0, #1560a6); /* IE10 */
    background-image:      -o-linear-gradient(top, #86bdf0, #1560a6); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #86bdf0, #1560a6);
}