/*------------------------------------------------------------

* Filename: basic.css
* Version: 1.0.0 (2008-03-24) 
* Website: http://www.tjoin.com.tw
* Author: Medialand digi-tech. Inc. ¦ÌÄõ¼Æ¦ì¬ì§Þ 
* Contact: service@mail.medialand.com.tw
* Description: basic elements


== Color Codes: ============================
* Background: #eee9e4(light pink ground)
* Content: #696969
* Header h1: logo
* Header h2: picture
* Footer: #868686;

a(standard):#4dab26;
a(visited): #4dab26;
a(hover): black;
a(active):#b50000;	

============================================


== Typography: ============================
Body copy: normal 12px/24px "Arial";
Headers: picture;
Inputs, textarea: same as body;
Sidebar heading:  same as body;

Notes: decreasing heading by 0.4em with every subsequent heading level
============================================

-------------------------------------------------------------*/


/* =CSS RESET ========================*/

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td,     
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,     
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,     
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {    
vertical-align: baselinebaseline;    
font-family: inherit;    
font-weight: inherit;    
font-style: inherit;    
font-size: 100%;    
outline: 0;    
padding: 0;    
margin: 0;    
border: 0;    
}    
/* remember to define focus styles! */   
:focus {    
outline: 0;    
}    
 
ol, ul {    
list-style: none;    
}    
/* tables still need cellspacing="0" in the markup */   
table {    
border-collapse: separate;    
border-spacing: 0;    
}    
caption, th, td {    
font-weight: normal;    
text-align: left;  
padding: 0 10px;  
}    
/* remove possible quote marks (") from <q> & <blockquote> */   
blockquote:before, blockquote:after, q:before, q:after {    
content: "";   
}   
blockquote, q {   
quotes: "" "";    
}    

/* =CSS RESET ========================*/



body {
	font:  normal 12px/24px "Arial";
	background: #eee9e4 url(../images/bg/bg_body.gif) repeat-x left top;
	color: #595959;
}
address {
	font-style: normal;
	font-variant: normal;
	font-size: 0.9em;
	line-height: 20px;
	background: #E3E3E3;
	display: block;
	position: relative;
	padding: 3px 20px;
}
/* H1: main-article title */
h1 {
	position: absolute;
	left: 10px;
	top: 5px;
	width: 190px;
	height: 65px;	
}
h1 a{
	text-indent: -9999px;
	width: 190px;
	height: 65px;
	display: block;
	background: url(../images/logo.gif) no-repeat left top;
}
/* H2: sidebar title */
h2 {
	text-indent: -9999px;
	height: 21px;
	position: relative;
}
h2 span {
	height: 30px;
	line-height: 30px;
	width: 160px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
}
/* H3: content title */
h3 {
	text-indent: -9999px;
	height: 27px;
	background: url(../images/bg/bg_content_title.jpg);
	position: relative;
	margin-bottom: 15px;
}
h3 span {
	height: 14px;
	width: 160px;
	display: block;
	position: absolute;
	top: 7px;
	left: 20px;
}
h3 span.more-btn {
	position: absolute;
	left: auto;
	right: 10px;
	top: 8px;
	height: 12px;
	width: 44px;
	background: none !important ;
}
h3 span.more-btn a {
	height: 12px;
	line-height: 12px;
	width: 44px;
	display: block;
	background: url(../images/btn/btn_more01.gif) no-repeat left top;	
	text-indent: -9999px;
}
h3 span.more-btn a:hover {
	background-position: left -12px;
}

/* H4: section title */
h4 {
	background: #f4efe9 url(../images/icon/icon_plus.gif) no-repeat 10px center;
	font-size: 12px;
	height: 37px;
	line-height: 37px;
	color: #461c03;
	padding-left: 33px;
}
h4.section-open {
	background: #f4efe9 url(../images/icon/icon_min.gif) no-repeat 10px center;	
}
/* H5: inside section title */
h5 {
	background: url(../images/title/title_section_moneycheck.gif) no-repeat left top;
	height: 20px;
	position: relative;
	text-indent: -9999px;
}
h5 span {
	position: absolute;
	right: 0px;
	top: 0;
	text-indent: 0px;
}
/* H6: section title */
h6 {
}


a:link {
	color: #4dab26;
	text-decoration: none;	
}
a:visited {
	color: #4dab26;
	text-decoration: none;
}
a:hover {
	color: Black;
	text-decoration: underline;
}

a:active {
	color: #b50000;	
}
body.page-index a:link, body.page-index a:visited,
body.page-news a:link, body.page-news a:visited,
body.page-member a:link, body.page-member a:visited,
#footer a:link, #footer a:visited
{
	color: #595959;
}


