@import url(itemmall.css);
BODY {
	FONT-SIZE: 12px; WORD-SPACING: -2px; COLOR: #757575; LINE-HEIGHT: 130%; FONT-FAMILY: ??, Verdana, Geneva, Arial, Helvetica, sans-serif; 
TEXT-DECORATION: none
}
INPUT {
	FONT-SIZE: 12px; WORD-SPACING: -2px; COLOR: #757575; LINE-HEIGHT: 130%; FONT-FAMILY: ??, Verdana, Geneva, Arial, Helvetica, sans-serif; 
TEXT-DECORATION: none
}
SELECT {
	FONT-SIZE: 12px; WORD-SPACING: -2px; COLOR: #757575; LINE-HEIGHT: 130%; FONT-FAMILY: ??, Verdana, Geneva, Arial, Helvetica, sans-serif; 
TEXT-DECORATION: none
}
TD {
	FONT-SIZE: 12px; WORD-SPACING: -2px; COLOR: #757575; LINE-HEIGHT: 130%; FONT-FAMILY: ??, Verdana, Geneva, Arial, Helvetica, sans-serif; 
TEXT-DECORATION: none
}
TH {
	FONT-SIZE: 12px; WORD-SPACING: -2px; COLOR: #757575; LINE-HEIGHT: 130%; FONT-FAMILY: ??, Verdana, Geneva, Arial, Helvetica, sans-serif; 
TEXT-DECORATION: none
}
TEXTAREA {
	FONT-SIZE: 12px; WORD-SPACING: -2px; COLOR: #757575; LINE-HEIGHT: 130%; FONT-FAMILY: ??, Verdana, Geneva, Arial, Helvetica, sans-serif; 
TEXT-DECORATION: none
}
P {
	FONT-SIZE: 12px; WORD-SPACING: -2px; COLOR: #757575; LINE-HEIGHT: 130%; FONT-FAMILY: ??, Verdana, Geneva, Arial, Helvetica, sans-serif; 
TEXT-DECORATION: none
}
B {
	FONT-SIZE: 12px; WORD-SPACING: -2px; COLOR: #757575; LINE-HEIGHT: 130%; FONT-FAMILY: ??, Verdana, Geneva, Arial, Helvetica, sans-serif; 
TEXT-DECORATION: none
}
DIV {
	FONT-SIZE: 12px; WORD-SPACING: -2px; COLOR: #757575; LINE-HEIGHT: 130%; FONT-FAMILY: ??, Verdana, Geneva, Arial, Helvetica, sans-serif; 
TEXT-DECORATION: none
}
SPAN {
	FONT-SIZE: 12px; WORD-SPACING: -2px; COLOR: #757575; LINE-HEIGHT: 130%; FONT-FAMILY: ??, Verdana, Geneva, Arial, Helvetica, sans-serif; 
TEXT-DECORATION: none
}
BODY {
	BACKGROUND-IMAGE: url(/ver3/img/common/sub_background.jpg); MARGIN: 0px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #bee6f5
}
A:link {
	COLOR: #333333; TEXT-DECORATION: none
}
A:visited {
	COLOR: #333333; TEXT-DECORATION: none
}
A:hover {
	COLOR: #d7182a; TEXT-DECORATION: none
}
.news {
	COLOR: #d7182a
}
.info {
	COLOR: #f47920
}
.pds {
	COLOR: #faa61a
}
.support {
	COLOR: #00984a
}
.community {
	COLOR: #3777bc
}
.etc {
	COLOR: #7961aa
}
.style1 {
	COLOR: #ffffff
}
.style10 {
	COLOR: #005c7e
}
.style14 {
	FONT-WEIGHT: bold; COLOR: #4c4c4c
}
.style15 {
	COLOR: #a3a3a3
}
.style16 {
	COLOR: #a9a9a9
}
.style17 {
	COLOR: #4c4c4c
}
.style18 {
	COLOR: #737373
}
.style20 {
	FONT-SIZE: 11px; COLOR: #737373
}
.style21 {
	FONT-WEIGHT: bold; COLOR: #139ee6
}
.style22 {
	COLOR: #0069bf
}
.style23 {
	COLOR: #595959
}
.style24 {
	COLOR: #139ee6
}
TEXTAREA {
	BORDER-RIGHT: #ffffff 0px; BORDER-TOP: #ffffff 0px; SCROLLBAR-FACE-COLOR: #d9d9d9; FONT-SIZE: 9pt; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; BORDER-LEFT: #ffffff 0px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #646464; SCROLLBAR-3DLIGHT-COLOR: #d9d9d9; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff; BORDER-BOTTOM: #ffffff 0px; FONT-FAMILY: ??; SCROLLBAR-DARKSHADOW-COLOR: #d9d9d9; BACKGROUND-COLOR: #ffffff; solid: 1
}
.style26 {
	FONT-WEIGHT: bold; COLOR: #ffffff
}
.style27 {
	COLOR: #ffffff
}
.style28 {
	COLOR: #4c4c4c
}
.style29 {
	COLOR: #737373
}
.style30 {
	COLOR: #535353
}
.style32 {
	FONT-WEIGHT: bold; COLOR: #535353
}
.style33 {
	COLOR: #878787
}
.style34 {
	FONT-WEIGHT: bold; COLOR: #b94d79
}
.style35 {
	FONT-WEIGHT: bold; COLOR: #5a6fbc
}
.style42 {
	FONT-WEIGHT: bold; COLOR: #525252
}
.style43 {
	COLOR: #115e9d
}
.style44 {
	COLOR: #525252
}
.style36 {
	FONT-WEIGHT: bold; COLOR: #1288e1
}
.style37 {
	COLOR: #686868
}
.style38 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #115e9d; FONT-FAMILY: sans-serif, ???
}
.style39 {
	FONT-SIZE: 12px; COLOR: #226fae; FONT-FAMILY: sans-serif, ???
}
.style40 {
	FONT-SIZE: 12px; COLOR: #5d5d5d; FONT-FAMILY: sans-serif, ???
}
.style41 {
	FONT-SIZE: 12px; COLOR: #4c4c4c; LINE-HEIGHT: 130%; FONT-FAMILY: sans-serif, ???
}
.style48 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #2c97ee; FONT-FAMILY: sans-serif, ???
}
.style49 {
	FONT-SIZE: 12px; COLOR: #606060; FONT-FAMILY: sans-serif, ???
}
.style50 {
	COLOR: #1d8fed
}
.style45 {
	COLOR: #000000
}
.style46 {
	FONT-SIZE: 11px
}
.style47 {
	FONT-SIZE: 12px
}
.style52 {
	FONT-WEIGHT: bold; COLOR: #725893
}
.style53 {
	FONT-WEIGHT: bold; COLOR: #a8623c
}
.style61 {
	FONT-WEIGHT: bold; COLOR: #48a5f1
}
.style62 {
	FONT-WEIGHT: bold; COLOR: #4abef9
}
.style63 {
	FONT-WEIGHT: bold; COLOR: #656565
}
.style100 {
	COLOR: #757575
}
.style104 {
	FONT-WEIGHT: bold; COLOR: #1d8fed
}
.style109 {
	COLOR: #545454
}
.style107 {
	FONT-WEIGHT: bold; COLOR: #545454
}
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}

