@charset "utf-8";
<!--
/* GLOBAL */
body{
margin:0;
background-color:#e5e9f4;
font:12px "arial", "tahoma", "verdana";
color:#444;
}
h1,h2,h3,h4,h5,h6,ul,ol,p,dl,dd{
margin:0;
padding:0;
}
input,select,textarea{
font:12px "arial", "tahoma", "verdana";
vertical-align:middle;
}
form{ display:inline; }
a{ outline:none; }
a img{ border:none; }
ul,ol{ list-style:none; }
.clear{ clear:both; }
.clearl{ clear:left; }
.clearr{ clear:right; }
.floatl{ float:left; }
.floatr{ float:right; }
.alignc{ text-align:center; }
.alignl{ text-align:left; }
.alignr{ text-align:right; }
* html {} /* IE6 */
*:first-child+html {} /* IE7 */
html>body {}	/* IE7 AND MODERN */
html>/**/body {} /* MODERN */
#nav,#container,#footer{
margin:auto;
width:791px;
padding:0 11px;
}
h1{
margin:0 0 5px 0;
}
h2{
color:#f00;
font-size:13px;
margin:0 0 5px 0;
}
h3{
font-size:12px;
margin:0 0 5px 0;
}
h4{
color:#475f91;
font-size:12px;
margin:0 0 5px 0;
}
p{
line-height:17px;
margin:0 0 5px 0;
}
a{
color:#c00;
text-decoration:none;
}
a:hover{
color:#444;
text-decoration:underline;
}
.found{
text-align:right;
border-bottom:1px dotted #ccc;
padding:5px;
color:#c00;
font-size:11px;
display:none;
}
.blue{
color:#227fba;
}
.navy{
color:#475f91;
}
.box{
width:520px;
height:400px;
padding:0 5px;
overflow:auto;
scrollbar-face-color:#e4e9ed;
scrollbar-highlight-color:#f4f6f5;
scrollbar-shadow-color:#f4f6f5;
scrollbar-3dlight-color:#b7c8d8;
scrollbar-arrow-color:#b7c8d8;
scrollbar-track-color:#f4f6f5;
scrollbar-darkshadow-color:#b7c8d8;
}
/* GLOBAL */
/* NAV */
#nav{
background:url(../images/bg-top.jpg) no-repeat top center;
height:29px;
color:#475f91;
}
#nav ul{
float:right;
font-size:11px;
margin:6px 0 0 0;
}
#nav ul li{
float:left;
margin:0 3px;
}
#nav ul#flag{
float:left;
}
#nav a{
color:#475f91;
font-weight:bold;
text-decoration:none;
}
#nav a:hover{
color:#c00;
}
.sub-nav{
z-index:2;
position:absolute;
visibility:hidden;
}
#sub-product-nav{
background:url(../images/bg-sub-nav.gif) no-repeat top left;
padding:10px 10px 10px 5px;
width:160px;
}
* html #sub-product-nav{ padding-bottom:5px; } /* IE6 */
.sub-nav ul li{
float:none !important;
clear:both;
border-bottom:1px dotted #fff;
padding:5px;
}
.sub-nav ul li a{
color:#fff !important;
text-transform:none !important;
}
.sub-nav ul li a:hover{
color:#fc0 !important;
}
dl.sub-nav{
width:150px;
}
dl.sub-nav dt{
background-color:#475f91;
padding:5px;
color:#fff;
font-size:11px;
font-weight:bold;
}
dl.sub-nav dd{
background-color:#e5e9f4;
padding:3px 10px;
border-top:1px solid #fff;
border-right:1px solid #475f91;
border-bottom:1px solid #475f91;
border-left:1px solid #475f91;
font-size:11px;
}
/* NAV */
/* CONTAINER */
#container{
background:url(../images/bg-middle.jpg) repeat-y top center;
overflow:hidden;
}
#sidebar{
margin:5px 0 5px 8px;
width:228px;
}
#content{
margin:5px 8px 5px 0;
float:right;
width:527px;
}
/* CONTAINER */
/* HOME */
.home p img{
border:1px solid #ccc;
padding:2px;
margin:0 10px 5px 2px;
}
.home p strong{
color:#227fba;
}
.home table{
border-collapse:collapse;
width:300px;
}
.home table td{
padding:7px;
border-bottom:1px dotted #ccc;
}
.home table td img{
padding:1px;
border:1px solid #ccc;
}
.home table td strong{
color:#227fba;
display:block;
}
.home table td a{
display:block;
}
.home ul li{
border:1px solid #ccc;
padding:1px;
margin:0 0 2px 0;
overflow:hidden;
}
* html .home ul li{ margin:0; } /* IE6 */
*:first-child+html .home ul li{ margin:0; } /* IE7 */
.home .floatr li{
width:300px;
height:100px;
}
.home .floatl li{
width:215px;
height:75px;
}
.home strong a{
float:left;
font-size:11px;
background:url(../images/icon-arrow.gif) no-repeat left center;
padding:0 0 0 10px;
}
.home marquee{
margin:2px 0 0 0;
}
/* HOME */
/* ABOUT */
.about img.floatl{
border:1px solid #ddd;
padding:1px;
margin:0 10px 10px 0;
}
.about strong{
color:#227fba;
margin-top:15px;
display:block;
}
.about ul{
margin:0 0 10px 30px;
list-style:disc;
font-size:11px;
}
.about ul li{
margin:5px 0 0 0;
}
.about .profile{
margin:5px 0 0 300px;
}
/* ABOUT */
/* PRODUCT */
.product ul{
list-style:disc;
margin:0 0 0 30px;
}
.product table{
width:96%;
}
.product table td{
vertical-align:top;
text-align:center;
font-size:11px;
padding:5px;
}
.product table.middle td{
vertical-align:middle;
text-align:left;
padding:2px;
}
.product table td img{
display:block;
border:1px solid #ddd;
padding:1px;
margin:auto;
margin-bottom:3px;
}
.product table td strong{
display:block;
}
.product div.alignr{
font-size:11px;
}
/* PRODUCT */
/* NEWS */
.news table{
border-collapse:collapse;
width:100%;
}
.news table td{
padding:7px;
border-bottom:1px dotted #ccc;
}
.news table td img{
padding:1px;
border:1px solid #ccc;
}
.news table td strong{
color:#227fba;
display:block;
}
.news table td a{
display:block;
}
.news h2,.news h3{
text-align:center;
}
.news ul{
list-style:disc;
margin:0 0 5px 30px;
}
.news .photo{
text-align:center;
margin:5px 0;
}
.news .photo img{
border:1px solid #ddd;
padding:2px;
margin:4px;
}
/* NEWS */
/* SERVICE */
.service p{
text-align:center;
}
.service p img{
border:1px solid #ccc;
padding:2px;
margin:5px 0;
}
/* SERVICE */
/* CERTIFICATE */
.certificate p{
text-indent:40px;
}
.certificate ul{
margin:10px 0 0 40px;
list-style:disc;
}
.certificate ul li{
margin-bottom:5px;
line-height:17px;
}
/* CERTIFICATE */
/* CONTACT */
.contact .frm fieldset{
margin:0 10px 0 0;
border:none;
background:url(../images/bg-contact.gif) no-repeat top center;
}
.contact .frm legend{
display:none;
}
.contact .frm em{
color:#c00;
font-size:10px;
}
.contact .frm p{
margin:0 0 5px 0;
padding:0;
}
.contact .frm p.btn-submit{
text-align:center;
}
.contact .frm p.btn-submit input{
width:90px;
}
.contact .frm p label{
float:left;
width:140px;
text-align:right;
font-size:11px;
margin-right:5px;
}
.contact .frm p input,.contact .frm p textarea{
width:240px;
}
.contact .message{
color:#f00;
text-align:center;
width:300px;
border:1px solid #f00;
background-color:#fee;
padding:5px;
margin:auto;
margin-top:5px;
margin-bottom:-10px;
font-size:11px;
}
.contact .message a{
color:#333;
display:block;
font-weight:normal;
text-decoration:none;
margin-top:10px;
font-size:11px;
}
.contact .message a:hover{
color:#f00;
text-decoration:underline;
}
/* CONTACT */
/* WEB LINK */
.link ul{
margin:15px 0 0 40px;
list-style:disc;
}
.link ul li{
margin:0 0 10px 0;
}
/* WEB LINK */
/* FORUM */
.forum-navigation{
margin:0;
padding:0 5px 5px 5px;
border-bottom:1px dotted #ccc;
list-style:none;
font-size:11px;
}
.forum-navigation li{
display:inline;
margin:5px;
}
.forum-navigation li a{
color:#333;
}
.forum-navigation li a:hover{
color:#c00;
}
#user{
font-size:11px;
padding:7px 10px;
}
#user strong{
color:#227fba;
}
#user a{
color:#c00;
text-decoration:underline;
}
#user a:hover{
color:#333;
}
.forum .box,.member .box{
height:360px;
}
table.forum{
border-collapse:collapse;
margin:auto;
width:100%;
font-size:11px;
border:3px double #dadada;
}
table.forum th{
background-color:#475f91;
border:1px solid #dadada;
padding:0 6px;
height:28px;
color:#fff;
}
table.forum td{
border:1px solid #dadada;
background-color:#f9f9f9;
padding:3px 5px;
}
table.forum td p{
margin:0;
}
table.forum td p strong{
color:#c00;
}
table.forum td a{
color:#227fba;
text-decoration:none;
font-weight:bold;
}
table.forum td a:hover{
color:#c00;
text-decoration:underline;
}
table.forum td img{
border:none;
margin:2px;
}
table.topic{
border-collapse:collapse;
margin:auto;
margin-bottom:10px;
width:96%;
border:1px solid #bbb;
border-bottom:3px solid #bbb;
}
table.topic td{
padding:5px;
vertical-align:top;
font-size:11px;
background-color:#f9f9f9;
}
table.topic .title{
border-bottom:1px solid #eee;
background-color:#475f91;
padding:7px 5px;
font-weight:bold;
color:#fff;
}
table.topic .title img{
vertical-align:middle;
margin:0 5px;
}
table.topic .name{
font-weight:bold;
width:12%;
}
table.topic .name a{
color:#227fba;
text-decoration:none;
}
table.topic .name a:hover{
color:#c00;
text-decoration:underline;
}
table.topic .date{
width:88%;
border-bottom:1px solid #d6d6d6;
}
table.topic .date img{
vertical-align:middle;
margin:0 5px 1px 0;
}
table.topic .profile{
line-height:17px;
}
table.topic .detail{
height:150px;
}
table.topic .detail .action{
margin:5px 0;
overflow:visible;
text-align:right;
}
table.topic .detail .action a img{
border:none;
margin:0 0 0 5px;
}
table.topic .detail a img{
border:none;
}
table.topic .ip{
font-size:9px;
background-color:#e7e7e7;
}
table.topic .signature{
background-color:#e7e7e7;
}
table.topic .signature .arrow{
float:right;
}
table.topic .signature .arrow img{
border:none;
cursor:pointer;
}
#tooltip-profile{
width:400px;
padding:5px;
border:1px solid #999;
background-color:#fff;
}
.display-profile{
width:100%;
}
.display-profile td{
padding:5px;
vertical-align:top;
line-height:18px;
font-size:11px;
}
.display-profile td.photo{
width:90px;
}
.display-profile td.photo img{
border:2px solid #ccc;
}
.display-profile td strong{
margin:0 5px;
}
.display-profile td .username{
color:#227fba;
}
.display-profile td a{
color:#c00;
text-decoration:underline;
}
.display-profile td a:hover{
color:#333;
text-decoration:underline;
}
table.member{
border-collapse:collapse;
margin:auto;
width:100%;
font-size:11px;
border:3px double #dadada;
}
table.member th{
background-color:#475f91;
border:1px solid #dadada;
padding:0 6px;
height:28px;
color:#fff;
font-size:12px;
}
table.member td{
border:1px solid #dadada;
background-color:#f9f9f9;
padding:5px 10px;
}
table.member td a{
font-weight:bold;
color:#227fba;
text-decoration:none;
}
table.member td a:hover{
color:#c00;
}
table.member td img{
margin:0 3px;
}
div.member-detail{
margin:auto;
width:100%;
text-align:center;
}
div.member-detail h3{
background-color:#475f91;
color:#fff;
font-size:12px;
text-align:left;
margin:10px 0 0 0;
padding:7px; 
}
div.member-detail dl{
clear:both;
text-align:left;
border-bottom:1px dotted #ccc;
border-left:1px dotted #ccc;
border-right:1px dotted #ccc;
margin:0;
padding:7px 0;
background-color:#f9f9f9;
font-size:11px;
}
html>body div.member-detail dl{	/* Modern browser */
overflow:hidden;
}
.member-detail dl dt{
float:left;
width:100px;
font-weight:bold;
padding:0 0 0 15px;
}
.member-detail dl dd{
float:right;
width:380px;
text-align:left;
color:#666;
margin:0;
padding:0;
}
.member-detail dl dd strong{
color:#227fba;
}
.member-detail dl dd a{
color:#c00;
text-decoration:underline;
}
.member-detail dl dd a:hover{
color:#333;
}
.member-detail .action{
text-align:right;
margin:10px 0 0 0;
}
.member-detail .action img{
margin:0 5px 0 0;
}
/* FORUM */
/* FOOTER */
#footer{
background:url(../images/bg-bottom.jpg) no-repeat top center;
padding:10px 10px 0 10px;
font-size:11px;
}
#footer a{
color:#c00;
text-decoration:none;
}
#footer a:hover{
color:#444;
text-decoration:underline;
}
#footer span{
color:#c00;
font-size:10px;
}
#footer p{
line-height:13px;
float:right;
text-align:right;
}
#footer p strong{
display:block;
color:#475f91;
}
/* FOOTER */
/* FORM */
.frm fieldset {
padding-top:10px;
margin-bottom:10px;
border:1px solid #ddd;
}
.frm legend {
color:#227fba;
font-weight:bold;
}
.frm p {
width:100%;
float:right;
margin:0 0 5px 0;
}
.frm p label {
width:85px;
float:left;
text-align:right;
padding-right:5px;
margin-top:2px;
font-size:11px;
font-weight:bold;
}
.frm em{
color:#f00;
font-size:10px;
}
.frm p img{
vertical-align:middle;
border:none;
margin:0 5px 0 0;
}
.frm p select{
padding:1px;
}
.frm p img.ui-datepicker-trigger{
margin:0 0 0 3px;
}
.frm p a{
color:#f00;
text-decoration:none;
}
.frm p a:hover{
color:#333;
}
#ui-datepicker-div{
font-size:12px;
}
#ui-datepicker-div select{
font-size:11px;
}
.frm p.btn-submit{
text-align:center;
padding-top:10px;
}
.frm p.btn-submit input{
background-color:#475f91;
border:1px solid #475f91;
padding:1px;
color:#fff;
font-weight:bold;
font-size:11px;
}
.frm .bb-button,.frm .bb-emotion{
margin-bottom:5px;
}
.frm .bb-button a img{
background:url(../images/bbcode/bg-bbcode.gif) no-repeat top center;
border:none;
margin:0 2px;
vertical-align:middle;
}
.frm .bb-button a:hover img{
background:url(../images/bbcode/bg-bbcode-over.gif) no-repeat top center;
}
.frm .bb-emotion a img{
border:none;
margin:0 2px;
vertical-align:middle;
}
.w100{
width:110px;
}
.w150{
width:150px;
}
.w250{
width:250px;
}
.w300{
width:300px;
}
.input-200 {
width:200px;
}
.input-250 {
width:200px;
}
.input-250-200 {
width:250px;
height:200px;
}
.input-300 {
width:300px;
}
.input-400 {
width:400px;
}
.input-500 {
width:500px;
}
.input-400-70 {
width:400px;
height:70px;
}
.input-380-100 {
width:380px;
height:100px;
}
}
.input-400-100 {
width:400px;
height:100px;
}
.input-550-200 {
width:550px;
height:200px;
font-size:12px;
}
.input-750-200 {
width:750px;
height:200px;
font-size:12px;
}
.input-file {
border:1px solid #7f9db9; padding:2px;
}
#success,#failed,#notfound {
width:430px;
margin:20px auto;
padding:40px 0;
text-align:center;
}
#success,#success  h3{
color:#227fba !important;
}
#failed,#failed h3{
color:#c00 !important;
}
#notfound,#notfound h3{
color:#c00 !important;
}
#success h3,#failed h3,#notfound h3 {
font-size:18px;
margin:15px 0;
}
#success a,#failed a,#notfound a {
font-size:12px;
color:#333;
}
#success a:hover,#failed a:hover,#notfound a:hover {
color:#c00 !important;
}
/* FORM */
/* LOGIN */
div#login{
margin:auto;
margin-top:70px;
margin-bottom:120px;
width:245px;
}
* html div#login{ width:235px; } /* IE 6 */
*:first-child+html div#login{ width:235px; }  /* IE 7 */
div#login h1{
font-size:13px;
color:#fff;
margin:0;
padding:7px 10px;
background-color:#475f91;
}
div#login .alert{
text-align:center;
color:#c00;
padding:5px;
}
.frm-login fieldset{
border:1px solid #999;
background-color:#f9f9f9;
padding:2px;
}
.frm-login legend{
display:none;
}
.frm-login p {
margin:5px;
float:right;
}
.frm-login p label {
width:60px;
float:left;
text-align:right;
padding-right:5px;
margin-top:2px;
}
.frm-login p input{
width:140px;
}
.frm-login p.btn-submit {
text-align:right;
}
.frm-login p.btn-submit input{
background-color:#475f91;
border:1px solid #475f91;
padding:1px;
color:#fff;
font-weight:bold;
font-size:11px;
width:70px;
}
/* LOGIN */
/* PAGE */
#page {
font-size:11px;
font-weight:bold;
padding:7px 5px 0 5px;
clear:both;
}
#page strong {
border:1px solid #475f91;
background-color:#475f91;
color:#fff;
margin:0 2px;
padding:0 5px;
}
#page a {
border:1px solid #ddd;
background-color:#ddd;
color:#666;
font-weight:bold;
text-decoration:none;
margin:0 2px;
padding:0 5px;
}
#page a:hover {
border:1px solid #c00;
background-color:#c00;
color:#fff;
}
/* PAGE */
-->