﻿/*++++++++++++++++++++++++++++++++++++++++++++++
	style & layout
++++++++++++++++++++++++++++++++++++++++++++++*/

/* basic tags */
* {margin:0;padding:0;word-break:break-all}

html,body
{
	margin:0px;
	font-family:Tahoma,arial,Verdana;
	font-size:11px;
	color:#626262;
	line-height:140%;
}

table {	border-collapse:collapse;}

span, div, td, input, select, textarea {
	font-family:Tahoma,arial,Verdana;
	font-size:11px;
	color:#626262;
}

iframe { border : 0px; }

img { border:0px; }

a {
	font-family:Tahoma,arial,Verdana;
	/*font-size:12px;*/
	color:#626262;
	text-decoration:none;
}

a:hover {text-decoration:underline;}

form {
	margin:0px;
}

input {
	height : expression( (this.type!='image')?'18px;':'');
	padding: expression( (this.type!='image')?'2px 2px 0px 2px;':'');
}

textarea {
	line-height:14pt;
	padding:5px;
}

/* align */
.tal {text-align:left;}
.tac {text-align:center;}
.tar {text-align:right;}

.vat {vertical-align:top;}
.vam {vertical-align:middle;}
.vab {vertical-align:bottom;}

.j {
	text-align:justify;
}

.fleft {float:left;}
.cboth {clear:both;}