.formTextbox
{
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	font-size: 8pt;
	border-left: darkgray 1px solid;
	color: #333333;
	border-bottom: darkgray 1px solid;
	font-family: MS Sans Serif, tahoma;
	height: 17px;
}
.Title_Text
{
	font-size: 10pt;
	font-family: MS Sans Serif, tahoma;
	height: 20px;
	padding-left: 10px;
	background-color: highlight;
	color: #ffffff;
}

.Title_Pay
{
	font-size: 10pt;
	font-family: MS Sans Serif, tahoma;
	height: 20px;
	padding-left: 10px;
	background-color: #ff6633;
	color: #ffffff;
}
.HeaderStyle
{
	background-image: url(../Images/Bg_Hd_Table.jpg);
	height: 28px;
}
.ForumBoder
{
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#B8E8FC;
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#B8E8FC;
}
.TopBoder
{
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#B8E8FC;
}
.BT_BACK
{
	width: 75px;
	height: 24px;
	/*background: url(../images/bt_back.gif);*/
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	cursor:pointer; 
}
.input_02 {
	BORDER-RIGHT: #939393 1px solid; BORDER-TOP: #939393 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #939393 1px solid; COLOR: #000000; BORDER-BOTTOM: #939393 1px solid; FONT-FAMILY: ??
}
.input_03 {
	BORDER-RIGHT: #9d9d9d 1px solid; BORDER-TOP: #9d9d9d 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #9d9d9d 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #9d9d9d 1px solid; FONT-FAMILY: ??; BACKGROUND-COLOR: #9d9d9d
}
.input_04 {
	BORDER-RIGHT: #fbfbfb 1px solid; BORDER-TOP: #fbfbfb 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #fbfbfb 1px solid; COLOR: #000000; BORDER-BOTTOM: #fbfbfb 1px solid; FONT-FAMILY: ??
}
.input_05 {
	BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; FONT-SIZE: 8pt; BORDER-LEFT: 0px solid; COLOR: #000000; BORDER-BOTTOM: 0px solid; FONT-FAMILY: ??
}
.orang_b {
	FONT-WEIGHT: bold; COLOR: #ff6600
}
.orang {
	COLOR: #ff6600
}
.new_price_b {
	FONT-WEIGHT: bold; COLOR: #404040
}
.item_name_b {
	FONT-WEIGHT: bold; COLOR: #333333
}
.number {
	COLOR: #7b7b7b
}
.blue_b {
	FONT-WEIGHT: bold; COLOR: #008aff
}
.orang_ {
	COLOR: #ff6600; TEXT-DECORATION: line-through
}
.warn_text {
	COLOR: #f35000; LINE-HEIGHT: 130%
}
.item_name_b {
	FONT-WEIGHT: bold; COLOR: #333333
}
.luck_name {
	COLOR: #404040; LINE-HEIGHT: 130%
}
.luck_name_b {
	FONT-WEIGHT: bold; COLOR: #404040; LINE-HEIGHT: 130%
}

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 /*border-bottom: 1px solid #778;*/
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #778;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid #778;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
/* border:1px solid #aaa;*/
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