/* ==FORM */
input, select, textarea {
	font-size: 12px;
	color: #868686;
	margin: 0 1px 2px 4px;
	vertical-align: middle;
	padding: 0 1px;
}
textarea {
	overflow: hidden;
}
.search-btn {
	background: url(../images/btn/btn_search.gif) no-repeat left top;
	width: 49px;
	height: 20px;
	line-height: 20px;
	border: none;
	letter-spacing: 3px;
	color: #fff;
	cursor: pointer;
	vertical-align: baseline;
}
.four-y-btn {
	background: url(../images/btn/btn_y_four.gif) no-repeat left top;
	width: 65px;
	height: 20px;
	line-height: 20px;
	border: none;
	letter-spacing: 1px;
	color: #fff;
	cursor: pointer;
	vertical-align: baseline;
}
.six-btn {
	background: url(../images/btn/btn_six.gif) no-repeat left top;
	width: 90px;
	height: 20px;
	line-height: 20px;
	border: none;
	letter-spacing: 1px;
	color: #858585;
	cursor: pointer;
	vertical-align: baseline;
}
.six-btn:hover {
	background-position: left -20px;
}
.submit-btn {
	background: url(../images/btn/btn_two.gif) no-repeat left top;
	width: 49px;
	height: 20px;
	line-height: 20px;
	border: none;
	letter-spacing: 3px;
	color: #868686;
	cursor: pointer;
	vertical-align: baseline;
}
.cancel-btn {
	background: url(../images/btn/btn_four.gif) no-repeat left top;
	width: 65px;
	height: 20px;
	line-height: 20px;
	border: none;
	letter-spacing: 1px;
	color: #868686;
	cursor: pointer;
	vertical-align: baseline;
}
.search-btn:hover, .submit-btn:hover, .cancel-btn:hover, .four-y-btn:hover {
	background-position: left -20px;
}


.clear {
	clear: both;
	height: 0;
	width: 0;
	line-height: 0;
}
.btn-moneyserach {
	width: 65px;
	float: right;
}
.btn-moneyserach a:link, .btn-moneyserach a:visited {
	display: block;
	width: 65px;
	height: 20px;
	background: url(../images/btn/btn_y_four.gif) no-repeat left top;
	text-align: center;
	color: White;
}
.btn-moneyserach a:hover {
	text-decoration: none;
	background-position: left -20px;
}
.btn-apply a:link, .btn-apply a:visited {
	float: right;
	display: block;
	width: 90px;
	height: 20px;
	background: url(../images/btn/btn_six.gif) no-repeat left top;
	text-align: center;
	color: #868686;
	margin: 0 0 0 3px;
}
.btn-apply a:hover {
	text-decoration: none;
	background-position: left -20px;
}

/* ==TOP-NAV */
.top-nav {
	position: absolute;
	top: 0;
	right: 15px;
}
.top-nav li, .logged li {
	float: left;
}
.logged {
	position: absolute;
	top: 20px;
	right: 15px;
}

/* ==MAIN-NAV */
#nav {
	position: absolute;
	bottom: 0;
	right: 0px;
	padding-left: 32px;	
	background: url(../images/bg/bg_mainnav01.gif) no-repeat left top;	
}
#main-nav {
	background: url(../images/bg/bg_mainnav02.gif) repeat-x right top;
	width: 728px;
	height: 24px;

}
#main-nav li {
	float: left;	
	height: 24px;	
	line-height: 24px;
	display: block;

}
#main-nav li a:link, #main-nav li a:visited {
	height: 24px;
	line-height: 24px;
	float: left;
	display: block;
	position: relative;
	text-decoration: none;
	background: url(../images/nav/main_nav.gif) no-repeat left top;
	margin: 0;
	text-indent: -9999px;
}

/* --links -----------------------------------*/


/* allservice */
li#allservice a:link, li#allservice a:visited {
	width: 124px;
}
li#allservice a:hover {
	background-position: left -24px;
}
/* proservice */
li#proservice a:link, li#proservice a:visited {
	width: 112px;
	background-position: -124px 0;	
}
li#proservice a:hover {
	background-position: -124px -24px;
}
/* news */
li#news a:link, li#news a:visited {
	width: 75px;
	background-position: -236px 0;	
}
li#news a:hover {
	background-position: -236px -24px;
}
/* search */
li#search a:link, li#search a:visited {
	width: 74px;
	background-position: -311px 0;	
}
li#search a:hover {
	background-position: -311px -24px;
}
/* onlinservice */
li#onlinservice a:link, li#onlinservice a:visited {
	width: 74px;
	background-position: -385px 0;	
}
li#onlinservice a:hover {
	background-position: -385px -24px;
}
/* member */
li#member a:link, li#member a:visited {
	width: 98px;
	background-position: -460px 0;	
}
li#member a:hover {
	background-position: -460px -24px;
}
/* papago */
li#papago a:link, li#papago a:visited {
	width: 64px;
	background-position: -558px 0;	
}
li#papago a:hover {
	background-position: -558px -24px;
}
/* about */
li#about a:link, li#about a:visited {
	width: 74px;
	background-position: -622px 0;	
}
li#about a:hover {
	background-position: -622px -24px;
}


