@charset "utf-8";
/* CSS Document */
/* base */
body{font-family:宋体;margin:0px;padding:0px;font-size:12px;line-height:150%;}
*{ margin:0; padding:0; }
ul{ list-style:none;}
a:link img, a:visited img{ border:none; text-decoration:none;}
a:hover img, a:active img{ border:none; text-decoration:none;}
input,textarea,select {font-size:12px; color:#777;}
.hackbox{ clear:both; font-size:0px;}
.hackbox10px{ height:10px; clear:both; font-size:0px; overflow:hidden;}
.hackbox20px{ height:20px; clear:both; font-size:0px; overflow:hidden;}
.hackbox30px{ height:310px; clear:both; font-size:0px; overflow:hidden;}
h4{ font-size:12px; font-weight:bold;}
a:link.link01, a:visited.link01{ color:#000000; text-decoration:none;}
a:hover.link01, a:active.link01{ color:#000000; text-decoration:underline;}

a:link.link02, a:visited.link02{ color:#574182; text-decoration:none;}
a:hover.link02, a:active.link02{ color:#574182; text-decoration:underline;}

a:link.link03, a:visited.link03{ color:#6d6e71; text-decoration:none;}
a:hover.link03, a:active.link03{ color:#6d6e71; text-decoration:underline;}

a:link.link04, a:visited.link04{ color:#624c8d; text-decoration:none;}
a:hover.link04, a:active.link04{ color:#fff; text-decoration:none;}


a:link.link05{ color:#624c8d; text-decoration:none; font-size:14px;}
a:visited.link05{ color:#624c8d; text-decoration:none; font-size:14px;}
a:hover.link05{ color:#624c8d; text-decoration:none;font-size:14px; font-weight:bold;}
a:active.link05{ color:#624c8d; text-decoration:none;font-size:14px; }

a:link.link05_{ color:#624c8d; text-decoration:none; font-size:14px;font-weight:bold;}
a:visited.link05_{ color:#624c8d; text-decoration:none; font-size:14px;font-weight:bold;}
a:hover.link05_{ color:#624c8d; text-decoration:none;font-size:14px; font-weight:bold;}
a:active.link05_{ color:#624c8d; text-decoration:none;font-size:14px; font-weight:bold;}

a:link.link06, a:visited.link06{ color:#624c8d; text-decoration:none; font-size:12px;}
a:hover.link06, a:active.link06{ color:#624c8d; text-decoration:underline;font-size:12px;}

a:link.link07, a:visited.link07{ color:#666; text-decoration:none; font-size:15px; font-weight:bold;}
a:hover.link07, a:active.link07{ color:#666; text-decoration:underline;font-size:15px; font-weight:bold;}

a:link.link08, a:visited.link08{ color:#893c80; text-decoration:none; }
a:hover.link08, a:active.link08{ color:#893c80; text-decoration:underline;}

a:link.link09, a:visited.link09{ color:#fff; text-decoration:none; }
a:hover.link09, a:active.link09{ color:#fff; text-decoration:underline;}

/*5.223修改*/
a:link.link10, a:visited.link10{ color:#663300; text-decoration:none; font-size:24px; font-weight:bold; }
a:hover.link10, a:active.link10{ color:#663300; text-decoration:underline;font-size:24px; font-weight:bold;}
/*5.223修改*/
a:link.link11, a:visited.link11{ color:#333333; text-decoration:none;  }
a:hover.link11, a:active.link11{ color:#333333; text-decoration:underline;}


a:link.link12, a:visited.link12{ color:#cc0000; text-decoration:none;}
a:hover.link12, a:active.link12{ color:#cc0000; text-decoration:underline;}

a:link.link13, a:visited.link13{ color:#893c80; text-decoration:none; font-size:13px;}
a:hover.link13, a:active.link13{ color:#893c80; text-decoration:underline;font-size:13px;}

a:link.link14, a:visited.link14{ color:#624c8d; text-decoration:none; font-weight:bold; }
a:hover.link14, a:active.link14{ color:#624c8d; text-decoration:underline; font-weight:bold;}

a:link.link15,a:visited.link15{color:#666666;text-decoration:none;}
a:hover.link15,a:active.link15{color:#666666;text-decoration:underline;}

a:link.link99,a:visited.link99{color:#6a6a68;text-decoration:none;}
a:hover.link99,a:active.link99{color:#6a6a68;text-decoration:underline;}

a:link.link00, a:visited.link00{ text-decoration:none;color:#574182; font-size:14px;  }
a:hover.link00, a:active.link00{text-decoration:underline; color:#574182; font-size:14px; }

a:link.linkw1, a:visited.linkw1{ color:#000000; text-decoration:none;}
a:hover.linkw1, a:active.linkw1{ color:#624c8d; text-decoration:none;}

.fontred{ font-family:"宋体";font-size:12px; color:#a71f24;}
.fontgray3{ font-family:"宋体"; font-size:12px; color:#333333;}
.fontgray6{ font-family:"宋体"; font-size:12px; color:#666666;}
.fontgray9{ font-family:"宋体"; font-size:12px; color:#999999;}

/*header*/
.header_container{ margin:0 auto; width:940px;}
.headertop{ text-align:right; padding-top:20px; float:right;}
.logo01{float:left; }
.logo02{float:left; padding:18px 5px 0 7px;}
.logo03{float:left; padding-top:18px;}
.login{float:left;padding:21px 0 0 0; width:300px; height:19px; overflow:hidden;}
.anti-fake{ float:right;padding-top:10px;}
.nav ul{margin-left:35px; }
.nav ul li{ float:left; width:85px; height:29px; padding:0 1px 0 0; display:inline;}
.nav ul li img{display:block;}
.hotline{ float:right;  }
.search{ float:left; background:#624c8d; width:722px; padding:5px 0 5px 38px;}
.search_input{ width:180px;border:#404040 solid 1px; height:16px; padding-top:2px;}
.search_select{ width:76px; border:#404040 solid 1px; #height:19px;height:20px;}
.search_tel{ float:left; margin-right:8px;}
.cart{ float:right; width:160px; background:#fafafa; height:27px;padding:5px 0 0 20px;}
.hotsearch{ float:left; background:#e2cedf;height:17px; width:722px; padding:8px 0 5px 38px; overflow:hidden;}
.order{ float:right;background:#fafafa;width:160px; height:25px; padding:5px 0 0 20px;}
.post{ margin:3px 20px;}
.marquee{float:left; width:880px; color:#725b9c;}

/* footer */
#footer {padding:25px 0 0 0; width:940px; margin:0 auto;}
.helpbar {padding:10px 0 7px 0; border-top:#e2e2e2 1px solid; border-bottom:#e2e2e2 1px solid; text-align:center;width:940px;margin:0 auto; color:#666}
.copyright {padding:20px 0; text-align:center; font-family:arial;width:940px;margin:0 auto;color:#666}


/*left*/
.main_container{ margin:0 auto; width:940px;}
.left_container{ float:left; width:196px;}
.left_nav{ width:196px; float:left;}
.left_nav01{ padding:7px 0 0 34px; background:#725b9c;  font-size:0; }
.left_nav02{ border:#e7dded solid 1px; border-top:none; width:194px; overflow:hidden;}
.left_nav02 li{ padding:6px 0 4px 0; border-bottom:#f6f6f6 solid 1px; margin:0 3px; padding-left:25px;}
.more{background:#725b9c; text-align:right; padding:0 8px 2px 0; font-size:0;}


/*ranking*/                                                       
.ranking{ border:#e8deee solid 1px; margin-top:15px; height: auto !important; height: 50px; /*假定最低高度是50px*/min-height: 50px;}
.ranking_top{ width:190px; height:20px; background:#893c80; text-align:center; margin:0 auto; padding-top:8px;}
.ranking01{ margin:20px 0px 20px 8px; line-height:18px;}
.ranking01 img{ display: block;}
.ranking01 ul li{ float:left; margin-right:6px;}

/*service*/
.service{ border:#e8deee solid 1px; margin-top:15px;}
.service_top{ width:190px; height:20px; background:#624c8d; text-align:center; margin:0 auto; padding-top:8px;}
.service01 ul { text-align:center; padding:8px 0;}
.service01 ul li{ ;}


/*右侧*/
.right_container{ width:730px;float:right;}
.TVwall{ }
.TVwall_b{overflow:hidden;float:left;}
.TVwall_b ul li{ float:left;}
.tcwall_b01{background-color:#e2cedf; width:182px; height:22px; text-align:center; padding-top:5px; cursor:pointer;}
.tcwall_b02{background-color:#ffffff; width:181px; height:22px; text-align:center; padding-top:5px;}
.fontTVtitle{color:#624c8d; text-decoration:none; font-size:14px;}
.tcwall_bsplit{background:url(/shop/images/pic/tvsplit.gif); width:1px; height:27px;}
.right01{ margin-top:15px;}
.niuer{ float:left; width:355px; height:190px; background:url(/shop/images/pic/video_bg.gif); border:#e7dded solid 1px;}
.niuer_top{ margin:0 auto; padding:5px 0 0 26px; background:#e9e7e8; height:20px; width:325px;}
.niuer_text{ width:173px; float:right; margin:13px 10px 20px 6px; line-height:18px;}

.video{ float:right;width:355px; height:190px;background:url(/shop/images/pic/video_bg.gif); border:#e7dded solid 1px; }
.video_top{ margin:0 auto; padding:5px 0 0 26px; background:#e9e7e8; height:20px;width:325px;}
.video_text{ width:167px; line-height:20px; margin:8px 0 0 7px; float:left;}
.video_text  p{width:110px; height:20px; overflow:hidden; display:block;}

.ad01{ border:#ccc solid 1px; width:480px; height:225px; float:left; font-size:0; }
.ad02{ width:235px; height:105px;border:#ccc solid 1px;  float:left;  font-size:0;}

.right03_in{ width:355px; height:155px; float:left;border:#ccc solid 1px; margin-bottom:15px; font-size:0;}
.right03_in02{ width:355px; height:155px; float:right;border:#ccc solid 1px;margin-bottom:15px; font-size:0;}

/*category*/
.top{ border:#dcddde solid 1px; margin-bottom:20px;} 
.main_title{ border-bottom:#dcddde solid 1px; padding-bottom:2px; margin-bottom:4px; height:22px; }
	.list_title{ border:#efefef solid 1px; background:url(/shop/images/pic/list_title_bg.gif) repeat-x; height:23px;padding:4px 0 0 10px; margin-bottom:15px;}
.array{ float:right;}
.array ul { float:left; width:195px;}
.array ul li{ float:left; padding-right:3px;}
.visual{ float:left; margin:5px 0 0 135px;}

.product ul{ margin-left:2px;}
.product ul li{ width:182px;_width:179px;float:left; margin-top:25px;}
.product ul li img{ display:block;}
.product_img{width:173px;border:#e9e0ee solid 1px;margin-right:8px; _margin-right:7px;margin-bottom:15px;height:173px;padding:auto 0px;}
.product_text{width:173px; margin-left:2px; }
.product_text_icon{ margin-bottom:15px;}

.page_number{ float:right; margin:35px 0 25px 0;height:22px;}
.page_number table{ text-align:center; color:#fff;}
.page_num_01{ float:left; }
.page_num_02{ float:left; margin:5px 0 0 11px;}

/*pagination*/
table tr td.b {PADDING-RIGHT:3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; font-size: 12px; }
table tr td.b a { BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 1px; MARGIN: 2px 1px; BORDER-LEFT: #eee 1px solid; COLOR: #6d43af; PADDING-TOP: 1px; BORDER-BOTTOM: #eee 1px solid; TEXT-DECORATION: none;border:0px;}
table tr td.b a:hover { BORDER-RIGHT: #eee 1px solid; BORDER-TOP: #eee 1px solid; BORDER-LEFT: #eee 1px solid; text-decoration:underline; BORDER-BOTTOM: #eee 1px solid;border:0px;}
table tr td.b a.curr { BORDER-RIGHT: #6d43af 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #6d43af 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; MARGIN: 2px; BORDER-LEFT: #6d43af 1px solid; COLOR: #fff; PADDING-TOP: 0px; BORDER-BOTTOM: #6d43af 1px solid; BACKGROUND-COLOR: #6d43af }
table tr td.b a.noboder {  padding: 1px 6px; margin-left: 2px; border: 0; background:none; color:#666 }
table tr td.b a.noboder:hover {  }
table tr td.b label{color:#666;}
table tr td.b .pg_btn{margin-left:5px; border:0px; background:url(/shop/images/btn/sure.gif);width:37px;height:17px; cursor:pointer;}
table tr td.b span.pagenav { float: left; margin: 3px 6px 0 0; display:none; }

/*5.23修改--------------------------------------------------------------------------*/
.product_detail{ height:1%;}
.product_detail_l{ width:298px; height:298px; border:#e8deee solid 1px; float:left;}
.product_detail_lk{ width:300px;  float:left;}
.product_detail_c{ float:left; margin:10px 0 20px 0;_margin:10px 0 10px 0;}
.product_detail_c ul { width:300px; margin-bottom:12px;#margin-bottom:10px;}
.product_detail_c ul li{ width:64px; height:64px;border:#e8deee solid 1px; float:left; margin:0 4px;}
.product_detail_c ul li img{ display: block;}
.product_detail_r{ width:405px; float:left; padding:13px 0 0 20px;}
/*5.23修改---------------------------------------------------------------------------*/


.price ul li{ width:150px; float:left;}
.hotsale{border:#e8deee solid 1px; padding:0 2px ; }
.hotsale_title{ height:22px;  background:#feebfa; padding:8px 0 0 10px;}
.product_hot{height: 255px; #height: 270px; }
.product_hot ul{ margin:16px 0 0 16px;}
.product_hot ul li{ float:left; width:160px; margin-right:17px;_margin-right:12px;}
.pro160{border:#cccccc solid 1px; width:160px; height:160px;}
.pro160 img{ display:block;}
.pro160_text{  width:160px; margin-top:16px; padding-left:5px;}
.product_intro01{ background:#dcddde; height:19px; padding:5px 0 0 10px;}
.product_intro02{ background:#e6e7e8; height:19px; padding:5px 0 0 10px;}
.product_intro_text{ padding:16px;}

.list02_tltle{ background:url(/shop/images/pic/list02_title_bg.gif) repeat-x; height:23px; width:720px; padding-top:6px; border:#f0f0f0 solid 1px; padding-left:10px; margin-bottom:12px;}
.list02_pic{ width:100px; height:100px; float:left; text-align:center;}
.list02_text{ float:left; padding-left:15px; width:432px; height:96px; overflow:hidden;}
.list02_text02{ float:left; padding:5px 0 0 40px; width:136px; height:100px}

/*reg&login*/
reg_login{width:394px; height:417px; border:#e8dfee solid 1px;}
.reglogin{ width:394px; height:417px; border:#e8dfee solid 1px; padding:27px 33px 0 35px; float:left; }
.reglogin_title{ border-bottom:#624c8d solid 1px; padding-bottom:5px;}
.reg_login_login{width:324px; padding-left:40px;}
.reg_login_login table td{ height:30px;}

.active{border:#e8dfee solid 1px; width:830px;  padding:37px 20px; margin:0 auto; margin-bottom:20px;}
.active_title{border-bottom:#624c8d solid 1px; padding-bottom:5px;}
.active_text{ padding:66px 0 0 82px;}
.active_k{ background:#fff5fd; border:#cc99cc solid 1px; width:294px; height:55px; padding:6px; margin:20px 0;}

.recommend_title{ border:#efefef solid 1px; background:url(/shop/images/pic/recommend_title_bg.gif) repeat-x; height:23px;padding:6px 0 0 10px; width:860px; margin:0 auto;}
.recommend_in{ width:910px; margin:0 auto; height:265px; padding:0 0; #padding-bottom:3px; overflow:hidden;}
.recommend_in ul li{ display:block; width:205px; margin:16px 22px 16px 0; float:left; height:100px;}
.recommend_in01{ float:left;}
.recommend_in01 img{ display:block;}
.recommend_in02{ float:left; width:90px; margin-left:5px;}

/*my naruko*/
.my_naruko{ border:#000000 solid 1px; }
.my_naruko ul { margin-top:2px;}
.my_naruko ul li{ height:23px; color:#624c8d;padding:0px 0px 10px 2px; overflow:hidden;}
.leftmenu{width:190px;height:33px; text-indent:52px; line-height:33px; display:block; overflow:hidden;}
.leftmenu_cur{ background:url(/shop/images/pic/my_naruko_navbg.gif) center repeat-y; }
.naruko_ontainer{ border:#e2e0e0 solid 1px; padding:15px; color:#666;height: auto !important; height: 50px; /*假定最低高度是200px*/min-height: 50px;}
.my_naruko_center{border:#efefef solid 1px; background:url(/shop/images/pic/list_title_bg.gif) repeat-x; height:21px;padding:6px 0 0 10px; margin-bottom:15px; width:465px;}
.my_naruko_in{border:#efefef solid 1px;width:443px; padding:16px; height:462px;}
.order_info{ margin-left:25px; border-bottom:#eaeaea solid 1px; line-height:20px;padding:15px 0 10px 0;}
.order_info_h{ font-size:14px; font-weight:bold;}
.favorite{ margin:3px 0 10px 0;}
.favorite_title{ background:url(/shop/images/pic/order_bg.gif) repeat-x; border:#f0f0f0 solid 1px; height:24px;  padding:5px 0 0 10px; margin-bottom:22px;}
.favorite_01{ float:left; margin:40px 10px 0 0;}
.favorite_02{ float:left; margin-right:23px;}
.favorite_03{ float:left; width:390px; line-height:20px;}
.favorite_04{ float:left; margin-top:58px;}
.point{ background:#fff5fd; border:#cc99cc solid 1px; padding:18px 0 18px 48px; margin:20px 0; color:#000000;}
.points02_pic { width:300px; height:300px; border:#dcdcdc solid 1px; float:left; margin-left:10px;}
.points02_text{ float:left;}
.points02_text_title{ font-weight:bold; font-size:14px; border-bottom:#dcdcdc solid 1px; width:320px; margin-left:35px; padding-bottom:10px; }
.points02_text_01{width:320px; margin-left:35px; padding:15px 0 60px 0; line-height:22px;word-wrap: break-word; height:47px; overflow:hidden;}
.points02_text_02{width:320px; margin-left:35px; }

.points_exchange01{border:#e4e2e2 solid 1px; padding:15px; margin:0 0 15px 0; height:1%}
.points_exchange01 ul li{ float:left; text-align:center; margin:15px 30px 0 30px;_margin:15px 29px 0 29px; width:100px;}
.points_exchange01_pic{border:#e4e2e2 solid 1px; width:100px; height:100px; display:block;}

/*cart*/
.cart_title{ border:#e2e0e0 solid 1px; background:url(/shop/images/pic/list_title_bg.gif) repeat-x; height:21px;padding:6px 0 0 10px; margin-bottom:15px;}
.cart_container{ border:#e2e0e0 solid 1px; padding:15px; }

/*placeorder*/
.placeorder_container{ border:#e4e2e2 solid 1px; width:870px; margin:0 auto; padding:15px;}
.placeorder_title{ background:url(/shop/images/pic/order_bg.gif) repeat-x; border:#f0f0f0 solid 1px; height:24px;  padding:5px 0 0 15px; font-size:14px; color:#333; }
.placeorder_text{ padding:10px 15px; line-height:21px;color:#666666;}
.placeorder_text_red{ padding:10px 15px; line-height:21px;color:#666666; background:#f8f7f7 ; padding:15px; }
.placeorder03_text{ font-size:14px; font-weight:bold; color:#666;	}

.placeorderbox_pay{ margin:10px 10px 0 0;}
.placeorderbox_pay02{ margin:0 10px 5px 0; padding-top:10px; border:#b86fae solid 1px; background:#fff; width:615px;height:170px;}
.placeorderbox_pay02  ul{ margin:60px 0 40px 30px; padding-bottom:40px; }
.placeorderbox_pay02 li { float:left;  padding-right:20px; }

.user{ margin:0 auto; width:900px;}
.about_text{ padding:10px 50px;}
.about_text p{ padding-bottom:18px;}
.about_title{ color:#97548f; font-weight:bold;}
.help_nav02_title{color:#97548f; font-weight:bold; font-size:14px;}
.logistics_text{ padding:10px;}
.logistics_text_in{ padding:0 12px;}
.logistics_text_title{ font-size:14px; font-weight:bold; color:#666;}

.contact{border:#d0a1d0 solid 1px; background:#fff5fd; padding:30px 0 26px 75px;#padding:30px 0 15px 75px }
.cooperation{}
.cooperation li{ width:100px; height:32px; border:#cfcfcf solid 1px; float:left; display:block; margin:0 22px 40px 22px;*margin:0 22px 50px 22px; }

.q_a{ padding:0 50px 0 12px; padding:10px 0; border-bottom:#eaeaea solid 1px;}
.q_a_01{ float:left; margin:0 15px 0 15px;}
.q_a_02{ float:left; width:550px;}
.q_a_03{ float:left; margin-left:45px;}

.array02{ float:right;}
.array02 ul { float:left; width:195px; padding-top:4px;}
.array02 ul li{ float:left; padding-right:3px;}
.visual02{ float:left; margin:5px 0 0 200px;}


.news{ border:#000000 solid 1px; color:#666666; }
.news ul li{ border-bottom:#cccccc dashed 1px; margin:0 10px; padding:6px 0;}
.video_img{ text-align:center; width:160px; border:#ccc solid 1px; padding:2px;margin:13px 0 0 14px;}
.video_img img {display:block;}
.point_k{ background:url(/shop/images/pic/points_bg.gif) no-repeat; width:385px; height:140px;}
.point_k_01{color:#fff; padding:8px 0 0 45px; float:left;}
.point_k_02{float:right; padding:12px 20px 0 0 ;}
.point_k_03{ padding:30px 0 0 100px;}
.point_k_04{padding:20px 0 0 90px;}

/*WAYNE 2010-04-13
----------------------------------------*/
/*font-size*/
.f_s_13{font-size:13px;}

/*font-family*/
.f_naruko{font-family:Arial, Helvetica, sans-serif}

/*display*/
.display_b{display:block;}
.display_i_b{display:inline-block;}
.display_n{display:none;}
.display_i{display:inline;}

/*overflow*/
.o_h{overflow:hidden;text-overflow:ellipsis; }
.o_y_s{overflow-y:scroll;}
.o_x_h{overflow-x:hidden;}

/*white-space*/
.nowrap{ white-space:nowrap;}
.wrap_b{word-wrap: break-word;}

/*margin&padding*/
.m_t_6{margin-top:6px;}
.m_l_20{margin-left:20px;}
.m_l_15{margin-left:15px;}
.m_t_25{margin-top:25px;}
.m_r_10{margin-right:10px;}
.m_l_r_0{margin-left:0px;margin-right:0px;}
.m_l_r_auto{margin-left:auto;margin-right:auto;}
.p_l_r_0{padding-left:0px;padding-right:0px;}

/*clear*/
.clear{clear:both;overflow:hidden;}

/*height&width*/
.h_0{height:0px;}
.h_1{height:1px;}
.h_5{height:5px;}
.h_10{height:10px;}
.h_15{height:15px;}
.h_20{height:20px;}
.h_25{height:25px;}
.h_30{height:30px;}
.h_50{height:50px;}
.w_20{width:20px;}
.w_140{width:140px;}
.w_190{width:190px;}
.w_205{width:205px;}
.w_84{width:84px;}
.h_86{height:86px;}

/*line-height*/
.l_h_100{line-height:100%;}
.l_h_125{line-height:125%;}
.l_h_150{line-height:150%;}
.l_h_175{line-height:175%;}
.l_h_200{line-height:200%;}

/*text-index*/
.t_i_2{text-indent:2px;}
.t_i_5{ text-indent:5px;}
.t_i_10{text-indent:10px;}
.t_i_65{text-indent:65px;}

/*float*/
.f_l{float:left;}
.f_r{float:right;}

/*text_align*/
.t_a_c{ text-align:center;}
.t_a_l{text-align:left;}
.t_a_r{text-align:right;}
.v_a_t{ vertical-align:top;}
.v_a_m{vertical-align:middle;}
.v_a_b{vertical-align:bottom;}
.t_v_a_t td{ vertical-align:top;}

/*ul li ll*/

/*cursor*/
.cur_p{cursor:pointer;}

/*border*/
.test_b_b{border:1px solid blue;}
.test_b_r{border:1px solid red;}
.test_b_g{border:1px solid green;}
.b_0{border:0px;}

/*color*/
.color_naruko{color:#624c8d;}
.color_gray{color:#777;}
.color_hui{color:#999;}
.color_red{color:#cc0000;}
.color_333{color:#333;}


/*text-d*/
.t_d_lt{ text-decoration:line-through;}

/*btn*/
.btn_login{background:url(/shop/images/btn/login.gif); width:86px;height:27px;border:0;cursor:pointer;}
.btn_reg{background:url(/shop/images/btn/reg.gif); width:86px;height:27px;border:0;cursor:pointer;}
.btn_Fin{background:url(/shop/images/btn/sure02.gif); width:86px;height:27px;border:0;cursor:pointer;}
.btn_Submit{background:url(/shop/images/btn/submit.gif);width:86px;height:27px;border:0;cursor:pointer;}
.btn_Reset{background:url(/shop/images/btn/reset.gif);width:86px;height:27px;border:0;cursor:pointer;}
.btn_account_reset{background:url(/shop/images/btn/user_info02.gif);width:74px;height:24px;border:0;cursor:pointer;}
.btn_account_submit{background:url(/shop/images/btn/user_info01.gif);width:74px;height:24px;border:0;cursor:pointer;}
.btnUserSure{background:url(/shop/images/btn/sure03.gif); width:86px;height:27px;border:0;cursor:pointer;}
.btnUserReset{background:url(/shop/images/btn/sure04.gif); width:86px;height:27px;border:0;cursor:pointer;}
.btnUserSave{background:url(/shop/images/btn/save.gif);width:74px;height:24px;border:0px;cursor:pointer;}
.btnEdmEdit{background:url(/shop/images/btn/edm01.gif); width:74px;height:24px;border:0px;cursor:pointer;}
.btnEdmSend{background:url(/shop/images/btn/edm02.gif);width:138px;height:29px;border:0px;cursor:pointer;}
.btnRedeem{background:url(/shop/images/btn/exchange .gif);width:74px;height:24px;border:0px;cursor:pointer;}
.btnCancel{background:url(/shop/images/btn/cancel.gif);width:74px;height:24px;border:0px;cursor:pointer;}
.btnSure{background:url(/shop/images/btn/sure05.gif);width:74px;height:24px;border:0px;cursor:pointer;}
.btnExchangeCancel{background:url(/shop/images/btn/exchangeCancel.gif); width:87px;height:27px;border:0px;cursor:pointer;}
.btnExchangeSubmit{background:url(/shop/images/btn/exchangeSubmit.gif);width:87px;height:27px;border:0px;cursor:pointer;}
/*txt*/
.input_txt{width:199px; border:#999999 1px solid; padding:0px 4px;padding-top:4px;height:19px; line-height:15px; margin:0px; }
.input_niuer{background:url(/shop/images/comm/inputniuer.jpg);width:164px; border:0px;border-right:#999999 1px solid;border-bottom: #999999 1px solid;padding:0px 4px 0px 39px;padding-top:4px;height:19px; line-height:15px; margin:0px; }

/*plugin*/
/*formvalidate*/
.onShow
{
    /*background: url(/shop/images/comm/icon/onFocus.gif) no-repeat; */
    height:21px;
	font-size: 12px;
	line-height:22px; 
	vertical-align:middle;
	color:#777;
	display:none;
}
.onFocus
{
   /* background: url(/shop/images/comm/icon/onFocus.gif) no-repeat;  */
	font-size: 12px;
	line-height:22px; 
	vertical-align:middle;
	color:#777;
	display:none;
}
.onError
{
    background: url(/shop/images/icon/ico01.gif) no-repeat;
    padding-left:25px;
	font-size: 12px;
	line-height:22px; 
	vertical-align:middle;
	color:red;
}
.onCorrect
{
    background: url(/shop/images/icon/ico02.gif) no-repeat; 
    padding-left:25px;
	font-size: 12px;
	line-height:22px; 
	vertical-align:middle;
	color:#624c8d;
}
.onLoad
{
    background: url(/shop/images/comm/icon/onLoad.gif) no-repeat 3px 3px;
    padding-left:25px;
	font-size: 12px;
	line-height:22px; 
	vertical-align:middle;
	color:#624c8d;
} 

/* J_Tab */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    font-weight: bold;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
}
.ui-tabs-nav a {
    
    padding-left: 0;
    background-position: 100% 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #fff;
}

.ui-tabs-nav . position: relative;{
    top: 1px;
    z-index: 2;
    margin-top: 0;
    backgropadding-top: 1px;% -23px;
}
.ui-tabs-nav a span {
    padding-top: 1px;
    padding-right: 0;
    height: 20px;
    background-position: 0 0;
    line-height: 20px;
}
#iframe1{background:url(/shop/images/btn/integral01.gif) no-repeat;width:85px;height:28px;}
li.ui-tabs-selected #iframe1{background:url(/shop/images/btn/integral01_on.gif) no-repeat;width:85px;height:28px;}

#iframe2{background:url(/shop/images/btn/integral02.gif) no-repeat;width:85px;height:28px;}
li.ui-tabs-selected #iframe2{background:url(/shop/images/btn/integral02_on.gif) no-repeat;width:85px;height:28px;}


.ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 0;
    height: 27px;
    background-position: 0 -23px;
    line-height: 27px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {
    
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}


a.redlink:link{
color: #cc0000;
text-decoration:none;
}
a.redlink:visited{
color: #cc0000;
text-decoration:none;
}
a.redlink:hover{
color: #cc0000;
text-decoration:none;
}
a.redlink:active{
color: #cc0000;
text-decoration:none;
}

/**
* highslide 
*/
.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide-container table {
	background: none;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: 2px solid silver;
}
.highslide:hover img {
	border-color: gray;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.glossy-dark {
	background: #111;
}

.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
	font-size: .9em;
}
.highslide-caption {
	display: none;
	font-size: 1em;
	padding: 5px;
	/*background: white;*/
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
a.highslide-full-expand {
   background: url(/shop/images/comm/graphics/fullexpand.gif) no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 34px;
   height: 34px;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(/shop/images/comm/graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move, .highslide-move * {
	cursor: move;
}

.highslide-viewport {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: none;
	left: 0;
	top: 0;
}
.highslide-overlay {
	display: none;
}
.hidden-container {
	display: none;
}

.highslide-maincontent {
	display: none;
}
.highslide-html {
	background-color: white;
}
.highslide-html-content {
	display: none;
	width: 400px;
	padding: 0 5px 5px 5px;
}
.highslide-header {
	padding-bottom: 5px;
}
.highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-header a:hover {
	color: black;
}
.highslide-header .highslide-move a {
	cursor: move;
}
.highslide-footer {
	height: 16px;
}
.highslide-footer .highslide-resize {
	display: block;
	float: right;
	margin-top: 5px;
	height: 11px;
	width: 11px;
	background: url(/shop/images/comm/graphics/resize.gif) no-repeat;
}
.highslide-footer .highslide-resize span {
	display: none;
}
.highslide-body {
}
.highslide-resize {
	cursor: nw-resize;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(/shop/images/comm/graphics/close.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}

/*partner*/
.partner{border:#eaeaea solid 1px; width:890px; margin:0 auto 20px auto; padding:10px 10px 10px 25px; margin-top:25px; color:#646464}
.partner ul{ margin-top:8px;}
.partner ul li{border:#eaeaea solid 1px; width:92px; height:28px;  float:left; margin:0 4px 10px 0; display:block;}

.pop_li{ margin-top:10px; height:200px; overflow:scroll;overflow-x:hidden}
.pop_li li{ margin-left:5px; list-style-type:disc; list-style-position:inside}