a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp { list-style: none; border: 0 none; font-size: 100%; margin: 0; padding: 0; }

body, td, th { font-size: 11px; }

body { padding: 0 0 0 0; margin-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; font-family: Tahoma, Geneva, sans-serif; /*font-family: Verdana, Arial, Helvetica, sans-serif;*/ color: #555; }

input[type=text], select, input[type=multiple], input[type=password], textarea, input[type=button] { border: 1px solid rgb(169, 169, 169); color: #555; }

input.newBtn { width: 80px; height: 25px; cursor: pointer; color: #ffffff; font-size: 12px; font-weight: 600; background: #1570A6; border: #FFFFFF 1px solid; }

img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; vertical-align: middle; }

a:link { color: #333; text-decoration: none; }

a:visited { color: #333; text-decoration: none; }

a:hover { color: #333; text-decoration: none; }

a:active { color: #333; text-decoration: none; }

a.sortAsc { /*background-color: white;*/ /*padding-right: 16px;
    background-image: url(up.png);*/ background-position: right; background-repeat: no-repeat; display: block; }

a.sortDesc { /*background-color: white;*/ /*padding-right: 16px;
    background-image: url(down.png);*/ background-position: right; background-repeat: no-repeat; display: block; }

.top_bg { padding: 7px 0 0 15px; font-size: 11px; font-weight: bold; color: #FFF; background: url('/content/images/index_02.jpg') repeat scroll 0 0 transparent; }

.top_bg .company { width: 250px; /*去掉table的缩放效果*/ }

.Welcome { font-size: 14px; font-weight: bold; color: #897561; }

.user_text { font-size: 12px; color: #cccccc; }

.system_title_text { padding: 100px 10px 30px 20px; font-size: 16px; font-weight: 900; color: #868686; }

.login_bg { background: url('/content/images/index_08.jpg') repeat scroll 0 0 transparent; }

.bottom_text { font-size: 12px; width: 100%; height: 27px; line-height: 27px; /*position: fixed;
z-index: 50;
bottom: 0;*/ background: #123c61; color: #cccccc; text-align: right; clear: both; }

.login_input { margin: 0 0 0 20px; padding: 0 0 0 10px; font-size: 14px; color: #666; width: 210px; height: 24px; background: #FFF; border: #4e7596 solid 1px; }

.menu_bt { float: left; display: block; width: 100px; margin: 0 0 0 10px; padding: 6px 10px 6px 10px; background: #e7e7d9; text-align: center; font-size: 11px; font-weight: 800; color: #333; }

.menu_bt_current { background: #4e7596; }

.menu_bt_current a:link { color: #FFF; }

.menu_bt_current a:visited { color: #FFF; }

.menu_bt_current a:hover { color: #FFF; }

.menu_bt_current a:active { color: #FFF; }

.menu_bt_hover { background: #4e7596; }

.menu_bt_hover a:link { color: #FFF; }

.menu_bt_hover a:visited { color: #FFF; }

.menu_bt_hover a:hover { color: #FFF; }

.menu_bt_hover a:active { color: #FFF; }

.to_do_list_open { float: left; background: url('/content/images/main_page_27.jpg') repeat-x scroll 0 0 transparent; background-color: #b7b7b7; margin: 20px 0 0 0; width: 260px; height: 700px; border: #7f8e91 solid 1px; }

#Layer1 { position: absolute; width: 10px; height: 10px; z-index: 1; }

#switch_bt_open { position: absolute; width: 10px; height: 38px; z-index: 1; left: 250px; top: 200px; }

#Layer2 { position: absolute; width: 10px; height: 10px; z-index: 1; }

#switch_bt_close { position: absolute; width: 10px; height: 38px; z-index: 1; left: 0; top: 184px; }

.switch_bt { display: block; width: 10px; height: 38px; position: relative; left: 290px; top: 200px; }

.to_do_list_open table tr td div.main_class { font-size: 12px; font-weight: bold; text-decoration: none; margin: 10px 15px; float: left; color: #637376; }

.to_do_list_open table tr td div.square_1 { width: 15px; height: 5px; background: #72b629; margin: 10px 10px 10px 15px; float: left; }

.to_do_list_open table tr td div.square_2 { width: 15px; height: 5px; background: #72b629; margin: 10px 10px; float: left; }

.to_do_list_close { float: left; background: url('/content/images/main_page_27.jpg') repeat-x scroll 0 0 transparent; background-color: #b7b7b7; margin: 20px 0 0 0; width: 10px; height: 700px; border: #7f8e91 solid 1px; }

.right_description_open { display: none; position: absolute; top: 102px; right: 0; background: #FFF; margin: 20px 0 0 0; width: 360px; height: 600px; border: #7f8e91 solid 1px; z-index: 1; }

.right_description_close { position: absolute; top: 102px; right: 0; background: #FFF; margin: 20px 0 0 0; width: 10px; height: 600px; border: #7f8e91 solid 1px; }

.main_body { margin: 0 0 50px 0; }

.main_tab { padding: 20px; float: left; width: 275px; height: 159px; background: url('/content/images/main_page_31.jpg') no-repeat scroll 0 0 transparent; margin-top: 20px; margin-right: 0; margin-bottom: 0; margin-left: 30px; }

.main_tab img { border: #FFF solid 3px; }

.main_tab td.text_title { padding: 0 0 0 20px; font-size: 14px; font-weight: bold; color: #FFF; }

.main_tab td.text_content { padding: 20px 0 0 0; font-size: 12px; color: #FFF; }

.inner_main_div { /*float:left;*/ width: 96%; margin-top: 20px; margin-right: 0; margin-bottom: 0; margin-left: 20px; }

.inner_main_div a { color: #7b898c; }

.inner_main_div p { font-weight: bold; color: #7b898c; size: 12px; }

.inner_button_div { width: 90%; margin: 10px 0 0 0; }

.inner_button_div ul { background: #7f8e91; border: #FFF solid 1px; height: 18px; }

.inner_button_div ul li { border-right: #FFF solid 1px; list-style: none; float: left; height: 18px; line-height: 18px; font-size: 11px; font-weight: bold; color: #FFF; width: 150px; text-align: center; }

.inner_button_div ul li a:link { color: #FFF; }

.inner_button_div ul li a:visited { color: #FFF; }

.inner_button_div ul li a:hover { color: #FFF; }

.inner_button_div ul li a:active { color: #FFF; }

.inner_button_div ul li.current { background: url('/content/images/search_order_03.jpg'); }

.inner_button_div ul li.normal { background: url('/content/images/search_order_05.jpg'); }

.inner_button_div ul li.hover { background: url('/content/images/search_order_03.jpg'); }

.star_mark { color: red; padding-right: 4px; vertical-align: middle; }

.shipto_div { width: 35%; float: left; margin-bottom: 12px; }

.editStyleTable { border-collapse: collapse; border: 1px solid #E5F4F9; }

.editStyleTable span { color: red; }

.editStyleTable input { border: 1px solid #6CA9BE; padding-left: 5px; }

.editStyleTable * { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }

.editStyleTable thead tr { height: 40px; }

.editStyleTable thead th { background-color: #6CA9BE; text-align: center; color: white; font-size: 14px; border: 1px solid #E5F4F9; }

.editStyleTable tbody tr { height: 35px; }

.editStyleTable { border-collapse: collapse; border: 1px solid #E5F4F9; }

.editStyleTable tbody tr .tdLeft { border: 1px solid #E5F4F9; background-color: #90C4D2; width: 100px; text-align: right; padding-right: 10px; /*font-weight: bold;*/ font-size: 12px; color: black; }

.editStyleTable tbody tr .tdRight { border: 1px solid #E5F4F9; background-color: #D6E9F0; width: 300px; padding-left: 10px; text-align: left; }

.search_condition_title { margin: 10px 0 0 0; text-align: center; background: #1570A6; width: 200px; height: 22px; line-height: 22px; font-size: 12px; font-weight: bold; color: #FFF; }

.search_condition_content { padding: 10px 0; margin: 0 0 10px 0; border: #8fbade dashed 1px; /*background: #e5e5e5;*/ background: #EDF3FE; /*#f2f2f2;*/ width: 85%; color: #333; }

.search_condition_content ul { float: left; width: 270px; height: 35px; }

.search_condition_content ul.mul-text { height: 70px; }


.search_condition_content ul li.title { float: left; width: 90px; height: 35px; line-height: 35px; font-size: 12px; font-weight: bold; text-align: right; padding: 0 10px 0 0; }

.search_condition_content .mul-text li.title { height: 70px; line-height: 70px; }

.search_condition_content ul li.content { float: left; width: 170px; height: 35px; padding: 6px 0; font-size: 12px; font-weight: bold; }

.search_condition_content .mul-text .content textarea { height: 50px; margin: 0; padding: 0; }

.search_condition_content .clear_div { clear: both; }


.search_condition_content ul input, select, area { border: 1px solid #333; }

.search_condition_content select{ min-width: 152px; /*font-family: Trebuchet MS;*/ }

.search_action { padding: 5px 0 5px 0; clear: both; }

.search_action .button { background: teal; border: none; color: #fff; cursor: pointer; padding: 5px 8px 5px 8px; margin-right: 5px; font-weight: bold; }

.search_action .button:hover { background-color: #136494; color: #fff; }

.search_action .cart { float: right; }

.page_result { font-size: 12px; font-weight: bold; color: blue; padding: 5px 0; margin: 5px 0; }

.page_result th a { color: white; }

.page_result td a { color: blue; }

.data_list img { margin: 0; padding: 0; max-height: 50px; max-width: 50px; }

.data_list a { /*color: #3385ff;*/ text-decoration: underline; }

.data_list a:hover { color: #454545; text-decoration: underline; }

.data_list thead tr { background: #1570A6; }

.data_list thead tr th { text-align: center; vertical-align: middle; font-size: 12px; font-weight: bold; color: #fff; line-height: 14px; /*border-bottom: #4e6468 solid 3px;*/ border-right: #e6e6e6 solid 1px; white-space: nowrap; padding: 8px 4px 8px 4px; }

.data_list .td_first_left { border-left: #8fbade solid 1px !important; }

.data_list tbody tr { /*background: #d9eeff;*/ background: #EDF3FE; }
.data_list tbody tr:hover, .tr_even:hover { /*background: #ffffdd;*/ background: #F7F8E0 !important; }

.tr_even { /*background: #e9f3fb !important;*/ background: #fff !important; }

.data_list tbody tr td { text-align: center; vertical-align: middle; font-size: 13px; font-weight: normal; /*color: #444444;*/ color: #333; line-height: 16px; border-bottom: 1px solid #8fbade; border-right: 1px solid #8fbade; padding: 8px 5px 8px 5px; }

.data_list tbody tr td.operation { border-right: none; background: #4e6468; padding: 0 0 0 0; width: 150px; }

.data_list tbody tr td.operation_print_order { border-right: none; background: #4e6468; padding: 0 0 0 0; width: 200px; }

.data_detail { margin: 10px 0 15px 0; }

.data_detail td { line-height: 30px; font-size: 12px; font-weight: bold; color: #004458; text-align: center; }

.data_detail td.content_white { background: #FFF; color: #000; font-weight: normal; }

.data_detail td.content_gray { background: #afb9bb; color: #000; font-weight: normal; }

.data_detail thead tr { background: #95ab93; }

.data_detail thead tr td { border-top: #000 solid 2px; border-right: #000 solid 2px; border-bottom: #000 solid 2px; }

.data_detail thead tr td.td_th { border: #000 solid 2px; }

.data_detail tbody tr { background: #95ab93; }

.data_detail tbody tr td { border-right: #000 solid 2px; border-bottom: #000 solid 2px; }

.data_detail tbody tr td.td_th { border-right: #000 solid 2px; border-bottom: #000 solid 2px; border-left: #000 solid 2px; }
/*------------------------------------------customer_master--------------------------------------------------*/
.search_condition_content_customer { padding: 10px 0; margin: 0 0 10px 0; border: #77b832 solid 1px; background: #e5e5e5; width: 85%; }

.search_condition_content_customer ul { float: left; width: 470px; height: 35px; }

.search_condition_content_customer ul li.title { float: left; width: 250px; height: 35px; line-height: 35px; font-size: 12px; font-weight: bold; text-align: right; padding: 0 10px 0 0; }

.search_condition_content_customer ul li.content { float: left; width: 170px; height: 35px; padding: 6px 0; font-size: 12px; font-weight: bold; }

.search_condition_content_customer .clear_div { clear: both; }


.customer_data_list { border: #9fc3c3 solid 2px; }

.customer_data_list thead tr { background: #5b6c74; }

.customer_data_list thead tr td { text-align: center; font-size: 12px; font-weight: bold; color: #c9d3d4; line-height: 26px; }

.customer_data_list tbody { /*background-image:url(/content/images/customer_data_bg.jpg);*/ background: #dedede; background: url('/content/images/customer_data_bg.jpg') repeat-x scroll 0 0 transparent; }

.customer_data_list tbody tr td { text-align: center; font-size: 12px; color: #666; line-height: 24px; border-bottom: #d4d4d4 solid 1px; border-right: #d4d4d4 solid 1px; }

/*--------------------------------------------print_order---------------------------------------------------*/

.order_information_content { padding: 10px 0; margin: 0 0 10px 0; border: #77b832 solid 1px; background: #e5e5e5; width: 85%; }

.order_information_content ul { float: left; width: 395px; height: 35px; }

.order_information_content ul li.title { float: left; width: 95px; height: 35px; line-height: 35px; font-size: 12px; font-weight: bold; text-align: right; padding: 0 10px 0 0; }

.order_information_content ul li.content { float: left; width: 290px; height: 35px; line-height: 35px; /*padding:9px 0;*/ font-size: 12px; color: #969d2a; }

.order_information_content .clear_div { clear: both; }

.print_status_show { width: 100%; /*border:#77b832 solid 1px;*/ }

.print_status_show .printing_order { float: left; width: 40%; }

.print_status_show .printing_order_title { float: left; margin: 0 2px 0 0; text-align: center; background: #3c3e3e; width: 90px; height: 22px; line-height: 22px; font-size: 12px; font-weight: bold; color: #FFF; }

.print_status_show .printing_order_content { clear: both; width: 100%; border: #ffffff solid 1px; background: #808080; }

.printing_order_content ul { float: left; width: 50%; margin: 5px 0 0 0; }

.printing_order_content ul li.title { text-align: right; float: left; width: 45%; font-size: 12px; font-weight: bold; color: #FFF; }

.printing_order_content ul li.content { padding: 0 0 0 15px; float: left; width: 45%; font-size: 12px; color: #FFF; }

.printing_order_content .img { display: block; width: 95%; text-align: right; padding: 20px 0 20px 0; clear: both; }
/*.printing_order_content img{
margin-right:30px;
}*/
.print_status_show .print_control { margin: 22px 0 0 10px; float: left; width: 30%; }

.print_control td { font-size: 12px; font-weight: bold; color: #FFF; background: #f3fdf4; }

.print_control select { font-size: 12px; border: #999 solid 1px; width: 98%; }

.print_control input { width: 68%; border: #999 solid 1px; }

.print_status_show .printer_img { float: left; margin: 22px 0 0 10px; }

/*---------------------------------customer_master_detail-------------------------------------------*/

.customer_master_detail_title { float: left; margin: 10px 2px 0 0; text-align: center; background: #667a52; width: 150px; height: 22px; line-height: 22px; font-size: 12px; font-weight: bold; color: #FFF; }

.inner_main_div .current { background: #9dbb7e; }

.inner_main_div .hover { background: #9dbb7e; }

.inner_main_div p { color: #333; font-size: 11px; }

.customer_master_detail_content { clear: both; padding: 10px 0; margin: 0 0 10px 0; border: #77b832 solid 1px; background: #fff; width: 95%; }

.customer_master_detail_content ul { margin: 0 0 1px 0; float: left; width: 50%; height: 45px; }

.customer_master_detail_content ul li.title { background: #e8e9d6; margin: 0 2px 0 15px; float: left; width: 28%; height: 45px; font-size: 12px; font-weight: bold; text-align: right; padding: 0 10px 0 0; display: table; /*_position:relative;
_left:-100px;
_text-align:center;
_width:300px;
_border:#F00 solid 1px;
_background:#093;*/ }

.customer_master_detail_content ul li.title p { display: table-cell; vertical-align: middle; color: #000; /*_position:absolute;
_top:50%;
_text-align:right;*/ }

.customer_master_detail_content ul li.title p.must { color: #F00; }

.customer_master_detail_content ul li.title span { color: #000; /*_position:relative;
_top:-50%;
_text-align:right;*/ }

.customer_master_detail_content ul li.content { background: #f8faf5; padding: 12px 0 11px 5px; float: left; width: 62%; font-size: 12px; font-weight: normal; /*_float:left;
_width:300px;
_border:#F00 solid 1px;
_background:#093;*/ }

.customer_master_detail_content ul li.content input { background: #fff; border: #ccc solid 1px; }

.customer_master_detail_content ul li.content .button { border: none; background: #79954f; font-size: 11px; color: #FFF; }

.customer_master_detail_content ul li.content .text { width: 200px; }

.customer_master_detail_content .clear_div { clear: both; }
/*---------------------------------add-------------------------------------------*/
.header_div { width: 100%; }

.login_info { margin: 4px 0 4px 0; }

.main_menu_div { /*background:url(/content/images/menu_end.jpg);*/ background: url('/content/images/main_menu_bg.jpg'); /*background:#7f8e91;*/ width: 100%; height: 36px; padding: 0; margin: 0; }

.main_menu_div img { float: right; }

.sub_menu_div { /*background:url(/content/images/menu_end.jpg);*/ background: #1570A6; /*width: 100%;*/ height: 21px; padding: 0 0 0 93px; }

.sub_menu_div ul li { /*border-right: 1px solid #7f8e91;*/ border-left: 5px solid #7f8e91; /*border-radius: 3px;*/ cursor: pointer; float: left; height: 21px; line-height: 20px; margin: 0 0 0 0; padding: 0 15px 0 15px; font-size: 11px; font-weight: 800; color: #fff; }
.sub_menu_div ul li a { color: #fff; }

.sub_menu_hover { /*background:url(/content/images/menu_end_h.jpg);*/ background: #cccccc; }

.main_content { /*background:url(/content/images/main_02.jpg);*/ width: 100%; clear: both; padding-bottom: 25px; }

/*--------------Main----------------*/
.block { width: 200px; height: 145px; float: left; background-color: #EBF6FB; font-size: 12px; color: #000; border: 1px #4E7596 solid; cursor: pointer; margin: 10px; padding: 0; }

.block img { float: left; border: 1px #3CF solid; margin: 5px; padding: 0; }

.block p { width: 120px; float: left; font-size: 12px; color: #000; margin: 0; padding: 0; }

.block p a { padding-top: 15px; display: block; text-decoration: underline; color: #4271a1; }

input.btn { cursor: pointer; color: #fff; font-size: 11px; background: #1570A6; border: #FFFFFF 1px solid; /*border-color: #696 #363 #363 #696;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');*/ }
input.btn:hover { background-color: #136494; }
/*----------------------------------*/

/* Styles for basic forms
-----------------------------------------------------------*/
fieldset { border: 1px solid #ddd; padding: 0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; }

legend { font-size: 1.2em; font-weight: bold; }

.editor-label { margin: 1em 0 0 0; }

.editor-field { margin: 0.5em 0 0 0; }


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error { color: #f00; }

.field-validation-valid { display: none; }

.input-validation-error { border: 1px solid #f00 !important; background-color: #fee; }

.validation-summary-errors { font-weight: bold; color: #f00; }

.validation-summary-valid { display: none; }

.pagination_div { /*width: 100%;*/ margin: 10px 0 30px 20px; }

/*----------------------------jquery pagination--------------------------------*/
.pagination a { border: 1px solid #8fbade; color: #15b; text-decoration: none; }

.pagination a, .pagination span { display: inline-block; margin-bottom: 5px; margin-right: 5px; padding: 0.1em 0.4em; }

.pagination .current { background: none repeat scroll 0 0 #26b; border: 1px solid #8fbade; color: #fff; }

.pagination .current.prev, .pagination .current.next { background: none repeat scroll 0 0 #fff; border-color: #999; color: #999; }

.pagination .disabled { color: #ccc; border: 1px solid #cccccc; }

.pagination .summary { color: #454545; border: 1px solid #ccc; }
/*----------------------------jquery pagination--------------------------------*/

/*---------- order status -----------*/
.status { font-weight: bold; }
.new { color: blue; }
.inprocess { color: brown; }
.shipped { color: orange; }

.printing { color: orchid; }
.completed { color: green; }

.cancelled { color: red; }
/*-----------------------------------*/

/*---------- po  ordered status -----------*/

.NO { color: green; }

.YES { color: brown; }

.CHANGE {color:dodgerblue}
/*-----------------------------------*/