#allservice, #proservice, #news, #search, #onlinservice, #member, #papago, #about {
	position: relative;
}
#allservice, #proservice, #news, #search, #onlinservice, #member a:hover .main-nav-sub, #papago, #about {
	display: block;
}
#nav-allservice-sub, #nav-proservice-sub,#nav-search-sub, #nav-onlinservice-sub, #nav-member-sub, #nav-about-sub {
	position: absolute;
	top: 24px;
	left: 0;
	padding: 0;
	visibility: hidden;
	/*border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;	
	border-bottom: 1px solid #efefef;		*/

}
ul#nav-allservice-sub li,ul#nav-proservice-sub li,ul#nav-search-sub li,
ul#nav-onlinservice-sub li,ul#nav-member-sub li,ul#nav-about-sub li,
ul#nav-allservice-sub li,ul#nav-proservice-sub li,ul#nav-search-sub li,
ul#nav-onlinservice-sub li,ul#nav-member-sub li,ul#nav-about-sub li
 {
	display: block;
	float: none;

}
ul#nav-allservice-sub li a:link,ul#nav-allservice-sub li a:visited,
ul#nav-proservice-sub li a:link,ul#nav-proservice-sub li a:visited,
ul#nav-search-sub li a:link, ul#nav-search-sub li a:visited,
ul#nav-onlinservice-sub li a:link, ul#nav-onlinservice-sub li a:visited,
ul#nav-member-sub li a:link,ul#nav-member-sub li a:visited,
ul#nav-about-sub li a:link, ul#nav-about-sub li a:visited
{
	display: block;
	float: none;
	text-indent: 0;
	display: block;
	background: none;
	float: none;
	padding: 2px 10px;	
	min-width: 85px;
	height: 20px;
	line-height: 20px;
	text-indent: 0;
	background: White;
	/*filter:alpha(opacity=70);
	opacity:0.7;
	zoom:1;		*/
}
ul#nav-allservice-sub li a:hover,ul#nav-allservice-sub li a:active,
ul#nav-proservice-sub li a:hover,ul#nav-proservice-sub li a:active,
ul#nav-search-sub li a:hover, ul#nav-search-sub li a:active,
ul#nav-onlinservice-sub li a:hover, ul#nav-onlinservice-sub li a:active,
ul#nav-member-sub li a:hover,ul#nav-member-sub li a:active,
ul#nav-about-sub li a:hover, ul#nav-about-sub li a:active
{
	display: block;
	float: none;
	text-indent: 0;
	display: block;
	background: none;
	float: none;
	padding: 2px 10px;	
	min-width: 85px;
	height: 20px;
	line-height: 20px;
	text-indent: 0;
	background: #ff6600;
	color: #fff;
}


/* ==SUB-NAV */
#sub-nav {
	background: transparent url(../images/bg/bg_subnav01.gif) no-repeat 5px top;
	padding: 50px 0 0 0;
	width: 205px;
}
#sub-nav li {
	display: block;
	width: 193px;
	margin-left: 14px;
}
#sub-nav li a {
	padding: 0 20px;	
	display: block;
	border-bottom: 1px solid #e0dedd;
}
/* only for member */
.sub-nav-title {
	background: url(../images/title/title_subnav_member.gif) no-repeat 17px top;
	text-indent: -9999px;
	height: 22px;
}
body.page-news #sidebar {
	background: none;
	padding: 105px 0 0 10px;
}
body.page-news #content {
	background: none;
}

/* --links---------------------------------------- */
/* MEMBER */
body.page-member #sub-nav a {
	background: url(../images/nav/sub_nav.gif) no-repeat left top;	
	height: 32px;
	line-height: 32px;
	text-indent: -9999px;
}
/* membernews */
#sub-nav li#membernews a {
	background-position: left top;
}
#sub-nav li#membernews a:hover {
	background-position: -193px top;
}
/* stocksearch */
#sub-nav li#stocksearch a {
	background-position: left -32px;
}
#sub-nav li#stocksearch a:hover {
	background-position: -193px -32px;
}
/* moneysearch */
#sub-nav li#moneysearch a {
	background-position: left -64px;
}
#sub-nav li#moneysearch a:hover {
	background-position: -193px -64px;
}
/* onlinetrans */
#sub-nav li#onlinetrans a {
	background-position: left -448px;
}
#sub-nav li#onlinetrans a:hover {
	background-position: -193px -448px;
}
/* stockdealsearch */
#sub-nav li#stockdealsearch a {
	background-position: left -128px;
}
#sub-nav li#stockdealsearch a:hover {
	background-position: -193px -128px;
}
/* software */
#sub-nav li#software a {
	background-position: left -160px;
}
#sub-nav li#software a:hover {
	background-position: -193px -160px;
}
/* download */
#sub-nav li#download a {
	background-position: left -192px;
}
#sub-nav li#download a:hover {
	background-position: -193px -192px;
}
/* suggestion */
#sub-nav li#suggestion a {
	background-position: left -224px;
}
#sub-nav li#suggestion a:hover {
	background-position: -193px -224px;
}
/* epaper */
#sub-nav li#epaper a {
	background-position: left -256px;
}
#sub-nav li#epaper a:hover {
	background-position: -193px -256px;
}

/* question */
#sub-nav li#question a {
	background-position: left -288px;
}
#sub-nav li#question a:hover {
	background-position: -193px -288px;
}
/* moneycheck */
#sub-nav li#moneycheck a {
	background-position: left -384px;
}
#sub-nav li#moneycheck a:hover {
	background-position: -193px -384px;
}

