@import url("/css/ubs-base.css");		/*  import */
@charset "utf-8";

#header #menu {clear:both;width: 980px;height:65px;}
#header #search {position:absolute;top:51px;width:377px;height:35px;margin-left:697px;z-index:200;}

/* bg */
.sub_bg {background-color:#ffffff;background-image:url(/jsp/common/images/common/sub_bg.jpg);background-repeat:no-repeat;back-attachmenu:fixed;background-position:50% 0;}


/*Sub_common*/
#container {width:980px;padding-top:94px;text-align:left;}
	#s_top {position:absolute;top:51px;width:980px;height:159px;}
	#s_left {position:absolute;width:190px;float:left;}
	#content {width:790px;float:right;text-align:left;margin-bottom:60px;}
		#content_area {width:680px;padding-left:20px;}

			#jewellery_tab {width:680px;}
			#jewellery_tab li {float:left;}

			#tit {width:680px;margin-top:40px;}
			#tit .location {font-size:11px;text-align:right;color: #adadad;}

			#page {width:680px;min-height:400px;_height:400px;}
			#page th {font-size:12px;color:#495d8a;font-weight:bold;}
			#page a.active {color:#3658a4; text-decoration:none;font-weight: bold;}
			#page .barcode_box {width:608px;border: 2px solid #d7d7d7;margin:15px;text-align:left;padding:18px;}

/*guide*/
#container #content #content_area #page .Stocktaking_tab {margin-left:16px;}
#container #content #content_area #page .Stocktaking_tab li {float:left;}
* html body #container #content #content_area #page .barcode_box {width:648px;border: 2px solid #d7d7d7;margin:15px;text-align:left;padding:18px;} /*for IE*/
#container #content #content_area #page .barcode_tab {margin-left:50px;}
#container #content #content_area #page .barcode_tab li {float:left;}
#container #content #content_area #page .problem_tab {margin-left:16px;width:626px;border-top: 2px solid #ed1c23;border-bottom: 2px solid #ed1c23;padding:2px 10px;}
* html body #container #content #content_area #page .problem_tab {margin-left:16px;width:648px;border-top: 2px solid #ed1c23;border-bottom: 2px solid #ed1c23;padding:2px 10px;} /*for IE*/
#container #content #content_area #page .problem_tab a, a:link, a:link, a:visited {color:#666; text-decoration:none;}
#container #content #content_area #page .problem_tab a:hover {color:#e01000; text-decoration:none;font-weight: bold;}
#container #content #content_area #page .problem_tab a.active {color:#e01000; text-decoration:none;font-weight: bold;}
#container #content #content_area #page .problem_tab .dash {border-bottom:1px dashed #d7d7d7;padding:5px 0;}
#container #content #content_area #page .problem_tab .dash2 {padding:5px 0;}
#container #content #content_area #page .pagebox {width:609px;border: 1px solid #d7d7d7;margin-left:16px;text-align:center;padding:18px;}
* html body #container #content #content_area #page .pagebox {width:648px;border: 1px solid #d7d7d7;margin-left:16px;text-align:center;padding:18px;} /*for IE*/
#container #content #content_area #page .pagebox .line {border-bottom: 1px solid #d7d7d7;}
#container #content #content_area #page .pagebox .graybox {background-color:#f5f5f5;padding:10px;}
#container #content #content_area #page .pagebox .graybox2 {background-color:#eeeeee;padding:10px;}
.barcode_T{width:645px; border-top:2px solid #889dce; border-bottom:2px solid #889dce;}
.barcode_T th{width:180px; height:30px; border-bottom:1px solid #e5e5e5; background-color:#fafafa; text-align:right; padding:0 15px 0 0; vertical-align:middle;}
.barcode_T td{min-height:30px; border-bottom:1px solid #e5e5e5;  text-align:left; padding:0 0 0 10px; vertical-align:middle;}

/*support_cutomer_introduce_member*/
#container #content #content_area #subtop_bar {width:680px;height:20px;background-image: url(/jsp/common/images/common/subtop_bg.gif);background-repeat:repeat-x;back-attachmenu:fixed; background-position: center;}

/*customer*/
#container #content #content_area #page .cutomer_form {width:620px;padding-top:30px;margin:0 auto;}
#container #content #content_area #page .cutomer_form .free_bg { background-image: url(/jsp/common/images/customer/ribon.gif);background-repeat:no-repeat;/* back-attachmenu:fixed;  */background-position: top;}
#container #content #content_area #page #free_join { padding-top:10px; }
#container #content #content_area #page #free_login {/*  padding-top:65px; */ }

/*member*/
#container #content #content_area #page #login_form {width:653px;height:291px;margin:40px auto 0 auto;
																							background-image: url(/jsp/common/images/member/login_bg.gif);background-repeat:no-repeat;back-attachmenu:fixed; background-position: center;}
#container #content #content_area #page #join_check {width:680px;height:48px;margin:0 auto;padding-top:23px;
																							background-image: url(/jsp/common/images/member/check_bg.gif);background-repeat:no-repeat;back-attachmenu:fixed; background-position: center;}
* html #container #content #content_area #page #join_check {width:680px;height:71px;margin:0 auto;padding-top:23px;
																							background-image: url(/jsp/common/images/member/check_bg.gif);background-repeat:no-repeat;back-attachmenu:fixed; background-position: center;} /*for IE*/
#container #content #content_area #page .box_bg {background-image: url(/jsp/common/images/common/box4_bg.gif);background-repeat:repeat-y;back-attachmenu:fixed; background-position: center;}
#container #content #content_area #page #join_info {width:650px;margin:0 auto;text-align:left;}
#container #content #content_area #page #id_search {width:653px;height:100px;margin:0 auto;padding-top:21px;
																							background-image: url(/jsp/common/images/member/idsearch_bg.gif);background-repeat:no-repeat;back-attachmenu:fixed; background-position: center;}
