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

form,ul,ol,h1,h2,h3,h4,h5,h6,p {margin:0; padding:0;}
ul,ol {list-style:none;}
img {border:none;}
.clear {clear:both; font-size:0; height:0; line-height:0;}

body {margin:0; color:#000; background:#eee; font-size:12px;}
#header {margin:0 auto; padding:15px 25px 8px 25px; width:950px; background:url(images/header_bg.gif) left bottom;}
#wrapper {margin:0 auto; padding:0 25px 25px 25px; width:950px; background:url(images/bg.gif) repeat-y center;}
#main {float:left; width:750px;}
#sidebar {float:right; width:200px;}
#footer {margin:0 auto; width:970px; padding:15px; background:url(images/footer.gif) no-repeat center top;}

/*--header--*/
#logo {float:left;}
#search {float:right;}
#nav {color:#fff; background:url(images/nav_bg.gif) repeat-x; font-weight:bold; font-size:14px; height:40px;}
#nav li {display:inline;}
#nav a {float:left; padding:12px 19px 5px 19px; height:20px; overflow:hidden; background:url(images/nav_line.gif) no-repeat right 4px;}
#nav a:link, #nav a:visited {color:#fff;}
#nav a:hover, #nav a:active {color:#ffff99; text-decoration:none;}
#keyword {font-size:12px; font-weight:normal; background:#eee; padding:6px 10px 3px 10px;}
#keyword a:link, #keyword a:visited {color:#999;}
#keyword a:hover, #keyword a:active {color:#666; text-decoration:none;}

/*--main--*/
#scroll {margin-top:10px; width:738px; height:220px; overflow:hidden; border:1px solid #ccc; background:#fff;}
#scroll li {float:left; width:123px; height:110px; overflow:hidden; text-align:center; line-height:20px;}
#scroll img {margin:5px 0 2px 0; width:80px; height:80px; border:none;}
#scroll a {display:block;}
#scroll a span {display:block; padding:0 5px; height:15px; line-height:15px; overflow:hidden;}
.summary {float:left; display:inline; margin:10px 10px 0 0; padding:20px; width:323px; height:170px; overflow:hidden; border:1px solid #ccc;background:url(images/summary.gif) no-repeat right bottom;}
.summary h3 {font-size:14px; color:#f60; height:25px;}
.summary h3 img {float:right;}
.summary li{height:24px; line-height:24px; overflow:hidden; background:url(images/icon_point.gif) no-repeat 4px 8px; padding-left:15px;}
.summary li img {float:right;}
.summary .more {margin-top:8px;}
#about {margin:10px 10px 0 0; padding:6px 10px 7px 10px; height:38px; overflow:hidden; background:url(images/about.gif) no-repeat; border:1px solid #ccc; line-height:20px; color:#069;}
#about a:link, #about a:visited {color:#f60;}
#about a:hover, #about a:active {color:#f60;}
#company_news .more {text-align:right;}
#knowledge .more {text-align:right;}
#do {background:url(images/company_news.gif) no-repeat right bottom;}
#knowledge {background:url(images/knowledge.gif) no-repeat right bottom;}
#trade_news {background:url(images/trade_news.gif) no-repeat right bottom;}
#brand {float:right; display:inline; margin:10px 0 0 0; padding:20px; width:323px; height:170px; overflow:hidden; border:1px solid #ccc;background:url(images/summary.gif) no-repeat right bottom;}
#brand ul {margin:0; padding:0; list-style:none;}
#brand li {display:inline;}
#brand li img {border:1px solid #ccc; margin:1px;}

/*--sidebar--*/
#sidebar h3 {background:#ddd; color:#f60; font-size:14px; margin-top:10px; padding-left:10px; height:24px; line-height:24px;}
#service {padding-top:7px;}
#service li{float:left; width:58px; height:79px; border:1px solid #ccc; margin-right:10px; text-align:center; line-height:28px; overflow:hidden; background:#fafafa;}
#service img {display:block; margin-top:2px; vertical-align:middle; width:50px; height:50px;}
#service a {color:#f60;}
#p_list {margin-top:13px; font-weight:bold; font-size:14px; background:url(images/p_list.gif) repeat-y;}
#p_list li {border:1px solid #ccc; margin-bottom:5px; height:31px; line-height:31px; padding-left:45px;}
#p_list img {padding:2px 10px; width:25px; height:25px; border:none; vertical-align:middle;}

/*--footer--*/
#footer {color:#999; line-height:180%;}
#footer a:link, #footer a:visited {color:#999;}
#footer a:hover, #footer a:active {color:#666;}


/*--------------ÄÚÒ³--------------*/
/*--sidebar02--*/
#sidebar02 {float:left; width:180px; margin-top:10px;}
.menu h3 {padding:5px 0; font-size:14px; color:#f60;}
.menu ul {padding-left:10px; border-top:2px solid #069; border-bottom:2px solid #069;}
.menu li {padding:7px 0 3px 12px; background:url(images/icon_arrow.gif) no-repeat 0 10px; border-bottom:1px dashed #ccc;}
#online {margin-top:10px; padding:10px 0 0 10px; height:90px; background:url(images/online_bg.gif) no-repeat; color:#d5f4ff;}
#online li {height:20px;}
#online img {vertical-align:text-bottom;}
#online a:link, #online a:visited {color:#d5f4ff;}
#online a:hover, #online a:active {color:#fff;}

/*--content--*/
#content {float:right; width:710px; padding:18px 20px 20px 40px;}
#current {padding:2px 0 3px 25px; color:#999; border-bottom:1px solid #ddd; background:url(images/icon_current.gif) no-repeat;}
#current a:link, #current a:visited {color:#999;}
#current a:hover, #current a:active {color:#666;}
#title {font-size:25px; color:#069; text-align:center; margin:30px 0 15px 0;}
#title span {font-size:12px; font-weight:normal;}
#pages {text-align:right; margin:10px 0;}

#project li {clear:both; padding:15px 0; height:100px; border-bottom:1px solid #ccc;}
#project li img {float:left; width:100px; height:100px;}
#project li h2 {margin:5px 0 5px 115px; font-size:14px; color:#369;}
#project li p {margin-left:115px; line-height:18px;}
.d_project {text-align:right;}

.p_center {float:left; width:150px; height:120px; padding-right:27px; margin-top:17px;}
.p_center strong {background:url(images/icon_arrow.gif) no-repeat 0 2px; border-bottom:2px solid #f90; display:block; width:140px; margin-bottom:10px; padding:0 0 3px 10px;}
#p_type {margin:10px 0; padding-bottom:10px; border-bottom:2px solid #ccc;}
#p_type li{display:inline; padding:3px 0;}
#p_type a:link img, #p_type a:visited img {border:1px solid #ccc;}
#p_type a:hover img, #p_type a:active img {border:1px solid #f60;}

#list {border-bottom:1px solid #ccc; color:#999;}
#list li {margin:10px 0; padding-left:10px; background:url(images/icon_point.gif) no-repeat 0 3px;}
#news {width:80%; margin:0 auto; padding:30px 50px; background:#fff; border-left:1px solid #999; border-right:1px solid #999;}
#jokom_logo {text-align:right;}
address {border-top:1px solid #ddd; margin-top:50px; padding-top:10px; text-align:center; font-style:normal; color:#999;}
address a:link, address a:visited {color:#999;}
address a:hover, address a:active {color:#000;}

.download {border:1px solid #cadbe1; border-collapse:collapse; margin-top:5px; width:708px;}
.download th {border:1px solid #cadbe1; padding:5px 10px; background:#f3f7f8; text-align:left;}
.download td {border:1px solid #cadbe1; padding:5px 10px;}

#contact {margin:20px 0;}
#contact img{float:left; margin-right:20px; padding:4px; border:1px solid #ccc;}

#login .text {width:150px; height:15px;}
#reg .text {width:200px; height:15px;}
#login th,#reg th {font-weight:normal;}
#login p,#reg p {margin:20px 0; line-height:150%;}
#login span,#reg span {color:red;}

#friendlink {margin:20px 0;}
#friendlink li{float:left; margin:5px 5px 0 0; padding-top:3px; width:120px; height:40px; overflow:hidden; border:1px solid #ccc; text-align:center;}