/* ftp */
#sub-nav li#ftp a {
	background-position: left -414px;
}
#sub-nav li#ftp a:hover {
	background-position: -193px -414px;
}
/* memberapply */
#sub-nav li#memberapply a {
	background-position: left -320px;
}
#sub-nav li#memberapply a:hover {
	background-position: -193px -320px;
}





/* ONLINE-SERVICE */
body.page-onlineserv #sub-nav a {
	background: url(../images/nav/sub_nav_onlineserv.gif) no-repeat left top;	
	height: 32px;
	line-height: 32px;
	text-indent: -9999px;
}
/* onlinetrans */
body.page-onlineserv #sub-nav #onlinetrans a {
	background-position: left 0px;
}
body.page-onlineserv #sub-nav #onlinetrans a:hover {
	background-position: -193px 0px;
}
/* stockdealsearch */
body.page-onlineserv #sub-nav #stockdealsearch a {
	background-position: left -32px;
}
body.page-onlineserv #sub-nav #stockdealsearch a:hover {
	background-position: -193px -32px;
}
/* download */
body.page-onlineserv #sub-nav #download a {
	background-position: left -64px;
}
body.page-onlineserv #sub-nav #download a:hover {
	background-position: -193px -64px;
}
/* question */
body.page-onlineserv #sub-nav #question a {
	background-position: left -96px;
}
body.page-onlineserv #sub-nav #question a:hover {
	background-position: -193px -96px;
}
/* qa */
body.page-onlineserv #sub-nav #qa a {
	background-position: left -128px;
}
body.page-onlineserv #sub-nav #qa a:hover {
	background-position: -193px -128px;
}
/* suggestion */
body.page-onlineserv #sub-nav #suggestion a {
	background-position: left -160px;
}
body.page-onlineserv #sub-nav #suggestion a:hover {
	background-position: -193px -160px;
}
/* epaper */
body.page-onlineserv #sub-nav #epaper a {
	background-position: left -192px;
}
body.page-onlineserv #sub-nav #epaper a:hover {
	background-position: -193px -192px;
}



/* SEARCH */
body.page-search #sub-nav a {
	background: url(../images/nav/sub_nav_search.gif) no-repeat left top;	
	height: 32px;
	line-height: 32px;
	text-indent: -9999px;
}
/* moneysearch */
body.page-search #sub-nav #moneysearch a {
	background-position: left 0px;
}
body.page-search #sub-nav #moneysearch a:hover {
	background-position: -193px 0px;
}
/* stocksearch */
body.page-search #sub-nav #stocksearch a {
	background-position: left -32px;
}
body.page-search #sub-nav #stocksearch a:hover {
	background-position: -193px -32px;
}
/* spot */
body.page-search #sub-nav #spot a {
	background-position: left -64px;
}
body.page-search #sub-nav #spot a:hover {
	background-position: -193px -64px;
}



/* ALL-SERVICE */
body.page-allserv #sub-nav a {
	background: url(../images/nav/sub_nav_allproserv.gif) no-repeat left top;	
	height: 32px;
	line-height: 32px;
	text-indent: -9999px;
}
/* basicdata */
body.page-allserv #sub-nav #basicdata a {
	background-position: left -64px;
}
body.page-allserv #sub-nav #basicdata a:hover {
	background-position: -193px -64px;
}
/* servintro */
body.page-allserv #sub-nav #servintro a {
	background-position: left -96px
}
body.page-allserv #sub-nav #servintro a:hover {
	background-position: -193px -96px;
}
/* servpecial */
body.page-allserv #sub-nav #servpecial a {
	background-position: left -128px;
}
body.page-allserv #sub-nav #servpecial a:hover {
	background-position: -193px -128px;
}
/* onlinetrans */
body.page-allserv #sub-nav #onlinetrans a {
	background-position: left -160px;
}
body.page-allserv #sub-nav #onlinetrans a:hover {
	background-position: -193px -160px;
}


/* PRO-SERVICE */
body.page-proserv #sub-nav a {
	background: url(../images/nav/sub_nav_allproserv.gif) no-repeat left top;	
	height: 32px;
	line-height: 32px;
	text-indent: -9999px;
}
/* basicdata */
body.page-proserv #sub-nav #basicdata a {
	background-position: left -64px;
}
body.page-proserv #sub-nav #basicdata a:hover {
	background-position: -193px -64px;
}
/* servintro */
body.page-proserv #sub-nav #servintro a {
	background-position: left -96px;
}
body.page-proserv #sub-nav #servintro a:hover {
	background-position: -193px -96px;
}
/* servpecial */
body.page-proserv #sub-nav #servpecial a {
	background-position: left -128px;
}
body.page-proserv #sub-nav #servpecial a:hover {
	background-position: -193px -128px;
}