* html #container #content #content_area #page #id_search {width:653px;height:121px;margin:0 auto;padding-top:21px;
																							background-image: url(/jsp/common/images/member/idsearch_bg.gif);background-repeat:no-repeat;back-attachmenu:fixed; background-position: center;} /*for IE*/
#container #content #content_area #page #pw_search {width:653px;height:125px;margin:0 auto;padding-top:16px;
																							background-image: url(/jsp/common/images/member/pwsearch_bg.gif);background-repeat:no-repeat;back-attachmenu:fixed; background-position: left top;}
* html #container #content #content_area #page #pw_search {width:653px;height:141px;margin:0 auto;padding-top:16px;
																							background-image: url(/jsp/common/images/member/pwsearch_bg.gif);background-repeat:no-repeat;back-attachmenu:fixed; background-position: left top;} /*for IE*/
#container #content #content_area #page .protocol_tit {padding-top:20px;padding-bottom:10px;color:#ed1c23;font-weight:bold;}
#container #content #content_area #page .protocol_tit a {color:#ed1c23;}
#container #content #content_area #page .protocol_stit {padding-top:10px;padding-bottom:2px;font-weight:bold;}
#container #content #content_area #page .protocol_line {height:17px;background-image: url(/jsp/common/images/member/company_useraw_n6.gif);background-repeat:repeat-x;back-attachmenu:fixed; 
																							  background-position: left middle;text-align:right;margin-top:10px;}

/*table_blue*/
.line_blue_bold {border-top: 2px solid #889dce;}
.line_blue_bold2 {border-bottom: 2px solid #889dce;}
.line_gray {border-bottom: 1px solid #e5e5e5;}
.line_gray2 {border-left: 1px solid #e5e5e5;}
.line_gray3 {border-right: 1px solid #e5e5e5;}
.td_bg_gray {background-color: #fafafa;}

/*table_red*/
.line_red_bold {border-top: 2px solid #e6464b;}
.line_red_bold2 {border-bottom: 2px solid #e6464b;}


/*press_board*/
.press_search {padding:30px 10px 0 0;text-align:right;}
.press_list {width:660px;margin:10px auto;}
.line_black2 {height: 1px;background-color:#878889;}
.line_black {border-bottom: 1px solid #878889;padding:7px;}
.press_tit {font-weight:bold;padding-bottom:5px;}
.press_paging {margin:10px 0 0 10px;}

/* quick */
#DivMovingLayer {position:absolute;  /*position:fixed;*/ left:50%; margin-left:500px; top:136px; z-index:20; }





.menu-wrap {margin:16px 0 40px;}

.img-trans img:last-child {display:none;}
.img-trans:hover img:first-child {display:none;}
.img-trans:hover img:last-child {display:inline-block;} 

.img-trans.active img:first-child {display:none;}
.img-trans.active img:last-child {display:inline-block;} 




#visual {width:980px;height:482px;z-index:50;text-align:left;margin: 0 auto; background-repeat:no-repeat;back-attachmenu:fixed; background-position:top right;}
#v_left {position:absolute;float:left;width:207px;}
	.today{width:207px; height:25px; margin:0 auto;}
	.today li{float:left; font-size:12px;}
#v_right {position:absolute;float:right;width:773px;top:0; margin-left:207px; background-image: url(/jsp/home/images/common/fla_bg.gif); background-repeat:no-repeat; background-position:top;}
#vright {margin-left:230px;}
#s_top {top:86px; height:124px;}

.sub-menu {margin-top: 50px;}


top Navigation
				#menu{float:left; width:773px; height:35px; margin:51px 0 0 20px;}
				.subCateBg {display:none; width:767px; height:31px; position:absolute; left:50%; margin-left:-284px; /*  padding-left: 32px; */ background-image: url(/jsp/home/images/common/bar.png); background-repeat:no-repeat;}
					#menu ul{float:left;}
					#menu li{margin:0; float:left; left: 50%;}
						#m01{position:absolute; left: 50%; margin-left:-387px; top:86px; z-index:20; visibility:hidden;}
						#m02{position:absolute; left: 50%; margin-left:-387px; padding:0; top:86px; visibility:hidden;}
						#m03{position:absolute; left: 50%; margin-left:-387px; padding:0; top:86px; visibility:hidden;z-index:3;}
						#m04{position:absolute;left: 50%; margin-left:-387px; padding:0; top:86px; visibility:hidden;z-index:3;}
						#m05{position:absolute;left: 50%; margin-left:-387px; padding:0; top:86px; visibility:hidden;z-index:3;}
						#m01 ul, #m02 ul, #m03 ul, #m04 ul,#m05 ul{}
						#m01 li, #m02 li, #m03 li, #m04 li,#m05 li{padding:0; margin:0; float:left;}
						#m01 .bnone, #m02 .bnone, #m03 .bnone, #m04 .bnone,  #m05 .bnone{border:0px;}


.subnav:hover .subCateBg {display:block;}


	/*margin-padding*/
	.l_p13 {padding:2px 0 0 2px;}
	.padL30{padding-left:30px;}
	.padL60{padding-left:60px;}
	.padL150{padding-left:150px;}
	.padL270{padding-left:270px;}
	.padL300{padding-left:300px;}
	.padT5{padding-top:5px;}
	

	
.left-sub {display:none;}	
.left-nav:hover .left-sub {display:block;}
.left-nav.active .left-sub {display:block;}