li{ list-style:none}
#GalleryTitle{ height:28px; width:100%;  background :url(../Images/Title/Untitled-1_02.jpg) repeat-x;} 
#GalleryTitle ul li{ float :left ;}
.txt-title{ color:#fff; font-weight:bold; font-size:13px; margin-top:7px; text-align:left;}
#poll{ padding :5px 10px 0 10px;}
#poll ul li{ font-size:10px; text-align:left}
#poll ul ul {width:248px; height:10px; background-color:#d6f4ff;-moz-border-radius:5px;border-radius:5px;}
#poll ul ul li{ float:left;}



/* dropdrow list menu */

ul { margin:0; padding:0; list-style:none;}
#nav { height:79px; overflow:hidden;width:889px; margin: 0px auto 0px auto;}
#nav a { display:block; float:left; height:63px; text-indent:-9999px; padding-bottom:15px;
}
#nav a#luna-home { width:95px; background:url(../Images/skin/sub_content/nav-menu.jpg) no-repeat 0px 100%; }
#nav a#luna-news { width:107px; background:url(../Images/skin/sub_content/nav-menu.jpg) no-repeat -95px 100%;}
#nav a#luna-info  { width:101px; background:url(../Images/skin/sub_content/nav-menu.jpg) no-repeat -202px 100%;}
#nav a#luna-gal { width:98px; background:url(../Images/skin/sub_content/nav-menu.jpg) no-repeat -303px 100%;}
#nav a#luna-load { width:105px; background:url(../Images/skin/sub_content/nav-menu.jpg) no-repeat -401px 100%;}
#nav a#luna-com { width:107px; background:url(../Images/skin/sub_content/nav-menu.jpg) no-repeat -506px 100%;}
#nav a#luna-shop { width:126px; background:url(../Images/skin/sub_content/nav-menu.jpg) no-repeat -613px 100%;}
#nav a#luna-cus { width:111px; background:url(../Images/skin/sub_content/nav-menu.jpg) no-repeat -739px 100%;}

#nav a#yg-news-current { width:92px; background:url(../Images/skin/sub_content/nav-yg.jpg) no-repeat -92px 0%;}
#nav a:hover#luna-home { background-position:0px 0%;}
#nav a:hover#luna-news {background-position:-95px 0%;}
#nav a:hover#luna-info {background-position:-202px 0%;}
#nav a:hover#luna-gal {background-position:-303px 0%;}
#nav a:hover#luna-load {background-position:-401px 0%;}
#nav a:hover#luna-com { background-position:-506px 0%;}
#nav a:hover#luna-shop {background-position:-613px 0%;}
#nav a:hover#luna-cus {background-position:-739px 0%;}