/* ABOUT */
body.page-about #sub-nav a {
	background: url(../images/nav/sub_nav_about.gif) no-repeat left top;	
	height: 32px;
	line-height: 32px;
	text-indent: -9999px;
}
/* info */
body.page-about #sub-nav #info a {
	background-position: left 0px;
}
body.page-about #sub-nav #info a:hover {
	background-position: -193px 0px;
}
/* media */
body.page-about #sub-nav #media a {
	background-position: left -32px;
}
body.page-about #sub-nav #media a:hover {
	background-position: -193px -32px;
}
/* paper */
body.page-about #sub-nav #paper a {
	background-position: left -64px;
}
body.page-about #sub-nav #paper a:hover {
	background-position: -193px -64px;
}
/* relative */
body.page-about #sub-nav #relative a {
	background-position: left -96px;
}
body.page-about #sub-nav #relative a:hover {
	background-position: -193px -96px;
}
/* invest */
body.page-about #sub-nav #invest a {
	background-position: left -128px;
}
body.page-about #sub-nav #invest a:hover {
	background-position: -193px -128px;
}
/* recruit */
body.page-about #sub-nav #recruit a {
	background-position: left -160px;
}
body.page-about #sub-nav #recruit a:hover {
	background-position: -193px -160px;
}


/* --pages---------------------------------------- */
/* membernews */
body.page-member-membernews #sub-nav li#membernews a {
	background-position: -193px top;	
	cursor: default;
}
body.page-member-stocksearch #sub-nav li#stocksearch a {
	background-position: -193px -32px;
	cursor: default;
}
body.page-member-moneysearch #sub-nav li#moneysearch a {
	background-position: -193px -64px;
	cursor: default;
}
body.page-member-onlinetrans #sub-nav li#onlinetrans a {
	background-position: -193px -448px;
	cursor: default;
}
body.page-member-stockdealsearch #sub-nav li#stockdealsearch a {
	background-position: -193px -128px;
	cursor: default;
}
body.page-member-software #sub-nav li#software a {
	background-position: -193px -160px;
	cursor: default;
}
body.page-member-download #sub-nav li#download a {
	background-position: -193px -192px;
	cursor: default;
}
body.page-member-suggestion #sub-nav li#suggestion a {
	background-position: -193px -224px;
	cursor: default;
}
body.page-member-epaper #sub-nav li#epaper a {
	background-position: -193px -256px;
	cursor: default;
}
body.page-member-question #sub-nav li#question a {
	background-position: -193px -288px;
	cursor: default;
}
body.page-member-moneycheck #sub-nav li#moneycheck a {
	background-position: -193px -384px;
	cursor: default;
}
body.page-member-ftp #sub-nav li#ftp a {
	background-position: -193px -414px;
	cursor: default;
}
body.page-member-memberapply #sub-nav li#memberapply a {
	background-position: -193px -320px;
	cursor: default;
}
/* online-serivce */
body.page-onlineserv-onlinetrans #sub-nav #onlinetrans a {
	background-position: -193px 0px;
	cursor: default;
}
body.page-onlineserv-stockdealsearch #sub-nav #stockdealsearch a {
	background-position: -193px -32px;
	cursor: default;
}
body.page-onlineserv-download #sub-nav #download a {
	background-position: -193px -64px;
	cursor: default;
}
body.page-onlineserv-question #sub-nav #question a  {
	background-position: -193px -96px;
	cursor: default;
}
body.page-onlineserv-qa #sub-nav #qa a  {
	background-position: -193px -128px;
	cursor: default;
}
body.page-onlineserv-suggestion #sub-nav #suggestion a {
	background-position: -193px -160px;
	cursor: default;
}
body.page-onlineserv-epaper #sub-nav #epaper a {
	background-position: -193px -192px;
	cursor: default;
}
/* search */
body.page-search-moneysearch #sub-nav #moneysearch a {
	background-position: -193px 0px;
	cursor: default;
}
body.page-search-stocksearch #sub-nav #stocksearch a {
	background-position: -193px -32px;
	cursor: default;
}
body.page-search-spot #sub-nav #spot a {
	background-position: -193px -64px;
	cursor: default;
}
/* all-service */
body.page-allserv-basicdata #sub-nav #basicdata a {
	background-position: -193px -64px;
	cursor: default;
}
body.page-allserv-servintro #sub-nav #servintro a {
	background-position: -193px -96px;
	cursor: default;
}
body.page-allserv-servpecial #sub-nav #servpecial a {
	background-position: -193px -128px;
	cursor: default;
}
body.page-allserv-delivery #sub-nav #onlinetrans a {
	background-position: -193px -160px;
	cursor: default;
}
/* pro-service */
body.page-proserv-basicdata #sub-nav #basicdata a {
	background-position: -193px -64px;
	cursor: default;
}
body.page-proserv-servintro #sub-nav #servintro a {
	background-position: -193px -96px;
	cursor: default;
}
body.page-proserv-servpecial #sub-nav #servpecial a {
	background-position: -193px -128px;
	cursor: default;
}
/* about */
body.page-about-info #sub-nav #info a {
	background-position: -193px 0px;
	cursor: default;
}
body.page-about-media #sub-nav #media a {
	background-position: -193px -32px;
	cursor: default;
}
body.page-about-paper #sub-nav #paper a {
	background-position: -193px -64px;
	cursor: default;
}
body.page-about-relative #sub-nav #relative a {
	background-position: -193px -96px;
	cursor: default;
}
body.page-about-invest #sub-nav #invest a {
	background-position: -193px -128px;
	cursor: default;
}
body.page-about-recruit #sub-nav #recruit a {
	background-position: -193px -160px;
	cursor: default;
}







