body, td, p, input, button, textarea, select, .c1 { font-family:Tahoma,±¼¸²; font-size:9pt; color:#222222;}
body {overflow-x:hidden;}

form { margin:0px; }

/* img {border:0px;} */

a:link, a:visited, a:active { text-decoration:none; color:#466C8A; }
a:hover { text-decoration:underline; }

a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545; }
a.menu:hover { text-decoration:none; }

.member {font-weight:bold;color:#888888;}
.guest  {font-weight:normal;color:#888888;}

.lh { line-height: 150%; }
.jt { text-align:justify; }

.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }

.ul { list-style-type:square; color:#66AEAD; }

.ct { font-family: Verdana, ±¼¸²; color:#222222; } 

.ed { border:1px solid #CCCCCC; } 
.tx { border:1px solid #CCCCCC; } 


.small { font-size:8pt; font-family:µ¸؟ٍ; }
.cloudy, a.cloudy {color:#888888;} /* به¸² */

input.ed { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; }
input.ed_password { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font:10px Tahoma; }
textarea.tx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; }


/* common */
body { margin:0 0 0 0px; background-color:#ffffff; }
.bg_header { width:100%; height:22px; background:url(images/bg_header.gif) repeat-x; }
.bg_dotmenu { width:1000px; height:22px; background:url(images/bg_dotmenu.gif) no-repeat; padding-bottom:80px; }
.sub_visual { width:1000px; height:21px; background:url(images/img_sub_visual.gif) no-repeat; }
.bg_footer { width:100%; height:95px; background:url(images/bg_footer.gif) repeat-x; }
.img_footer { width:1000px; height:95px; background:url(images/img_footer.gif) no-repeat; }
.loginbg { width:100%; height:114px; background:url(images/main_loginbg.gif) no-repeat; }

/* index */
.bg_index_login { width:251px; background:url(/img/bg_index_login.gif) no-repeat; }
.input_idpw{ width:163px; height:18px; background-color:#ebebeb; border:1px #c7c7c7 solid; }

/* product */
.bg_tap { width:100%; height:50px; background:url(images/bg_tap.gif) repeat-x; }

	table {position:relative;}
	.mainhead {width:1000px; position:absolute; left: 50%;transform: translateX(-50%);top: 22px; padding-bottom:60px;     z-index: 1 !important;}
	.mainhead img {width:100%;}

	ul,li {list-style: none; margin: 0; padding: 0;}
a {color: inherit; text-decoration: none !important;}



#nav:after {content:''; display:block; clear:both;}
#nav {z-index:999999 !important;}
#nav  li {float:left;  z-index:1;}
#nav > li:nth-child(2) ul {position:absolute; top:25%; left:25.8%;}
#nav li:nth-child(3) ul {position:absolute; top:25%; left:38%;}
#nav li:nth-child(4) ul {position:absolute; top:25%; left:49%;}
#nav li:nth-child(5) ul {position:absolute; top:25%; left:60.8%;}
#nav li:nth-child(6) ul {position:absolute; top:25%; left:72.5%;}
#nav li a.li1 {position:absolute; top:10%; left:0%; width:250px; height:40px;}
#nav > li > a.li2 {position:absolute; top:10%; left:32%; width:50px; height:30px;}
#nav > li > a.li3 {position:absolute; top:10%; left:43.5%; width:50px; height:30px;}
#nav li a.li4 {position:absolute; top:10%; left:55%; width:50px; height:30px;}
#nav li a.li5 {position:absolute; top:10%; left:66.5%; width:50px; height:30px;}
#nav li a.li6 {position:absolute; top:10%; left:78.5%; width:50px; height:30px;}
#nav > li > ul {display: none;
  background-color: #bc2311;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1; margin-top:10px; text-align:center; color:fff !important;}
#nav > li:hover > ul {background-color: #red !important;} 
#nav > li:hover > ul {display:block; }
#nav > li > ul > li {background-color:#red !important; padding:8px; font-size; 14px; padding-left:12px; padding-right:12px;}
#nav > li > ul > li > a {color:#fff; position: relative;}
#nav > li > ul > li > a:before {content:''; display:inline-block; background-image:url('../images/dotdto.png'); background-repeat:no-repeat; background-size:100%;
width:5px; height:5px; position:absolute; top:50%; left:-8px ; transform:translateY(-50%);}
#nav > li > ul > li > a:hover {color:#d7d7d7;}
#nav > li:nth-child(4) > ul {min-width: 80px !important;}
/* #nav ul > li {text-align: center; font-size: 13px;}
#nav ul > li a {line-height: 50px;}
#nav ul > li > ul {height:0; overflow:hidden; transition:all 0.4s;}
#nav ul > li

#nav {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: #363636;
    font-size: 0;
    z-index: 99;
} */

div.box1 { position:relative; width:1000px; border:5px solid #000; height:300px; } 
div.box2 { width:600px; height:300px; background:#339; } 
ul.ul1 { position:absolute; top:0px; right:0px; height:300px; list-style:none; margin:0px; padding:0px; } 
ul.ul2 { position:relative; left:100px; top:0px; width:600px; height:300px; list-style:none; margin:0px; padding:0px; } 
li.color1 { float:left; width:100px; height:300px; background:#CCC; overflow:hidden; } 
li.color2 { float:left; width:100px; height:300px; background:#EEE; overflow:hidden; }