@charset "utf-8";
/* CSS Document */

body
{ 
	margin: 0pt;
	font-family: Arial, Helvetica, sans-serif, 新細明體;
	font-size: 12px;
	color: #000;
	background-color: #fff;
}

table
{
font-size: 12px;
font-family: Arial, Helvetica, sans-serif, 新細明體;
}

a { color: #0066FF; cursor: pointer; text-decoration: none;}
a:hover { color: #0c2e87; text-decoration: none;}

a img {border: none; }

.clearBoth {clear: both;}
.fRed {color: #f5003d;}
.fBold {font-weight: bold;}

/*==============================Header=========================================*/
#top {width: 100%; background-color: #081073;margin-bottom: 0px; font-size:12px;}
#top .logo {width: 400px; padding-top: 1px; padding-bottom: 2px;}
#top .login {color:#F8F8F8; font-size:13px; text-align:right; padding-right:10px;}
#top .menu {background-image:url(/templates/olympus/images/menu_bg.jpg); background-repeat:no-repeat; background-position:right; color: #fff; padding-top: 5px; text-align:right; padding-right:10px; vertical-align:bottom; padding-bottom:4px;}
#top .menu a {color: #fff;}
#top .line {height: 7px;  background-color: #fff;}

#banner {width: 990px; padding-left: 4px; margin-bottom: 10px;}

#ctn {width: 990px; margin-bottom: 14px; }
#ctn td {vertical-align: top;}
#ctn .colA {width: 355px;}
#ctn .colA .mid {background-image: url(/templates/olympus/images/bg_om.jpg); background-repeat: repeat-y;}
#ctn .colA .om {padding: 15px 26px 45px 32px;}
#ctn .colA .om a {color:#000000;}
#ctn .colA .om a:hover { color: #000000; text-decoration: none;}
#ctn .colA .info {width: 100%; margin-left: 22px; margin-bottom: 30px;}
#ctn .colA .info td { vertical-align: middle; padding-bottom:9px;}
#ctn .colA .btm {margin-bottom: 25px;}

#ctn .colB {color: #000;}
#ctn .colB .mid {background-image:url(/templates/olympus/images/bg_products.jpg); background-repeat: repeat-y; padding-left: 7px; }
#ctn .colB .list {line-height: 35px; padding-left: 25px; color: #000; background-image: url(/templates/olympus/images/bg_white.jpg); background-repeat: no-repeat; background-position: 0 8px;}
#ctn .colB .list a {color:#000;}
#ctn .colB .list a:hover {color:#000;}
#ctn .colB .list_on {line-height: 35px; padding-left: 25px; color: #fff; background-image: url(/templates/olympus/images/bg_black.jpg); background-repeat: no-repeat; background-position: 0 8px; }
#ctn .colB .list_on a {color:#fff;}
#ctn .colB .list_on a:hover {color:#fff;}

/*#ctn .colB .list_on {background-image: url(/templates/olympus/images/bg_black.jpg); background-repeat: no-repeat; }*/
#ctn .colB a {color: #000;}
#ctn .colB .products {padding-bottom: 30px;}

#ctn .colC {width: 346px;}
#ctn .colC .mid { width: 100%; background-image:url(/templates/olympus/images/bg_news.jpg); background-repeat: repeat-y; padding-left: 25px; }
#ctn .colC .what_new {padding-top: 10px;}
#ctn .colC .what_new .date {background-image:url(/templates/olympus/images/dot_1.jpg); background-repeat: no-repeat; background-position: 0 3px;padding-left: 14px; color: #999999; font-weight: bold;}
#ctn .colC .what_new .news {padding-left: 15px; margin-bottom: 10px;}
#ctn .colC .what_new .line {margin-bottom: 10px; }
#ctn .colC .btm {padding-left: 285px; background-image: url(/templates/olympus/images/bg_news_bg.jpg); background-repeat: no-repeat; background-position: top; }
#ctn .colC a {color: #000;}
#ctn .colC a:hover { color: #0c2e87;}

#footer {width: 100%; margin-top:7px; height:80px; background-color: #e5e5e5; color: #666666; background-image: url(/templates/olympus/images/foot_01.gif); background-repeat: no-repeat; font-size:12px;}
#footer td {width: 990px; text-align: center; vertical-align: top; padding-top: 30px;}
#footer a {color: #666666;}
#footer a:hover {color: #0c2e87;}

.grey_12 {font-family: Arial, Helvetica, sans-serif, 新細明體; color:#808080 ; font-size: 12px;}
.grey_12 a:link {text-decoration:none; color:#808080;}
.grey_12 a:visited {text-decoration:none; color:#808080;}
.grey_12 a:active {text-decoration:none; color:#808080;}
.grey_12 a:hover {text-decoration:none; color:#808080;}

.grey_14 {font-family: Arial, Helvetica, sans-serif, 新細明體; color:#808080 ; font-size: 14px;}
.grey_14 a:link {text-decoration:none; color:#808080;}
.grey_14 a:visited {text-decoration:none; color:#808080;}
.grey_14 a:active {text-decoration:none; color:#808080;}
.grey_14 a:hover {text-decoration:none; color:#808080;}

.grey_16 {font-family: Arial, Helvetica, sans-serif, 新細明體; color: #808080; font-size: 16px;}
.grey_16 a:link {text-decoration:none; color:#808080;}
.grey_16 a:visited {text-decoration:none; color:#808080;}
.grey_16 a:active {text-decoration:none; color:#808080;}
.grey_16 a:hover {text-decoration:none; color:#808080;}

.grey_14b {font-family: Arial, Helvetica, sans-serif, 新細明體; color:#808080 ; font-size: 14px; font-weight:bolder;}
.grey_14b a:link {text-decoration:none; color:#808080;}
.grey_14b a:visited {text-decoration:none; color:#808080;}
.grey_14b a:active {text-decoration:none; color:#808080;}
.grey_14b a:hover {text-decoration:none; color:#808080;}

.grey_16b {font-family: Arial, Helvetica, sans-serif, 新細明體; color:#808080 ; font-size: 16px; font-weight:bolder;}
.grey_16b a:link {text-decoration:none; color:#808080;}
.grey_16b a:visited {text-decoration:none; color:#808080;}
.grey_16b a:active {text-decoration:none; color:#808080;}
.grey_16b a:hover {text-decoration:none; color:#808080;}


.black_14 {font-family: Arial, Helvetica, sans-serif, 新細明體; color: #000000; font-size: 14px;}
.black_14 a:link {text-decoration:none; color:#000000;}
.black_14 a:visited {text-decoration:none; color:#000000;}
.black_14 a:active {text-decoration:none; color:#000000;}
.black_14 a:hover {text-decoration:none; color:#000000;}

.black_16 {font-family: Arial, Helvetica, sans-serif, 新細明體; color: #000000; font-size: 16px;}
.black_16 a:link {text-decoration:none; color:#000000;}
.black_16 a:visited {text-decoration:none; color:#000000;}
.black_16 a:active {text-decoration:none; color:#000000;}
.black_16 a:hover {text-decoration:none; color:#000000;}

.black_12 {font-family: Arial, Helvetica, sans-serif, 新細明體; color: #000000; font-size: 12px;}
.black_12 a:link {text-decoration:none; color:#000000;}
.black_12 a:visited {text-decoration:none; color:#000000;}
.black_12 a:active {text-decoration:none; color:#000000;}
.black_12 a:hover {text-decoration:none; color:#000000;}

.blue_12 {font-family: Arial, Helvetica, sans-serif, 新細明體; color:#3300FF ; font-size: 12px; font-weight:bold;}
.blue_12 a:link {text-decoration:none; color:#3300FF;}
.blue_12 a:visited {text-decoration:none; color:#3300FF;}
.blue_12 a:active {text-decoration:none; color:#3300FF;}
.blue_12 a:hover {text-decoration:none; color:#3300FF;}

.blue_14b {font-family: Arial, Helvetica, sans-serif, 新細明體; color:#3300FF ; font-size: 14px; font-weight: 800;}
.blue_14b a:link {text-decoration:none; color:#3300FF;}
.blue_14b a:visited {text-decoration:none; color:#3300FF;}
.blue_14b a:active {text-decoration:none; color:#3300FF;}
.blue_14b a:hover {text-decoration:none; color:#3300FF;}

.white_15 {font-family: Arial, Helvetica, sans-serif, 新細明體; color:#F8F8F8; font-size: 15px; font-weight:bold;}
.white_15 a:link {text-decoration:none; color:#F8F8F8;}
.white_15 a:visited {text-decoration:none; color:#F8F8F8;}
.white_15 a:active {text-decoration:none; color:#F8F8F8;}
.white_15 a:hover {text-decoration:none; color:#F8F8F8;}
      
div 
{
    scrollbar-arrow-color: #08107b ;
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-face-color: #fff;
	scrollbar-highlight-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-track-color: #fff;   
}