/* ==PAGE-TITLE */
body.page-member h2 {
	background: url(../images/title/title_page_member.gif) no-repeat left top;	
}
body.page-allserv h2 {
	background: url(../images/title/title_page_allservice.gif) no-repeat left top;	
}
body.page-proserv h2 {
	background: url(../images/title/title_page_proservice.gif) no-repeat left top;	
}
body.page-news h2 {
	background: url(../images/title/title_page_news.gif) no-repeat left top;	
}
body.page-search h2 {
	background: url(../images/title/title_page_search.gif) no-repeat left top;	
}
body.page-onlineserv h2 {
	background: url(../images/title/title_page_onlineservice.gif) no-repeat left top;	
}
body.page-about h2 {
	background: url(../images/title/title_page_about.gif) no-repeat left top;	
}


/* ==PAGE-CONTENT-TITLE */
body.page-member-memberapply h3 span {
	background: url(../images/title/title_content_memberapply.gif) no-repeat left top;
}
body.page-member-forgotpw h3 span {
	background: url(../images/title/title_content_forgotpw.gif) no-repeat left top;
}
body.page-member-membernews h3 span {
	background: url(../images/title/title_content_news.gif) no-repeat left top;
}
body.page-member-stocksearch h3 span {
	background: url(../images/title/title_content_stocksearch.gif) no-repeat left top;
}
body.page-member-moneysearch h3 span {
	background: url(../images/title/title_content_moneysearch.gif) no-repeat left top;
}
body.page-member-onlinetrans h3 span {
	background: url(../images/title/title_ql_onlinetarns.gif) no-repeat left top;
}
body.page-member-stockdealsearch h3 span {
	background: url(../images/title/title_content_stockdealsearch.gif) no-repeat left top;
}
body.page-member-software h3 span {
	background: url(../images/title/title_content_software.gif) no-repeat left top;
}
body.page-member-download h3 span {
	background: url(../images/title/title_content_download.gif) no-repeat left top;
}
body.page-member-suggestion h3 span {
	background: url(../images/title/title_content_suggestion.gif) no-repeat left top;
}
body.page-member-epaper h3 span {
	background: url(../images/title/title_content_epaper.gif) no-repeat left top;
}
body.page-member-question h3 span {
	background: url(../images/title/title_content_question.gif) no-repeat left top;
}
body.page-member-moneycheck h3 span {
	background: url(../images/title/title_content_moneycheck.gif) no-repeat left top;
}
body.page-member-ftp h3 span {
	background: url(../images/title/title_content_ftp.gif) no-repeat left top;
}


body.page-onlineserv-stockdealsearch h3 span {
	background: url(../images/title/title_content_stockdealsearch.gif) no-repeat left top;
}
body.page-onlineserv-onlinetrans h3 span {
	background: url(../images/title/title_content_onlinetrans.gif) no-repeat left top;
}
body.page-onlineserv-download h3 span {
	background: url(../images/title/title_content_download.gif) no-repeat left top;
}
body.page-onlineserv-question h3 span {
	background: url(../images/title/title_content_question.gif) no-repeat left top;
}
body.page-onlineserv-qa h3 span {
	background: url(../images/title/title_content_qa.gif) no-repeat left top;
}
body.page-onlineserv-suggestion h3 span {
	background: url(../images/title/title_content_suggestion.gif) no-repeat left top;
}
body.page-onlineserv-epaper h3 span {
	background: url(../images/title/title_content_epaper.gif) no-repeat left top;
}

body.page-search-moneysearch h3 span {
	background: url(../images/title/title_content_moneysearch02.gif) no-repeat left top;
}
body.page-search-stocksearch h3 span {
	background: url(../images/title/title_content_stocksearch.gif) no-repeat left top;
}
body.page-search-spot h3 span {
	background: url(../images/title/title_content_spot.gif) no-repeat left top;
}



body.page-allserv-basicdata h3 span {
	background: url(../images/title/title_content_basicdata.gif) no-repeat left top;
}
body.page-allserv-servintro h3 span {
	background: url(../images/title/title_content_servintro.gif) no-repeat left top;
}
body.page-allserv-servpecial h3 span {
	background: url(../images/title/title_content_servpecial.gif) no-repeat left top;
}
body.page-allserv-delivery h3 span {
	background: url(../images/title/title_content_onlinetrans.gif) no-repeat left top;
}
body.page-allserv-paymentserv h3 span {
	background: url(../images/title/title_content_paymentservice.gif) no-repeat left top;
}
body.page-allserv-shippingserv h3 span {
	background: url(../images/title/title_content_shippingservice.gif) no-repeat left top;
}

body.page-proserv-basicdata h3 span {
	background: url(../images/title/title_content_basicdata.gif) no-repeat left top;
}
body.page-proserv-servintro h3 span {
	background: url(../images/title/title_content_servintro.gif) no-repeat left top;
}
body.page-proserv-servpecial h3 span {
	background: url(../images/title/title_content_servpecial.gif) no-repeat left top;
}


