@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */

html, body, div {
	padding:0;
	margin:0;
	}

html, body {
	height:100%;
	line-height:140%;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background:#000;
	}

img {border:0;
	margin:0; 
	padding:0;
	vertical-align: bottom
	}

a, a:link, a:visited, a:hover, a:active {
	color:inherit; 
	text-decoration:none;
	}

ul, li, h1, h2, h3, h4 {
	margin:0; 
	padding:0; 
	font-weight:normal;
	list-style:none
	}

#wrap-top {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	border-bottom:1px solid #bbbbbb;	
	}

#top-menu{
	margin-left:auto;
	margin-right:auto;
	width:985px;
	height:100px;
	position:relative	
	}
	#top-menu img{
		float:left;
		}
	#top-menu ul{
		float:right;
		}
	#top-menu li{
		float:left;
		color:#fff;
		list-style:none;
		display:inline-block;
		padding:15px 9px 9px 9px;
		font-size:14px;
		font-weight:bold;
		line-height:50px;
		margin-top:30px;
		vertical-align:bottom
		}
	#top-menu li a:hover{
		color:#2aabff
		}	
	#top-menu li.current{
		color:#2aabff
		}
		
		#top-menu #login-form{
			position:absolute;
			top:5px;
			right:0px;
			color:#fff
			}
			
		#top-menu #login-form a{
			margin:0 5px
			}
		#top-menu #login-form input {
			width:130px;
			margin-right:5px
			}
		#top-menu #login-form .register-color{
			color:#fa6531
			}
		#top-menu #login-form .forgot-pw{
			font-size:11px;
			margin:0;
			text-align:right;
			margin-top:-5px;
			color:#CCC
			}
			
		#top-menu #login-form .description_active{
			color:#c4c4c4;
		}

#wrap-content {
	margin-left:auto;
	margin-right:auto;
	width:100%;	
	
	}
	
	.close{
		position:absolute;
		right:-10px;
		top:-10px;
		z-index:100;
	}
	
	.register {
		position:absolute;
		width:460px;
		background:#fff;
		height:420px;
		padding:10px 30px 30px 10px
		}
		
	.register label {
		text-align:left;
		}
		
	.register h2 {
		padding:5px;
		font-size:20px;
		line-height:35px;
		border-bottom:1px solid #dcdcdc;
		margin-bottom:15px;
		margin-left:15px
		}
		
	.forgot-id  {
		position:absolute;
		width:460px;
		background:#fff;
		height:140px;
		padding:10px 30px 30px 10px
		}
		
	.forgot-id label {
		text-align:left
		margin-top:10px
		}
		
	.forgot-id h2 {
		padding:5px;
		font-size:20px;
		line-height:35px;
		border-bottom:1px solid #dcdcdc;
		margin-bottom:15px;
		margin-left:15px
		}
	
	.forgot-id h3 {
		display:block;
		margin-bottom:10px;
		padding-left:170px
		}
		
	#content-top-banner {
		margin-left:auto;
		margin-right:auto;
		width:985px;
		}	
	#content-box {
		margin-left:auto;
		margin-right:auto;
		width:947px;
		background:#fff;
		padding:30px 19px;
		background:url(../images/bg.gif) repeat-x bottom;
		}
		
	#content-box h1{
		line-height:45px
		}
	#content-box h2{
		padding:5px;
		font-size:20px;
		line-height:35px;
		border-bottom:1px solid #dcdcdc;
		margin-top:20px;
		margin-bottom:15px;
		}
		
		/* for Sub Pages */
		.sub h2{
			margin:0 10px;
			}
			.ecommerce {
				margin-top:0px;
				}
		.sub p{
			padding:0 15px;			
			line-height:160%;
			}
			.sub p a{
				color:red;
				text-decoration:underline
				}
			
	#content-box h3{
		padding:4px;
		margin-top:10px;
		font-size:12px;
		margin-top:20px;
		color:#444444
		}
	#content-box h4{
		color:#0067d1;;
		padding:5px
		}
	#content-box h4 a:hover{
		text-decoration:underline;
		}
	#content-box p{
		font-size:13px;
		padding-right:10px
		}
	#content-box #banner{
		text-align:center		
		}
	#content-box hr{
		border:none;
		border-bottom:1px dotted #c4c4c4;
		height:0px;
		margin:17px 13px 30px
	}
	
	
	.form-wrap label{
		margin-left:25px;
		display:block;
		height:30px;
		}
		
	.form-wrap input, textarea,select {
		float:right;
		border:1px solid #cbcbcb;

		}
	.form-wrap input{		
		width:275px;
		height:19px;
		padding-left:5px;
		}
	.form-wrap textarea{
		width:273px;
		padding-left:5px;
		font-family:Arial, Helvetica, sans-serif;
		height:120px
		}
	.form-wrap select{
		width:282px;
		height:23px;
		}
	.form-wrap button{
		float:right;
		margin-right:201px;
		margin-top:7px;
		width:80px;
		height:22px;
		border:1px solid #000;
		color:#fff;
		background:#000;
		cursor:pointer
	}
	
	#content-box .product-main{
		position:relative;
		}
		
	#content-box .product-main h1{
		position:absolute;
		font-size:28px;
		text-align:center;
		width:100%
		}
		
	#content-box #menu{
		width:200px;
		border:1px solid #cdcdcd;
		height:510px;
		}
		
	#content-box #menu h1{
		width:185px;
		background:url(../images/menu-bg.jpg) repeat-x;
		padding-left:15px;		
		}
	
	#content-box #menu ul{
		padding:5px 15px;
		line-height:24px
		}
	
		
#wrap-bottom {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	background:url(../images/bottom_bg.gif) top no-repeat;
	padding-top:1px
	}

#wrap-bottom ul{
	width:985px;
	margin-left:auto;
	margin-right:auto;
	height:30px;
	}
#wrap-bottom li{
	float:left;
	color:#fff;
	list-style:none;
	display:inline-block;
	padding:5px;
	font-size:11px;
	line-height:35px
	}
#wrap-bottom p{
	float:right;
	color:#fff;
	font-size:11px;
	padding-right:5px
	}


.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}