@charset "utf-8";

@import url("reset.css");

/* ================ html ================ */
html {background:url(../images/common/html_bg.gif) repeat-x;}
body {background:url(../images/common/body_bg.jpg) center 25px no-repeat; font:12px/1.5 Arial; color:#000;}
strong {font-weight:bold;}
table, th, table td {padding:3px;}
#main ul.arrow li {padding-left:10px; background-image:url(../images/common/ico_arrow1.gif); background-repeat:no-repeat; background-position:0 5px;}
h5 {font-size:13px; font-weight:bold; color:#039;}
A:link, A:visited, A:active {text-decoration:none;}
A:hover {text-decoration:none;}
A:link {color:#036;}
A:visited {color:#936}
A:active, A:hover {color:#f90;}


/* ================ layout ================ */
#container {position:relative; clear:both;  margin:10px auto 0; width:990px;}
#topper {padding-top:2px; width:100%; height:23px; background:url(../images/common/html_bg.gif);}
#header h1 {float:left; width:185px; height:85px;}
#header h1 a {display:block; margin-right:15px; width:117px; height:85px; background-image:url(../images/common/logo.jpg); background-repeat:no-repeat;}
#header, #topNav, #footer {position:relative; clear:both;  margin:0 auto; width:990px;}
#header #search {float:left; margin-left:30px; padding-top:30px; background:url(../images/common/searchBox.gif) 0 24px no-repeat;}
#header input.text {margin:0 12px 0 5px; width:318px; *width:316px; _width:313px; border:1px solid #fff;}
#header input.btn-search {padding-left:20px; width:54px; height:22px; background:url(../images/common/btn_search.gif); background-repeat:no-repeat; border:none; color:#fff; *padding-top:2px; *height:22px;}
#header .keyword {margin-top:5px; font-size:13px;}
#header .keyword a {margin-right:5px;}
#main {position:relative; width:990px;}
#footer {margin:10px auto; padding-top:5px; background:url(../images/common/footer_bg.jpg) #fff no-repeat; color:#666; text-align:center; font-size:12px; line-height:1.5;}


/* ================ module ================ */
ul.sogiBox {clear:both; margin-bottom:10px;}
ul.sogiBox li {position:relative; float:left; margin:2px 0 10px; padding:10px 8px 0; width:169px; height:212px; background:url(../images/index/sogiBox_bg.gif) no-repeat; text-align:center;}
.product ul.sogiBox li {margin:2px 12px 10px;}
ul.sogiBox li a img {margin-bottom:5px;}
ul.sogiBox .txt-desc {margin-top:7px;}
ul.sogiBox a.txt-pName {display:table-cell; vertical-align:middle; width:175px; height:35px; text-align:center; *display:block;}


/* ================ Tab================ */
.tp {float:left; position:relative; clear:none; padding:0;}
.tp h4 {font-size:15px;}


/* ================ Navigator ================ */
#topNav {font-size:15px;}
#topNav li {float:left;}
#topNav a {display:block; margin-right:15px; padding-left:20px; background-image:url(../images/common/ico_topNav.gif); background-repeat:no-repeat; color:#000;}
#topNav a.btn-sogi {background-position:0 2px;}
#topNav a.btn-sogi:hover, #sogi a.btn-sogi {background-position:0 2px;}
#topNav a.btn-threec {background-position:0 -34px;}
#topNav a.btn-threec:hover, #threec a.btn-threec {background-position:0 -34px;}
#topNav a.btn-car {background-position:0 -70px;}
#topNav a.btn-car:hover, #car a.btn-car {background-position:0 -70px;}
#topNav a.btn-beauty {background-position:0 -102px;}
#topNav a.btn-beauty:hover, #beauty a.btn-beauty {background-position:0 -102px;}
#topNav a.btn-member {background-position:0 -138px;}
#topNav a.btn-member:hover, #member a.btn-member {background-position:0 -138px;}
#topNav a.btn-game,
#topNav a.btn-game:hover, #game a.btn-game {background-position:0 -174px;}
#topNav a span {padding-bottom:3px;}
#sogi #topNav a.btn-sogi span,
#threec #topNav a.btn-threec span,
#car #topNav a.btn-car span,
#beauty #topNav a.btn-beauty span,
#member #topNav a.btn-member span {background:url(../images/common/topper_focus.gif) no-repeat center bottom; color:#000;}
#mainNav {clear:both; padding:0 10px; height:32px; background-image:url(../images/common/mainNav_bg.gif); background-repeat:no-repeat; font-size:15px;}
#mainNav li {float:left; line-height:26px;}
#mainNav a {display:block; padding:0 7px; line-height:26px; background-image:url(../images/common/mainNav_line.gif); background-repeat:no-repeat; color:#fff;}
#mainNav a:hover {color:#fc0;}
.subNav {margin-left:2px; padding:5px 10px; background-image:url(../images/common/subNav_bg.gif); background-repeat:no-repeat; font-size:13px;}
.row1 {height:20px; background-position:0 -50px;}
.row2 {height:40px; background-position:0 0;}
.subNav li {float:left; margin:0 8px; _margin:0 4px;}
.subNav .focus a {color:#f30;}
.pageNav {padding:5px 0; clear:both; text-align:center; font-size:15px;}
.pageNav a {margin:0 3px;}
.pageNav .on {font-weight:bold; color:#c80000;}
.listNav {margin:15px 0 10px 0; }
.ln-letters {overflow:hidden;position:relative;}
.ln-letters a {display:block; float:left; padding:2px 8px; border:1px solid silver; border-right:none; text-decoration:none;}
.ln-letters a.ln-last { border-right:1px solid silver; }
.ln-letters a:hover,
.ln-letters a.ln-selected { background-color:#e4f3ff; }
.ln-letters a.ln-disabled { color:#ccc;}
.ln-letter-count {text-align:center; font-size:0.9em; line-height:1; color:#333; display:none; position:absolute; top:0; left:0; width:20px;}
.product .ln-letter-count {margin-top:-190px;}
.forum .ln-letter-count {margin-top:-200px;}
#demoFour div {clear:both;}
#demoFour li { float:left; font-size:15px;}
#demoFour a { display:block; text-align:center; width:132px; height:45px; border:1px solid silver; padding:10px; margin:0 10px 10px 0; text-decoration:none; vertical-align:middle;}
#demoFour a:hover { background-color:#eee }


/* ================ Table ================ */
table {border-collapse:collapse; word-wrap:break-word; font-size:12px;}
table, caption, tbody, tfoot, thead, tr, th, td {vertical-align:middle;}
table.border {border:1px solid #ddd; font-size:16px;}
table.border TH, table.border TD {padding:3px; border:1px solid #ddd;}
TABLE.borderH {border:1px solid #ddd; border-collapse:collapse; font-size:16px;}
TABLE.borderH TH {border:none; border-bottom:1px solid #ddd; padding:3px;}
TABLE.borderH TD {border:none; border-top:1px solid #ddd; padding:3px;}
table.noborder {border:none;}
table.noborder TH, table.noborder TD {padding:3px; border:none;}
.thRow {background:#e4f3ff;}
.tRow {background:#eee;}
.tFocus {background:#FFC;}
.tCenter {text-align:center;}
tr.alt td {background: #ccc;}
tr.over td {background: #e4f3ff;}  

/* ================ Button ================ */
a.btn-over:hover {
	filter:alpha(opacity=80); /* IE */
	-moz-opacity:0.8; /* Moz + FF */
	opacity:0.8; /* Support CSS3(FF 1.5) */
}
input.btn-login {width:54px; height:22px; background:url(../images/common/btn_login.gif); background-repeat:no-repeat; border:none; color:#fff; *padding-top:2px; *height:22px;}
a.btnE {
	padding:2px 0 2px;
	*padding-top:3px;
	background:url(../images/common/btnE.gif) no-repeat 0 0;
	*background-position:0 3px;
	_background-position:0 3px;
	font-size:12px;
}
a.btnE span {
	margin-left:10px;
	padding:2px 10px 2px 0;
	*padding-top:3px;
	background:url(../images/common/btnE.gif) no-repeat right 0;
}
a.btnE:link, a.btnE:visited {color:#555;}
a.btnE:hover {
	text-decoration:none;
	color:#999;
}


/* ================ Font ================ */
h3 {clear:both; margin-bottom:3px; width:100%; background-repeat:no-repeat;}
.txt-imp {color:#f00;}
.txt-price {font-size:15px; color:#F00;}
.txt-note {font-size:0.9em; color:#666;}
.txt-mName {margin:0 2px; width:109px; height:48px;}
.txt-mName span {width:109px; height:48px; display:table-cell;text-align:center;vertical-align:middle;}
.txt-big {font-size:15px;}

/* ================ Elements ================ */
.hide {font-size:0; line-height:0; color:#fff; text-indent:-5000px;}
div.clear {clear:both; font-size:0; line-height:0;}
.line-dot {border-top:1px dotted #999;}
.hr {clear:both; font-size:0; line-height:0; background:url(../../../n_images/tw2/global/ico_lineDot.gif) repeat-x center; height:10px;}
html body #container #main .noLine {border:none;}
.fLeft {float:left;}
.fRight {float:right;}


/* ================ Ad ================ */
.ad-text {margin:5px auto 0; text-align:center;}
.ad-text li {display:inline; margin:0 20px; font-size:15px;}
.ad-text a:link, .ad-text a:visited {color:#f60;}
.ad-text a:hover {color:#f00;}
.ad-h-side a {position:absolute; top:12px; right:0; display:block; z-index:9999;} /* 234x60 */
.ad-h-hor {margin:5px 0 10px; text-align:center;}
.ad-inner-side {margin-bottom:10px;} /* 160x600 */
.ad-inner-hor {clear:both; margin:10px 0; width:820px; text-align:center;}
.ad-inner-google {clear:both; margin:10px 0; width:100%;}
.forum .ad-inner-google {margin-top:25px;}
.ad-push {}
.ad-push .fLeft, .ad-push .fRight {margin:5px; width:380px; font-size:12px;}
.ad-push .pLeft {float:left;}
.ad-push .pRight {float:right;}
.ad-push .pLeft, .ad-push .pRight {margin:5px; width:300px; font-size:12px;}
.ad-push img {float:left; margin-right:3px;}
.ad-push h4 {background:#EEEEEE;}
.ad-push h5 {margin:0; padding:0; font-size:13px;}
#sideB .ad-idx-google #title {padding-top:5px; height:24px; background-repeat:no-repeat; font-size:15px; text-align:center;} /* 160x578 */
#sideB .ad-idx-google #body {font-size:13px;}
.sponsorListHolder{margin-bottom:30px;}
.sponsor{width:185px; height:185px; float:left; margin:2px 0;	position:relative; cursor:pointer;}
.product .sponsor {margin:2px 15px;}
.sponsorFlip{position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../images/common/flip_bg.jpg); background-repeat:no-repeat;}
.sponsorFlip:hover{background-position:0 -185px;}
.sponsorFlip img{position:absolute; top:50%; left:50%; margin:-70px 0 0 -70px;}
.sponsorData{display:none;}
.sponsorDescription{font-size:12px; padding:50px 15px 20px;}
.sponsorURL{font-size:11px;	font-weight:bold; padding-left:20px;}


/* ================ popup ================ */
.popup {position:absolute; width:670px; z-index:9999;}
.popup #top {padding:5px 0 0 10px; height:23px; color:#000; background:url(../images/common/popup_w670_top.gif) no-repeat; font-size:15px; font-weight:bold;}
.popup #bottom {height:8px; background:url(../images/common/popup_w670_bottom.gif) no-repeat;}
.popup #body {padding:10px; width:650px; background:url(../images/common/popup_w670_body.gif) repeat-y;}
.popup p {margin:10px 0;}
.popup .tail {position:absolute; left:314px; bottom:-19px; display:block; width:42px; height:24px; background:url(../images/common/popup_w670_tail.gif) no-repeat;}



/* ================ Custom ================ */
/* Sogi */
#sogi h1 a {background-position:0 0;}
#sogi #header #search input.btn-search {background-position:0 0;}
#sogi #mainNav {background-position:0 0;}
#sogi #mainNav a {background-position:100% 0; color:#369;}
#sogi #mainNav a:hover {color:#f90;}
/* 3C */
#threec h1 a {background-position:-117px 0;}
#threec #header #search input.btn-search {background-position:-54px 0; color:#333;}
#threec #mainNav {background-position:0 -32px;}
#threec #mainNav a {background-position:100% -32px; color:#369;}
#threec #mainNav a:hover {color:#036;}
/* Car */
#car h1 a {background-position:-234px 0;}
#car #header #search input.btn-search {background-position:-108px 0;}
#car #mainNav {background-position:0 -64px;}
#car #mainNav a {background-position:100% -64px;}
#car #mainNav a:hover {color:#333;}
/* Beauty */
#beauty h1 a {background-position:-351px 0;}
#beauty #header #search input.btn-search {background-position:-162px 0;}
#beauty #mainNav {background-position:0 -96px;}
#beauty #mainNav a {background-position:100% -96px;}
#beauty #mainNav a:hover {color:#FCF;}

/* ================ addon ================ */

#prductIntro p {margin-bottom:15px;} /*Product info */
#divMyPic { width:150px; height:480px; overflow-y: auto; }
#allimgheight1{ width:150px; height:310px; overflow-y: auto;  overflow-x: none;}
#allimgheight2{ width:150px; height:420px; overflow-y: auto;  overflow-x: none;}
.main .upimg {float:left; border:1px #ccc solid; margin:1px; width:102px; height:102px;}
.main .upimg IMG, .main .allimg IMG {margin:1px; border:none; width:100px; height:100px;}
.main .allimg {float:left; border:1px #ccc solid; margin:1px; width:102px; height:122px;}
.main .allimg Input {padding:0px; margin:2px; margin-bottom:2px;}
.uppostbtn  { background-image: url(../images/common/upbtn.jpg); width:80px; height:25px; cursor: pointer; color:#fff; text-align:center; line-height:0px; font-size:0px; margin-left:5px;}