@charset "utf-8";
html { width: 100%; height: 100%; clear: both;}
body { margin: 0px; padding: 0px; font-size: 14px; line-height: 20px; color: #444; list-style-type: none; list-style-position: inherit; overflow-x: hidden; font-family: Arial, Helvetica; background: #ccc url(images/bg_body.jpg) repeat-y center top; }
a { color: #666; text-decoration: none; }
a:hover { color: #000; }
font {font-size:12px;}
form { margin: 0px; padding: 0px; display: block; clear: both; }
form ul { list-style:none; margin:5px; padding:5px; font-size:14px;}
form ul li { margin-bottom:5px;}
td { font-size: 12px; }
img { vertical-align: middle; border:0px; }
h1,h2,h3 { }
.dropmenu,.dropmenu div{ margin: 0px; padding: 10px 15px; position: absolute; list-style-type: none; background-color: #FFFFFF; line-height: 25px; border: 1px solid #8EC31F; font-size: 14px;}
.dropmenu ul{ margin: 0px; padding: 0px; list-style-type: none; display: table; white-space: nowrap;}
.dropmenu ul li{ margin: 0px; padding: 0px;}
.dropmenu ul li a{ display: block; color: black; padding: 0px; margin: 0px; width: 100%;}
.dropmenu ul li a:hover{ color: #8EC31F; }
.dropmenu ol{ margin: 0px; padding: 0px; list-style-type: none; position:static; }
.dropmenu ol li a{ display: block; color: black; padding: 0px; margin:0px; font-size: 14px; line-height: 25px; }
.dropmenu ol li a:hover{ color: #8EC31F; }
/*.dropmenu .rline{ border-right:1px dotted #ddd; }*/
.dropmenu th { text-align:left; padding:0px 15px;}
.dropmenu th a { padding:0px;}
.dropmenu td { text-align:left; padding:0px 15px; line-height:21px;}
.dropmenu td ol li { padding:0px;}
.dropmenu h3 { padding:0px; margin:0px; line-height:33px;}
.ddiframeshim{ position: absolute; z-index: 500; background: transparent; border-width: 0px; width: 0; height: 0; display: block; }

#head { margin: 0px auto; width: 980px; padding: 0px 10px; background-image: url(images/001_01.png);}
#head .top { clear: both; height: 75px; background-repeat: no-repeat; background-image: url(images/001_02.png); }
#head .top h1 { margin: 0px; float: left; margin-top: 35px; width: 250px; height: 60px; overflow: hidden; background-repeat:no-repeat; background-position:center left; }
#head .top h1 a { display: block; color: #600; line-height: 45px; height: 100%; font-size: 35px; text-indent: -9999px; }
#head .top .side{ margin-top: 25px; line-height: 20px; float: right; height: 20px; margin-right: 9px; width: 255px;}
#head .top .side form {margin-bottom: 5px; }
#head .top .side ul{ margin: 0px; padding: 0px; list-style-type: none; }
#head .top .side ul li{ display: inline; list-style-type: none; }
#head .top .side ul li a{ display: inline-block; border-left: 1px dotted #ddd; padding: 0px 3px; line-height: 1.2em; margin: 0px; }
#head .top .side ul li a:hover{ color: #000; }
#head .nav { line-height: 40px; height: 40px; padding: 0px; overflow: hidden; text-align: right; font-size: 14px; }
#head .nav ul { margin: 0px; list-style-type: none; padding: 0px; display: inline-block; overflow: hidden; margin-right: -1px;}
#head .nav ul li { list-style-type: none; margin: 0px; padding: 0px; color: #666; display: inline-block; overflow: hidden; list-style-position: inside; float: left; background-image: url(images/bg_nav_a.png); background-position: center right; background-repeat: no-repeat; padding-right: 2px; padding-left: 1px; }
#head .nav ul li:hover { color: #000;}
#head .nav ul li a.focus { color: #8EC21F; }
#head .nav ul li a.focus:hover { color: #fff; }
#head .nav ul li a { color: #555; text-decoration: none; font-size: 16px; display: inline-block; padding: 0px 25px; overflow: hidden; text-transform: capitalize; font-weight: bold;}
#head .nav ul li a:hover, #head .nav ul li a.selected { color: #000; background-image: url(images/bg_nav_hover.png); background-repeat: repeat-y; background-position: center; }
#head .nav ul li a img { display: none; }
#head .subnav{ height: 35px; overflow: hidden; line-height: 35px; font-size:12px; margin-top: 10px;}
#head .subnav ul { position:absolute; left:-9999px;}
#sido  { height: 10px; overflow: hidden; display: none; }
#main { margin: 0px auto; clear: both; padding: 0px; width: 980px; background: #fbfbfb; padding: 0px 10px;}
#main .page_banner { background-color: #FAFBFB; margin:20px auto; padding: 0px; }
#homebanner { height: 380px; background-color: #FAFBFB; margin: 1px auto; padding: 0px; width: 1000px;}
#homebanner .nm { font-size: 12px; z-index: 232; font-family: Verdana, Geneva, sans-serif; margin-top: -30px; text-align:center; width:100%; position: absolute; width: 1000px;}
#homebanner .nm a { margin: 1px; display: inline-block; color: #333; text-indent: -999px; background-image: url(images/bullet_white.png); width: 16px; height: 16px; overflow: hidden; }
#homebanner .nm a:hover { background-image: url(images/bullet_green.png); color: #FFF; }
#homebanner .nm a.activeSlide { color: #CCC; background-image: url(images/bullet_blue.png); }
#bn-prev { display:none; float: left; height: 100%; width: 40px; position: relative; z-index: 999; cursor: pointer; margin-bottom: -100%; background: url(images/bn-arrow-l.png) center left no-repeat; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
#bn-next { display: none; float: right; height: 100%; width: 40px; position: relative; z-index: 999; cursor: pointer; margin-bottom: -100%; background: url(images/bn-arrow-r.png) center right no-repeat; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
#bn-prev:hover { background-position:center right;}
#bn-next:hover { background-position:center left;}
#cont  { float: none; width: 100%;}

#side { width: 223px; float: left; margin-top: 20px; overflow: hidden; }
#side .box { padding: 10px 5px; background-color: #e2e3e5; font-size: 12px; padding-bottom: 2px;}
#side .box_head { overflow: hidden; height: 8px; display: none; }
#side .box_foot { height: 15px; overflow: hidden; margin: 0px; background: #e2e3e5; margin-bottom: 10px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#side .box ul { margin: 3px; padding: 0px;}
#side .box ul li{ list-style-type: none; list-style-position: outside;}
#side .box ul li a{display:block; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; }
#side .labe { font-size: 16px; line-height: 30px; height: 30px; color: #000; padding-left: 35px; text-transform: capitalize; border-top-left-radius: 5px; border-top-right-radius:5px; font-weight: bold; background: #8fc320 url(images/001_14.png) no-repeat 15px center; }

#side ol.sub1 { color: #333333; list-style-type: none; list-style-position: outside; margin: 0px 10px; padding: 0px; line-height: 25px; font-size: 14px; }
#side ol.sub1 li{ color: #333333; list-style-type: none; }
#side ol.sub1 li a { color: #333; display: block; padding-left: 20px; background-repeat: no-repeat; background-position: center left; text-transform: capitalize; }
#side ol.sub1 li a:hover { color: #8EC21F; }
#side ol.sub1>li.active { }
#side ol.sub1>li.active>a { color: #669900;}
#side ol.sub1>li.active>a:hover { color: #000; }

#side ol.sub1 li ol { color: #666666; margin: 0px; padding: 0px; }
#side ol.sub1 li ol li { color: #666666; margin: 0px; padding: 0px; }
#side ol.sub1 li ol li a { color: #888; font-weight: normal; }
#side ol.sub1 li ol li a:hover { color: #000; background: #eee; border-top: 0px solid #ddd; }
#side ol.sub1>li ol li.active { }
#side ol.sub1>li ol li.active a { color: #000;  background-color: #EBEAEA;  }
#side ol.sub1>li ol li.active a:hover { background-color: #FFF; }

#side ol.sub3 { color: #666666; margin: 0px; padding: 0px; }
#side ol.sub3 li { color: #666666; margin: 0px; }
#side ol.sub3 li a { color: #333; padding-left: 30px; font-weight: normal; }
#side ol.sub3 li a:hover { }
#side ol.sub3 li.loc { }
#side ol.sub3 li a.loc { background-image: url(images/bullet_arrow_down.png); background-position: 9px 3px; }
#side ol.sub3 li a.loc:hover { }

#page { width: 735px; float: right; overflow: hidden; margin-top: 20px; font-size:12px; }

#page .page_head { height: 15px; display: none; }
#page .page_foot { height: 10px; overflow: hidden; }
#page .box_head { display: none;}
#page .box_foot { height: 20px; overflow: hidden; margin-top: -20px; }
#page .box { padding: 30px; text-transform: inherit; margin-bottom: 10px; border: 1px solid #ddd; border-radius: 5px; background-color: #FFF; }
#page .labe { font-size: 12px; color: #333; height: 28px; line-height: 28px; padding-left: 9px; padding-right: 9px; text-transform: capitalize; vertical-align: middle; font-weight: bold; }
#page .labe a { color: #333; }
#page .labe a:hover { color: #000; }
#page .sub1 { font-size: 12px; color: #333; height: 25px; line-height: 25px; margin: 3px 5px; padding: 0px 10px; text-transform: capitalize; font-weight: bold; border-bottom: 1px dotted #ddd; }
#page .sub1 a { color: #333;}
#page .sub1 a:hover { color: #000;}
#page .sub2 { font-size: 12px; color: #333; height: 20px; line-height: 20px; margin: 3px 9px; padding: 0px 5px; background-color: #f0f0f0; margin-bottom: 5px; text-transform: capitalize; }
#page .sub2 a { color: #333;}
#page .sub2 a:hover { color: #000;}
#page .labt { text-align:center; margin-bottom: 5px; border-bottom: 1px dotted #ddd; margin-right: 5px; margin-left: 5px; }

#page .show_list { display: inline-block; text-align: center; width: 25%; *float: left; overflow: hidden; margin: 5px 0px; list-style: none; }
#page .show_list .show_pics { height: 100px; overflow: hidden; border: 1px solid #ddd; background-image: url(images/loading.gif); background-repeat: no-repeat; background-position: center; margin: 5px 10px; background-color: #FFF; padding: 5px; }
#page .show_list .show_pics:hover { border: 1px solid #ccc; }
#page .show_list .show_pics a { height:100%; display:block; width: 100%; overflow: hidden; }
#page .show_list .show_pics img { height:100%; background-repeat: no-repeat; background-position: center; }
#page .show_list .show_text { line-height: 1.3em; height: 2.6em; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; }
#page .show_list .show_text a { display: block; }

#page .item_view { overflow: hidden; width: 300px; float: left; }
#page .item_view .upic { height: 200px; overflow: hidden; padding: 4px; border: 1px solid #ddd; background-color: #FFF; background-image: url(images/loading.gif); background-position: center; background-repeat: no-repeat; text-align: left; }
#page .item_view .upic a { height: 100%; display: block; overflow: hidden; }
#page .item_view .upic a img { max-width:none; }
#page .item_pics { padding: 5px 0px; margin: 0px -1px; }
#page .item_pics li { display: inline-block; padding: 0px; margin: 0px; width: 25%; overflow: hidden; list-style: none; float: left; }
#page .item_pics li a { display: block; border: 1px solid #ddd; padding: 1px; margin: 1px; overflow: hidden; height: 70px; width: auto; }
#page .item_pics li a:hover { border: 1px solid #ccc; }
#page .item_pics li a img  { width: 50%; height: 50%; }
#page .item_info { margin: 0px; padding: 0px; float: right; width: 340px; }
#page .item_info  ul { margin: 20px 0px; padding: 0px; list-type: none; list-style: none; }
#page .item_info  h3 { color: #8EC31F; font-weight: bold; font-size: 20px; }
#page .item_info .rows { }
#page .item_info .rows ul { margin: 0px; padding: 0px; }
#page .item_info .rows ul li{ margin: 0px; padding: 0px; }
#page .item_info .mess { }
#page .item_info .shop { padding: 5px 0px; border-top: 1px dotted #ddd; }
#page .item_info .cart { border-top: 1px dotted #ddd; margin-top: 5px; padding-top: 5px; }
#page .item_info .cart a{ display: inline-block; margin: 0px; border: 1px solid #C60; padding: 1px 6px; text-transform: capitalize; line-height: 22px; background-color: #C60; color: #FFF; font-size: 14px; font-weight: bold; border-radius: 4px; letter-spacing: 1px; }
#page .item_info .cart a:hover{ list-style-type: none; background-color: #F63; }
#page .item_info .quot { border-top: 1px dotted #ddd; margin-top: 5px; padding-top: 5px; }
#page .item_info .quot a{ display: inline-block; margin: 0px; border: 1px solid #ccd; padding: 1px 9px; text-transform: capitalize; font-family: Tahoma, Geneva, sans-serif; line-height: 22px; border-radius: 3px; font-size: 14px; background-color: #eee; }
#page .item_info .quot a:hover{ list-style-type: none; border: 1px solid #abb; }
#page .item_info .pics { margin-top: 5px; padding-top: 5px; border-top: 1px dotted #ddd; }
#page .item_info .pics img { background-position: center; width: 16px; height: 16px; padding-top: 33px; padding-left: 33px; display: inline-block; border: 1px solid #ddd; padding-bottom: 3px; padding-right: 3px; margin-right: 2px; background-repeat: no-repeat; margin-bottom: 2px; }
#page .item_info .pics img:hover { padding-top: 30px; padding-left: 30px; padding-bottom: 6px; padding-right: 6px; border: 1px solid #ccc; }
#page .item_info .ubar { padding: 5px 0px; margin: 5px 0px; }
#page .item_info .ubar a{ display: inline-block; margin-right: 20px; color: #8EC31F; }
#page .item_info .ubar a:hover{ text-decoration: underline; }

#page .item_memo { margin: 10px; }
#page .item_memo table { border-right: 1px solid #ddd; border-top: 1px solid #ddd; }
#page .item_memo td{ border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 3px; }
#page .item_memo tr:hover{ background-color:#FFC; }

#page .search_list { padding: 5px; border-top: 1px dotted #ddd; }
#page .search_list:hover { background-color: #FFd; }
#page .search_list .search_pics { float: left; width: 100px; height: 100px; }
#page .search_list .search_pics a { width: 100%; height: 100%; display:block; overflow: hidden; }
#page .search_list .search_pics img { width: 100%; }
#page .search_list .search_text { margin-left: 120px; }

#page .msgs_tops { margin: 0px; padding: 0px 3px; line-height: 25px; height: 25px; border-bottom: 1px solid #ddd; }
#page .msgs_tops a { display: inline-block; float: left; color: #666; padding: 0px 10px; border: 1px solid #ddd; border-bottom: 0px; margin-right: 1px; text-transform: capitalize; }
#page .msgs_tops a:hover { color: #000; background-color: #D6D6D6; }
#page .msgs_list { margin: 3px; padding: 3px; border-bottom: 1px dotted #ddd; }
#page .msgs_form { margin: 3px;}

#page .news_list { margin: 3px; padding: 0px 10px; }
#page .news_list .line { list-style-type: none; padding: 0px; height: 5px; margin-bottom: 5px; border-bottom: 1px dotted #ddd; }

#page ul.link_list { margin: 0px; padding: 0px; }
#page ul.link_list li { list-style-type: none; padding: 0px; margin: 0px; text-align: center; width: 25%; display: inline-block; height:55px; line-height:55px; }

#page .page_num { line-height: 22px; margin-top: 10px; margin-bottom: 10px; clear: both; border-top: 1px dotted #ddd; padding: 6px; text-align: right; }
#page .page_num .pages { display: inline-block; padding: 0px; margin-right: 1px; color: #666; float: left; line-height:18px; }
#page .page_num .pages:hover {	color: #000;}
#page .page_num .pages a { display: inline-block; padding: 0px 3px; margin: 0px 1px; color: #666; background-color: #ddd; border: 1px solid #ccc; }
#page .page_num .pages a:hover { border: 1px solid #ddd; color: #000; background-color: #fff; }
#page .page_num .pages a.active { border: 1px solid #ddd; color: #000; background-color: #fff; }

#page .tips { background-color: #FFe; border: 1px solid #fdc; margin: 5px 0px; padding: 5px; color: #333; font-size: 14px; }
#page .tips img { float: right; }

#foot { clear: both; margin: 0px auto; padding: 25px 10px; background-image: url(images/001_24.png); background-repeat: repeat-x; background-color: #FFF; width: 980px;}
#foot table h3 { margin: 0px; padding: 0px; font-weight: bold; margin-bottom: 15px; color: #000; }
#foot table ul { margin: 0px; padding: 0px; line-height: 19px;}
#foot table ul li { margin: 0px; padding: 0px 0px; list-style: none;}
#foot table ul li a { color: #000; }
#foot table ul li a:hover { color: #8EC31F; text-decoration: underline; }
#foot .copy { color: #000; font-size:12px; line-height: 20px; margin: 10px auto; width: 980px; margin-top:40px; }

#GtoTop { border: 1px solid #ccc; border-bottom:0px; background: #f7f7f7; text-align: center; padding: 5px; line-height:12px; opacity:0.8; position: fixed; bottom: 0px;  right: 9px; cursor: pointer; display: none; color: #333; font-family: verdana; font-size: 12px; height: 8px; overflow: hidden; border-radius: 4px 4px 0px 0px; }
#GtoTop:hover { opacity:1;}

.left { float:left;}
.right { float:right;}
.arrow { background-image: url(images/bullet_arrow_right.png); background-position: center; background-repeat: no-repeat; white-space: nowrap; display: inline; text-indent: -9999px; overflow: hidden; position: relative; }
.arrow a{ display: inline-block; width: 15px; }
.center { text-align:center; }

.button_search   { border: 0px; width: 38px; height: 22px; background-color: transparent; overflow: hidden; margin: 0px; padding: 0px; text-indent: -9999px;}
.button_iclick { display: inline-block; width: 22px; height: 22px; line-height: 20px; font-size: 20px; background-color: #666; border: 2px solid #fff; color: #FFF; text-align: center; border-radius: 16px; vertical-align: middle; margin: 0px; padding: 0px; overflow: hidden; box-shadow: 0 0 3px #333; }
.button_iclick:hover { text-shadow: 0 0 3px #ddd; background-color: #333; color: #FFF; box-shadow: 0 0 4px #000; }
input.keys { font-size: 14px; border: 1px solid #fff; height: 20px; width: 208px; margin: 0px 3px; padding: 0px; }
input.keys:hover {}
input.text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; border: 1px solid #ccc; color: #333; -moz-box-shadow: 0px 0px 4px #000; }
input.text:hover{ border: 1px solid #888;}
input.button,a.button { font-size: 14px; border: 1px solid #666; height: 25px; color: #FFF; line-height: 24px; padding: 0px 12px; background-color: #3E474C; font-family: Verdana, Geneva, sans-serif; border-radius: 3px; box-shadow: 0 0 2px #ddd; display: inline-block; }
input.button:hover,a.button:hover{ color: #FFF; background-color: #555; text-shadow: 0 0 1px #fff; }
textarea.text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; border: 1px solid #ccc; color: #333; -moz-box-shadow: 0px 0px 4px #000; }
textarea.text:hover{ border: 1px solid #888;}

.clearfix { display: block; margin: 0px; clear: both; padding: 0px; visibility: hidden; height: 1px; margin-top: -1px; overflow: hidden;}
.clearfix:after {height: 0px;}

.ui-tabs-hide { display: none; }
.ui-tabs-panel { height:100%;}
ul.tag { margin: 5px; padding: 0px 5px; border-bottom: 1px solid #ddd; height: 28px; line-height: 28px;}
ul.tag li{ overflow: hidden; list-style-type: none; display: inline-block; padding: 0px; float: left; margin-right: 1px;}
ul.tag li.ui-tabs-selected { color: #000; border: 1px solid #ddd; border-bottom: 0px; border-radius: 5px 5px 0px 0px;}
ul.tag li a{ display: inline-block; overflow: hidden; color: #666; padding: 0px 9px; text-align: center; border-radius: 5px 5px 0px 0px; background: #eee;}
ul.tag li.ui-tabs-selected  a{ color: #000; background-color: #FFF; }

ul.tabs { margin: 0px; padding: 0px; border-bottom: 1px solid #ccc; line-height: 30px; display: inline-block; font-size: 18px; height: 39px; background: #eee;}
ul.tabs li{ overflow: hidden; list-style-type: none; display: inline-block; padding: 0px; float: left; height: 39px; border-right: 1px solid #ccc;}
ul.tabs li.ui-tabs-selected { color: #000; height: 40px;}
ul.tabs li a{ display: inline-block; overflow: hidden; color: #666; padding: 5px 19px; text-align: center;}
ul.tabs li.ui-tabs-selected  a{ color: #000; background-color: #FFF; }

.ke-zeroborder ul{ margin:0px; padding:0px; list-style:inside;}