body.page-about-info h3 span {
	background: url(../images/title/title_content_info.gif) no-repeat left top;
}
body.page-about-media h3 span {
	background: url(../images/title/title_content_media.gif) no-repeat left top;
}
body.page-about-paper h3 span {
	background: url(../images/title/title_content_paper.gif) no-repeat left top;
}
body.page-about-relative h3 span {
	background: url(../images/title/title_content_relative.gif) no-repeat left top;
}
body.page-about-invest h3 span {
	background: url(../images/title/title_content_invest.gif) no-repeat left top;
}
body.page-about-recruit h3 span {
	background: url(../images/title/title_content_recruit.gif) no-repeat left top;
}

body.page-news h3 span {
	background: url(../images/title/title_content_news.gif) no-repeat left top;
}

body.page-member-login h3 span {	
	background: url(../images/title/title_content_login.gif) no-repeat left top;
}
body.page-member-data h3 span {
	background: url(../images/title/title_content_memdata.gif) no-repeat left top;
}

body.page-proserv-apply h3 span {
	background: url(../images/title/title_content_apply.gif) no-repeat left top;
}



/* breadcrumb */

.page-title {
	background: url(../images/dec/dec_pagetitle.gif) repeat-x left bottom;
	position: relative;
	height: 30px;
	margin-bottom: 15px;
}
.breadcrumb {
	position: absolute;
	right: 0;
	top: 5px;
	padding-left: 10px;
	background: url(../images/icon/icon_breadcramb.gif) no-repeat left 10px;
}
.breadcrumb a:link, .breadcrumb a:visited {
	color: #595959;
	text-decoration: none;
}
.breadcrumb a:hover {
	color: #000;
	text-decoration: none;
}
.breadcrumb a.now:link, .breadcrumb a.now:visited {
	color: #429834;
	cursor: default;
} 
.breadcrumb a.now:hover{
	color: #429834;
}

/* tab */

.section ul.tab {
	width: 100%;
	height: 36px;
	position: relative;
	z-index: 50;
}
.section ul.tab li {
	float: left;
	display: block;
	line-height: 29px;
	height: 36px;
	background: none;
	padding: 0;
}
.tab a:link, .tab a:visited {
	float: left;
	background: url(../images/btn/btn_tab.gif) no-repeat left top;
	display: block;
	width: 100px;
	line-height: 27px;
	height: 36px;
	color: #595959;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	letter-spacing: 1px;
	font-size: 11px;
}
.tab a:hover {
	background-position: left -36px;
	text-decoration: none;
	color: #FAFAFA;
}
ul.tab li.now a:link, ul.tab li.now a:visited {
	background-position: left -72px;
	color: #fff;
}
.section ul.tab-type2 {
	width: 100%;
	height: 36px;
	position: relative;
	z-index: 50;
}
.section ul.tab-type2 li {
	float: left;
	display: block;
	line-height: 29px;
	height: 36px;
	background: none;
	padding: 0;
}
.tab-type2  a:link, .tab-type2  a:visited {
	float: left;
	background: url(../images/btn/btn_tab02.gif) no-repeat left top;
	display: block;
	width: 84px;
	line-height: 27px;
	height: 36px;
	color: #595959;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	letter-spacing: 1px;
	font-size: 11px;
}
.tab-type2  a:hover {
	background-position: left -36px;
	text-decoration: none;
	color: #FAFAFA;
}
ul.tab-type2  li.now a:link, ul.tab-type2  li.now a:visited {
	background-position: left -72px;
	color: #fff;
}


.section-tab-content {
	margin: -19px 0 0 0;
	padding: 20px 15px 10px;
	text-align: left;
	background: url(../images/bg/bg_tabbody.gif) repeat-x left top;
	position: relative;
	z-index: 20;

}

.file-name {
	text-decoration: underline;
}
.msg {
	border: 1px solid #d9c7a0;
	background: #f8f8db;
	margin: 20px 15px;
	padding: 30px 10px;
	text-align: center;
	color: #9a3e39;
}
.page-article {
	padding: 0 15px;
	margin-bottom: 20px;
}

/* btn */
.download-btn a {
	display: block;
	width: 49px;
	height: 20px;
	line-height: 20px;
	background: url(../images/btn/btn_download.gif) no-repeat left top;
	text-indent: -9999px;
}
.download-btn a:hover {
	background-position: left -20px;
}

.downloadoney-btn {
	display: block;
	float: left;
	width: 106px;
	height: 20px;
	background: url(../images/btn/btn_downloadmoney.gif) no-repeat left top;
	text-indent: -9999px;	
}
a.knowhow-btn {
	display: block;
	float: left;
	width: 65px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-weight: normal;
	color: #595959;
	background: url(../images/btn/btn_four.gif) no-repeat left top;	
	font-size: 11px;
}
a.moneysearch-btn {
	display: block;
	float: left;
	width: 75px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-weight: normal;
	color: #595959;
	background: url(../images/btn/btn_five.gif) no-repeat left top;	
	text-indent: -9999px;	
}
a.membergo-btn {
	display: block;
	float: left;
	width: 94px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-weight: normal;
	color: #595959;
	background: url(../images/btn/btn_seven.gif) no-repeat left top;	
	text-indent: 0px;	
	font-size:12px;
}
a.next-btn, a.pre-btn {
	display: inline-block;

	width: 50px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-weight: normal;
	color: #595959;
	background: url(../images/btn/btn_three.gif) no-repeat left top;	
	margin: 0 1px;
}
.downloadoney-btn:hover, a.knowhow-btn:hover, a.moneysearch-btn:hover, a.membergo-btn:hover,
a.next-btn:hover , a.pre-btn:hover
 {
	background-position: left -20px;
	text-decoration: none;	
}