#header { position:relative;}
#dropdownA { width:320px; height:179px; position:absolute; background:url(../Images/skin/sub_content/sub_menu1.png) no-repeat; top:60px; left:27%; display:none;}
#dropdownA ul { margin:10px 0 0 10px;}
#dropdownA li { padding:5px 0; background:url(../Images/skin/sub_content/bullet_.gif) no-repeat left; padding-left:15px;}
#dropdownA li a { color:#016599;}
#dropdownA li a:hover {color:#2C8AEE;}

#dropdownB { width:320px; height:179px; position:absolute; background:url(../Images/skin/sub_content/sub_menu2.png) no-repeat; top:60px; left:35%; overflow:hidden; display:none;}
.boxA { width:125;  float:left; margin:10px 0 0 20px; display:inline;}
.boxA li { padding:5px 0; background:url(../Images/skin/sub_content/bullet_.gif) no-repeat left; padding-left:9px;}
.boxA li a { color:#016599;}
.boxA li a:hover {color:#2C8AEE;}

.boxB { width:125;  float:left; margin:10px 0 0 20px;}
.boxB li { padding:5px 0; background:url(../Images/skin/sub_content/bullet_.gif) no-repeat left; padding-left:9px;}
.boxB li a { color:#016599;}
.boxB li a:hover {color:#2C8AEE;}

#dropdownC { width:320px; height:179px; position:absolute; background:url(../Images/skin/sub_content/sub_menu3.png) no-repeat; top:60px; left:45%; display:none;}
#dropdownC ul { margin:10px 0 0 10px;}
#dropdownC li { padding:5px 0; background:url(../Images/skin/sub_content/bullet_.gif) no-repeat left; padding-left:15px;}
#dropdownC li a { color:#016599;}
#dropdownC li a:hover { color:#2C8AEE;}

#dropdownD { width:320px; height:179px; position:absolute; background:url(../Images/skin/sub_content/sub_menu4.png) no-repeat; top:60px; left:40%; display:none;}
#dropdownD ul { margin:10px 0 0 10px;}
#dropdownD li { padding:5px 0; background:url(../Images/skin/sub_content/bullet_.gif) no-repeat left; padding-left:15px;}
#dropdownD li a { color:#016599;}
#dropdownD li a:hover {color:#2C8AEE;}

#dropdownE { width:320px; height:179px; position:absolute; background:url(../Images/skin/sub_content/sub_menu5.png) no-repeat; top:60px; left:52%; display:none;}
#dropdownE ul { margin:10px 0 0 10px;}
#dropdownE li { padding:5px 0; background:url(../Images/skin/sub_content/bullet_.gif) no-repeat left; padding-left:15px;}
#dropdownE li a { color:#016599;}
#dropdownE li a:hover {color:#2C8AEE;}

#dropdownF { width:320px; height:179px; position:absolute; background:url(../Images/skin/sub_content/sub_menu6.png) no-repeat; top:60px; left:55%; display:none;}
.boxA { width:125;  float:left; margin:10px 0 0 20px; display:inline;}
.boxA li { padding:5px 0; background:url(../Images/skin/sub_content/bullet_.gif) no-repeat left; padding-left:9px;}
.boxA li a { color:#016599;}
.boxA li a:hover {color:#2C8AEE;}

.boxB { width:125;  float:left; margin:10px 0 0 20px;}
.boxB li { padding:5px 0; background:url(../Images/skin/sub_content/bullet_.gif) no-repeat left; padding-left:9px;}
.boxB li a { color:#016599;}
.boxB li a:hover {color:#2C8AEE;}

#dropdownG { width:320px; height:179px; position:absolute; background:url(../Images/skin/sub_content/sub_menu7.png) no-repeat; top:60px; left:63%; display:none;}
#dropdownG ul { margin:10px 0 0 10px;}
#dropdownG li { padding:5px 0; background:url(../Images/skin/sub_content/bullet_.gif) no-repeat left; padding-left:15px;}
#dropdownG li a { color:#016599;}
#dropdownG li a:hover {color:#2C8AEE;}