/* backgoundColor */
.bgc0 {background:#ffffff;}  
.bgc1 {background:#5d5d5d;}
.bgc2 {background:#f1f2f2;}
.bgc3 {background:#b5c0ca;}
.bgc4 {background:#d6d6d6;}
.bgc5 {background:#606060;}
.bgc6 {background:#f0edf9;}
.bgc7 {background:#eeecfa;}
.bgc8 {background:#ececec;}
.bgc9 {background:#ffc7eb;}
.bgc10 {background:#dbd8d8;}
.bgc11 {background:#eeeeee;}
.bgc12 {background:#c4c4c4;}
.bgc13 {background:#e2e2e2;}
.bgc14 {background:#f2f2f2;}
.bgc15 {background:#e5e5e5;}
.bgc16 {background:#efefef;}
.bgc17 {background:#ededed;}
.bgc18 {background:#030303;}
.bgc19 {background:#110b05;}
.bgc20 {background:#35302b;}
.bgc21 {background:#312b26;}
.bgc22 {background:#39322b;}
.bgc23 {background:#312c27;}
.bgc24 {background:#110b05;}
.bgc25 {background:#f7f7f7;}
.bgc26 {background:#dddddd;}
.bgc27 {background:#333e50;}
.bgc28 {background:#08172e;}
.bgc29 {background:#d1d1d1;}

/* line-height */
.lh_1 {line-height:11pt;}
.lh0 {line-height:12pt;}
.lh1 {line-height:13pt;}
.lh2 {line-height:14pt;}
.lh3 {line-height:15pt;}
.lh4 {line-height:16pt;}


/* pointer */
.hand {cursor:pointer;}

/* font style */
.b, .b A {font-weight:bold;}
.un, .un A { text-decoration:underline; }
.underline {text-decoration:underline;}

.f, f A {font-family:Tahoma;}
.ff1, ff1 A {font-family:Tahoma;}
.ff2, ff2 A {font-family:arial;}
.ff3, ff3 A {font-family:Verdana;}

/* font size */
.fs0, .fs0 A {font-size:10px;}
.fs1, .fs1 A {font-size:11px;}
.fs2, .fs2 A {font-size:13px;}
.fs3, .fs3 A {font-size:14px;}
.fs4, .fs4 A {font-size:16px;}
.fs12, .fs12 A {font-size:11px;}

/* font color */
.fc1, .fc1 A {color:#000000;}
.fc2, .fc2 A {color:#FFFFFF;}
.fc3, .fc3 A {color:#e9e9e9;}
/* light gray */
.fc4, .fc4 A {color:#dfdfdf;}
/* dark gray */
.fc5, .fc5 A {color:#595959;}
/* red */
.fc6, .fc6 A {color:#d24646;}
/* dark blue */
.fc6, .fc6 A {color:#0c2c6a;}
/* light blue */
.fc7, .fc7 A {color:#0073ae;}
.fc8, .fc8 A {color:#999a98;}
.fc9, .fc9 A {color:#c77600;}
/* black gray */
.fc10, fc10 A {color:#404040;}
/* light black*/
.fc11, fc11 A {color:#494949;}
.fc12, fc12 A {color:#494949;}
.fc13, fc13 A {color:#ff0000;}
.fc14, fc14 A {color:#747474;}
/* purple */
.fc15, fc15 A {color:#9b32b5;}
.fc16, fc16 A {color:#695db1;}
.fc17, fc17 A {color:#786d88;}
/* gray black */
.fc18, fc18 A {color:#676767;}
/* brown */
.fc19, fc19 A {color:#778408;}
/* purple */
.fc20, fc20 A {color:#ab57d6;}
/* blue */
.fc20, fc20 A {color:#326ab7;}
/* RED */
.fc21, fc21 A {color:#c71241;}
.fc22, fc22 A {color:#674424;}
.fc23, fc23 A {color:#525252;}
/* gray */
.fc24, fc24 A {color:#5b5b5b;}
/* blue */
.fc25, fc25 A {color:#1c7ed1;}
.fc26, fc26 A {color:#868e96;}
.fc27, fc27 A {color:#545454;}
.fc28, fc28 A {color:#787878;}
.fc29, fc29 A {color:#0179b1;}
.fc30, fc30 A {color:#e3720d;}
.fc31, fc31 A {color:#f12200;}
.fc32, fc32 A {color:#ebd8d8;}
.fc33, fc33 A {color:#a0a0a0;}
.fc34, fc34 A {color:#888888;}
.fc35, fc35 A {color:#d4c850;}
.fc36, fc36 A {color:#5a5956;}
/* orange */
.fc37, fc37 A {color:#dc4607;}
/* green */
.fc38, fc38 A {color:#509506;}
/* redpuple */
.fc39, fc39 A {color:#585f81;}
.fc40, fc40 A {color:#d30797;}
.fc41, fc41 A {color:#4f596a;}
.fc42, fc42 A {color:#e5e5e5;}
.fc43, fc43 A {color:#5b6882;}
.fc44, fc44 A {color:#0063bf;}
.fc45, fc45 A {color:#787c82;}
.fc46, fc46 A {color:#924f01;}
.fc47, fc47 A {color:#5291cd;}
.fc48, fc48 A {color:#e66543;}
.fc49, fc49 A {color:#333333;}
/* purple */
.fc50, fc50 A {color:#ab57d6;}
.fc51, fc51 A {color:#e7dfb8;}
.fc52, fc52 A {color:#555555;}
.fc53, fc53 A {color:#eae0be;}
.fc54, fc54 A {color:#6c09b8;}
.fc55, fc55 A {color:#c119ff;}
.fc56, fc56 A {color:#443301;}
.fc57, fc57 A {color:#727272;}
.fc58, fc58 A {color:#3f3f3f;}
.fc59, fc59 A {color:#7b7b7b;}
.fc60, fc60 A {color:#717171;}
.fc61, fc61 A {color:#4f68a9;}
.fc62, fc62 A {color:#8a8a8a;}
.fc63, fc63 A {color:#fad401;}
.fc64, fc64 A {color:#9228d5;}
.fc65, fc65 A {color:#00547b;}
.fc66, fc66 A {color:#838383;}
.fc67, fc67 A {color:#d45f08;}
.fc68, fc68 A {color:#ac8d6c;}
.fc69, fc69 A {color:#ec5900;}
.fc70, fc70 A {color:#b39025;}
.fc71, fc71 A {color:#a86fc0;}
.fc72, fc72 A {color:#c47016;}
.fc73, fc73 A {color:#9b9279;}
.fc74, fc74 A {color:#816687;}
.fc75, fc75 A {color:#876197;}
.fc76, fc76 A {color:#a39f92;}
.fc77, fc77 A {color:#59564b;}
.fc78, fc78 A {color:#f5bf10;}
.fc79, fc79 A {color:#7b7971;}
.fc80, fc80 A {color:#a38c30;}
.fc81, fc81 A {color:#89867e;}
.fc82, fc82 A {color:#b28c32;}
.fc83, fc83 A {color:#808e1e;}
.fc84, fc84 A {color:#8e881e;}
.fc85, fc85 A {color:#5e9029;}
.fc86, fc86 A {color:#3bae94;}
.fc87, fc87 A {color:#5e5e5e;}
.fc88, fc88 A {color:#71737e;}
.fc89, fc89 A {color:#8a001a;}
.fc90, fc90 A {color:#69604c;}
.fc91, fc91 A {color:#0e5fe6;}
.fc92, fc92 A {color:#e7497a;}
.fc93, fc93 A {color:#d7003d;}
.fc94, fc94 A {color:#909caa;}
.fc95, fc95 A {color:#8493a8;}

.ls1 {letter-spacing:-1px;}
.ls2 {letter-spacing:-2px;}

.ws1 {word-spacing:1px;}
.ws2 {word-spacing:2px;}
.ws3 {word-spacing:3px;}

.ws_1 {word-spacing:-1px;}
.ws_2 {word-spacing:-2px;}
.ws_3 {word-spacing:-3px;}

/* width */
.w1 { width:119;}

/* padding spacing */
.pd1 {padding-top:3px;}
.pd2 {padding-top:5px;}
.pd3 {padding:0px 10px 0px 10px;}
.pd4 {padding:3px 0px 0px 10px;}
.pL10 {padding-left:10px;}

/* padding */
.tp1  {padding-top:3;}
.tp2  {padding:3 0 0 15;}
.lp1  {padding:0 0 0 15;}

/* line */
.line1 {
	height:1;
	background-image:url("/images/shop/bg_line.gif");
 }

/* INPUT BOX */
.input_t 
{
	border:1px solid #b2b2b2;
	height:16px;
	padding:3px 2px 0 2px;
}
.input_id
{
	border:1px solid #b3b4b4;
	width:100px;
	height:16px;
	padding:1px 2px 0 2px;
	text-align:right;
}
.input_point
{
	border:1px solid #dea825;
	width:55px;
	height:16px;
	background:#fff1d1;
	padding:1px 2px 0 2px;
	text-align:right;
}
.input_login{
	font-family:Tahoma,arial,Verdana;
	font-size:12;
	color:#D0D0D0;
	border:0;
	height:16;
	background-color:#919191;
}
.input_login_temp{
	font-family:Tahoma,arial,Verdana;
	font-size:12;
	color:#666666;
	border:0;
	height:16;
	background-color:#d8d8d9;
}
.input1 {
	font-family:Tahoma,arial,Verdana;
	font-size:12;
	color:#000000;
	border:solid 1 #7E7E7E;
	height:21;
}
.input2 {
	font-family:Tahoma,arial,Verdana;
	font-size:12;
	color:#626262;
	border:solid 1 #cdcdcd;
	height:20;
}
.input3 {
	font-family:Tahoma,arial,Verdana;
	font-size:12;
	color:#000000;
	border:solid 1 #595959;
	height:18;
}
.input4 {
	font-family:Tahoma,arial,Verdana;
	font-size:12;
	color:#333333;
	border:solid 1 #ffffff;
	height:18;
}
.input5 {
	font-family:Tahoma,arial,Verdana;
	font-size:13;
    font-weight:bold;
	color:#4d4742;
	border:solid 2 #9d9d9d;
	width:69;
	height:24;
	text-align:center;
	vertical-align:middle;
}
.text1 
{
	font-family:Tahoma,arial,Verdana;
	font-size:12;
	color:#626262;
	border:solid 1 #cdcdcd;
	line-height:14pt;
	padding:5;
}

.mg0 {margin:0;}

.title {
	font-size:16;
	font-weight:bold;
}

@media print {
	/*	only use print.	*/
	.noprint {	/*	when print, invisible class	*/
		display: none;
	}
}