/* basic elelment of pages */
.page-visual {
	width: 990px;
	height: 185px;
	margin: 1px 0 0 0
}


.page-content-note {
	border-bottom: 1px solid #e7e7e7;
	padding: 0 15px;
	margin-bottom: 15px;
	line-height: 30px;
}
.page-list {
/*	padding: 0 15px;	*/
}
.section-content {
	border: 1px solid #e8d5bb;
	padding: 20px 25px;
	color: #461c02;
}
.section-content table td {
	height: 30px;
	line-height: 30px;
}
.section-table-content, .search-end .section .section-table-content {
	border-left: 1px solid #e8d5bb;
	padding-left: 20px;
}
.section-table-btn {
	text-align: right;
	border-top: 1px solid #e8d5bb;
}
.section ul {
	margin-bottom: 10px;
}
.section ul li {
	padding-left: 15px;
	background: url(../images/icon/icon_dot.gif) no-repeat 5px 10px;
}
.page-data {
	background: #f1f7f0;
	margin-bottom: 20px;
	border: 1px solid #dfecdd;
	padding: 10px 0;
}
.page-data-title {
	padding-left: 27px;
	background: url(../images/icon/icon_dot_green.gif) no-repeat 18px 10px;
}
.note {
	clear: both;
	padding: 0 15px;
	margin: 10px 0 20px 0;
}
.note-title {
	padding-left: 15px;
	background: url(../images/icon/icon_dot.gif) no-repeat 5px 10px;	
}
.note li {
	padding-left: 15px;
	background: url(../images/icon/icon_arrow01.gif) no-repeat 5px center;
}
.note ul {
	margin-bottom: 10px;
}


.search-end {
	margin: 20px 0;
}
.search-end-content {
	padding: 0 15px;	

}
.search-end .page-data-station table {
	border: none;
	background: #ebebeb;
}
.search-end .section table td, .search-end .section table {
	border: none;
}

.search-end .page-data-station td {
	border: none;
	height: 25px;
	line-height: 25px;
}
.search-end strong {
	color: #bb0000;
}
.search-end .page-data-station strong {
	font-weight: bold;
	color: #909090;
}
.page-content-caution {
	padding-left: 10px;
	color: #461c03;
	margin: 10px 0;
}
.page-content-caution a {
	color: #4eab27;
}
.page-content-title {
	border-bottom: 1px solid #e1e1e1;
	padding: 0 15px;	
	margin: 0 0 10px 0;
	position: relative;
	font-size: 1.35em;
	*height: 20px;
	*line-height: 20px;
}
.page-content-title span {
	position: absolute;
	right: 0px;
	bottom: 5px;

}
.page-content-title span a:link, .page-content-title span a:visited {
	margin: 0 1px;
	color: #595959;
	height: 20px;
	line-height: 20px;
}


.search-end ul {
	margin: 0px 0;
}
.search-end ul li {
	padding-left: 15px;
	background: url(../images/icon/icon_dot.gif) no-repeat 5px center;
}
.page-content-table table, .search-end-content table {
	/*border: 1px solid #e9e9e9;*/
	margin: 20px 0;
	border-collapse: collapse;	
}
.page-content-table table th, .page-content-table table td, .search-end-content table td, .search-end-content table th {
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #e9e9e9;
}
.search-end-content table td img , .search-end-content table th img {
	vertical-align: middle;
}

.page-content-table table .tr-bg , .search-end-content table .tr-bg {
	background: url(../images/bg/bg_th.gif) repeat-x left top;
	color: #fff;
}
.page-content-table table th , .search-end-content table th,
.page-content-table table td , .search-end-content table td
{
	text-align: center;
}
.page-content-table table th.th-bg , .search-end-content table th.th-bg {
	background: transparent url(../images/dec/dec_th.gif) no-repeat right center;
	*background: url(../images/bg/bg_th.gif) repeat-x left top;
}

.tr-bg {
	background: transparent url(../images/bg/bg_th.gif) repeat-x left top;
	color: #fff;
}
.list-table table {
	border-collapse: collapse;	
}
.list-table td, .list-table td {
	height: 30px;
	line-height: 30px;
	border: 1px solid #e9e9e9;
}
.list-table-topic {
	background: #88c660;
	color: White	
}
.list-table-title {
	background: #efefef;
}

.page-content-table textarea {
	width: 100%;
	height: 50px;
	margin: 10px 0 0 0;
}
.page-list strong {
	color: #bf2401;
	font-weight: normal;
}
.search-end-content table .search-end-account {
	text-align: right;
	background: #F4F4F4;
}
.search-end-account span {
	margin-right: 20px;
}