@charset "utf-8";

/**
* html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
* Richard Clark (http://richclarkdesign.com)
* http://cssreset.com
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}
nav ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}
input, select {
	vertical-align:middle;
}
/* -----reset end------------------------------------------------ */


/*＿＿＿base＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

p,li,dt,dd,th,td {
	font-size: 14px;
	line-height: 160%;
	color: #333;
}

body a:link,
body a:visited {
	color: #365ED3;
	text-decoration: underline;
}

body a:hover,
body a:active {
	color: #365ED3;
	text-decoration: none;
}

a:hover img,
input:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

img {
	border: 0;
}

ul li {
	list-style: none;
}

ol li {
	list-style-position: outside;
}

.clearfix {
	overflow: hidden;
	zoom: 1;
}

body {
	background: #FFF url(../images/base/body-bg.gif) repeat-x 0 0;
	text-align: center;
	padding: 0;
}

.wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

.container {
	background-color: #FFF;
	width: 960px;
	overflow: hidden;
	zoom: 1;
}

.main {
	width: 700px;
	float: left;
}

.sub {
	width: 240px;
	float: right;
}

/*＿＿＿header＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

.header {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
.header-in {
	height:138px;
	overflow: hidden;
	zoom: 1;
}
.header-left {
	width: 380px;
	float: left;
	padding:20px 0 0 0;
}
.header-left p {
	font-size:12px;
	line-height:100%;
}
h1.logo,p.logo a {
	display: block;
	zoom: 1;
	overflow: hidden;
	height: 0!important;
	height/**/: 0px;
	padding: 50px 0 0 0;
	margin: 0;
	width: 380px;
	border: 0 none;
	background-repeat: no-repeat;
	background: url(../images/base/logo.gif) no-repeat 0 0;
	line-height: 2;
}

/*＿＿＿nav＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

.h-nav {
	float: right;
	padding:50px 0 0 0;
}

.h-nav li {
	font-size: 12px;
	float: right;
	padding:0 8px;
	border-left:1px solid #365ED3;
	line-height:100%;
}

.h-nav li.fast {
	border-left:0 none;
}


ul.g-nav {
	width: 960px;
	padding:16px 0 0 0;
	overflow :hidden;
	zoom: 1;
}

ul.g-nav li {
	display: inline;
}

ul.g-nav li a {
	float: left;
	display: block;
	overflow: hidden;
	height: 0!important;
	height/**/: 0px;
	padding: 40px 0 0 0;
	background-image:url("../images/base/g-nav.gif");
	background-repeat:no-repeat;
 }

ul.g-nav li.home a { background-position: 0 0; width: 193px;}
ul.g-nav li.products a { background-position: -193px 0; width: 193px;}
ul.g-nav li.about a { background-position: -386px 0; width: 192px;}
ul.g-nav li.access a { background-position: -578px 0; width: 192px;}
ul.g-nav li.contact a { background-position: -770px 0; width: 190px;}

.home ul.g-nav li.home a, ul.g-nav li.home a:hover { background-position: 0 -40px;}
.products ul.g-nav li.products a, ul.g-nav li.products a:hover { background-position: -193px -40px;}
.about ul.g-nav li.about a, ul.g-nav li.about a:hover { background-position: -386px -40px;}
.access ul.g-nav li.access a, ul.g-nav li.access a:hover { background-position: -578px -40px;}
.contact ul.g-nav li.contact a, ul.g-nav li.contact a:hover { background-position: -770px -40px;}


/*＿＿＿pan＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

.pan {
	overflow: hidden;
	zoom: 1;
	padding:15px 0 20px 0;
}

.pan li {
	display:inline;
	list-style: none;
	background: url(../images/base/icon03.gif) no-repeat 0 50%;
	padding: 0 5px 0 10px;
	font-size: 10px;
}

.pan li.fast {
	background: none;
	padding: 0 10px 0 0;
}

/*＿＿＿side＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

.sub dl {
	padding:0 0 30px 0;
}
.sub dl dt img {
	display:block;
	padding:0 0 0 0;
}
.sub dl dd ul li {
	border-bottom:1px dotted #999;
}
.sub dl dd ul li a {
	display:block;
	padding:12px 8px 12px 13px;
	background: url(../images/base/icon01.gif) no-repeat 3px 50%;
}
.sub dl dd ul li ul {
	padding:0 0 10px 0;
}
.sub dl dd ul li ul li {
	border-bottom:0 none;
}
.sub dl dd ul li ul li a {
	padding:3px 8px 3px 30px;
	background: url(../images/base/icon02.gif) no-repeat 17px 5px;
}


.sub dl dd ul li a.on ,
.sub dl dd ul li a:hover {
	text-decoration:none;
	color: #365ED3;
	background:#EBEFFB url(../images/base/icon01.gif) no-repeat 3px 50%;
}
.sub dl dd ul li ul li a.on ,
.sub dl dd ul li ul li a:hover {
	text-decoration:none;
	color: #365ED3;
	background:#EBEFFB url(../images/base/icon02.gif) no-repeat 17px 5px;
}


/*＿＿＿footer＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/


.contact-box {
	background:url(../images/base/contact-bg.jpg) no-repeat 0 0;
	padding:100px 0 40px 26px;
	margin:50px 0 0 0;
}
.contact-box p {
	display:none;
}
.contact-box ul {
	overflow:hidden;
	zoom:1;
}
.contact-box ul li {
	float:left;
	margin:0 7px 0 0;
}

.page-top {
	width: 960px;
	margin: 0 auto;
	text-align: right;
}

.footer {
	background:url(../images/base/footer-bg.gif) repeat-x 0 0;
	min-width:960px;
}

.footer-inner {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	zoom: 1;
}
.f-nav{
	padding:22px 0 60px 0;
}
.f-nav li{
	display:inline;
	font-size: 12px;
	padding:0 8px;
	border-left:1px solid #365ED3;
	line-height:100%;
}
.f-nav li.fast{
	border-left:0 none;
}
.footer-logo{
	padding:0 0 24px 0;
}
.footer-inner h2{
	color:#FFFFFF;
	border:0 none;
	padding:0;
	margin:0;
}
.footer-contact{
	overflow:hidden;
	zoom:1;
	position:relative;
	margin:25px -30px 0 0;
}

.footer-contact p{
	font-size:12px;
	color:#000000;
}

.footer-contact div{
	width:300px;
	float:left;
	margin:0 30px 0 0;
}

.footer table {
	width: 100%;
	margin:10px 0 0 0;
	border:0 none;
}
.footer table td{
	border:0 none;
	border-bottom:1px dotted #999;
	padding:5px 0;
	line-height:130%;
	font-size:12px;
	vertical-align:top;
}
.footer .copy{
	padding:60px 0;
	font-size:12px;
}

/*＿＿＿headline＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

h1 {
	font-size: 18px;
	padding: 12px;
	margin:0 0 20px 0;
	background:url(../images/base/h1-bg.jpg) no-repeat 0 0;
	line-height:100%;
}
h2 {
	font-size: 18px;
	padding: 8px 18px;
	border-bottom:1px solid #D7D7D7;
	background: url(../images/base/h2-bg.gif) no-repeat 0 0;
	margin:0 0 20px 0;
	line-height:100%;
}
h3 {
	font-size: 14px;
	padding: 4px 10px;
	border-left:7px solid #365ED3;
	margin:0 0 10px 0;
}



p.read {
	margin:0 30px;
}
em{
	color:#F00;
	font-style:normal;
}

/*＿＿＿box＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

.box01 {
	overflow: hidden;
	zoom: 1;
	margin: 0 0 10px 0;
}

.box02 {
	overflow: hidden;
	zoom: 1;
	margin: 0 0 20px 0;
}

.box03 {
	overflow: hidden;
	zoom: 1;
	margin: 0 0 30px 0;
}

.box04 {
	overflow: hidden;
	zoom: 1;
	margin: 0 0 40px 0;
}

.box05 {
	overflow: hidden;
	zoom: 1;
	margin: 0 0 50px 0;
}

.box06 {
	overflow: hidden;
	zoom: 1;
	margin: 0 0 60px 0;
}

/*＿＿＿table＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

table{
	border:1px solid #D7D7D7;
	width:100%;
}
table th{
	background:#E9F8FE;
	padding:5px 5px;
	border:1px dotted #999999;
	line-height:120%;
	vertical-align:middle;
	font-weight: normal;
}
table th span{
	font-size:10px;
	font-weight:normal;
}
table td {
	padding:5px 5px;
	border:1px dotted #999999;
	vertical-align:middle;
}

/*＿＿＿list＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

.list01 li a{
	border-bottom:1px dotted #999;
	display:block;
	padding:10px 8px 10px 13px;
	background: url(../images/base/icon01.gif) no-repeat 3px 50%;
}
.list02 li {
	display:inline;
	font-size:18px;
	font-weight:bold;
}
.list02 li a{
	padding:0 20px 0 13px;
	background: url(../images/base/icon01.gif) no-repeat 3px 5px;
}
.list03{
	overflow:hidden;
	zoom:1;
	position:relative;
	margin:0 -20px 0 0;
}
.list03 li{
	width:100px;
	float:left;
	padding:0 20px 20px 0;
}

/*＿＿＿p-nav＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

.p-nav{
	background:#365ED3;
	padding:8px;
	margin:30px 0;
	text-align:center;
	color:#FFF;
}
.p-nav .current_page{
	font-weight:bold;
}
.p-nav a{
	padding:0 10px;
	color:#FFF!important;
}
.p-nav a:visited{
	color:#FFF!important;
}
.p-nav a:hover{
	color:#FFF!important;
}
.p-nav a:active{
	color:#FFF!important;
}


/*＿＿＿form＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

input,
select,
textarea {
	vertical-align: middle;
	border: 1px solid;
	border-color: #CCC;
	font-size: 13px;
}

input,
textarea {
	padding: 2px;
	margin: 2px 0;
}

input[type="text"]:focus,
textarea:focus {
	background: #F6F6F6;
}

.table01 td input {
	padding: 4px;
}

.table01 td select {
	height: 20px;
	margin: 6px 0;
}

.form-btn {
	text-align: center;
	display: block;
}

.form-btn input {
	border: 0 none;
	padding: 0;
	margin: 0 4px;
}

input.form-btn-image {
	border: 0 none;
	padding: 0;
}

input.rc {
	border: 0;
	padding: 0;
	margin: 0 8px 0 0;
	vertical-align: middle;
}


/*＿＿＿font color,bg color＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

.red {
	color: #FF0000;
}

.pink {
	color: #FF3366;
}

.small {
	font-size:10px;
}

.pdf {
	background:url(../images/base/icon_pdf.gif) no-repeat 0 0;
	padding:3px 0 5px 23px;
	}

.new {
	padding:1px 0 0 10px;
	}
/*＿＿＿size,other＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

.blk {
	display: block;
}

.vm {
	vertical-align: middle!important;
}

.none {
	display: none!important;
}

.noborder {
	border:0 none!important;
}

.left {
	text-align: left!important;
}

.right {
	text-align: right!important;
}

.center {
	text-align: center!important;
}

.f-left {
	float: left;
}
.f-left300{
	float: left;
	width:300px;
}
.f-left330{
	float: left;
	width:330px;
}
.f-left420{
	float: left;
	width:420px;
}

.f-right {
	float: right;
}
.f-right250{
	float: right;
	width:250px;
}
.f-right330{
	float: right;
	width:330px;
}
.f-right380{
	float: right;
	width:380px;
}
.f-right540{
	float: right;
	width:540px;
}

.ph-left {
	float: left;
	margin: 0 20px 10px 0;
}

.ph-right {
	float: right;
	margin: 0 0 10px 20px;
}
.ph-right img {
	display:block;
	padding:0 0 15px 0;
}

.pad0 {
	padding: 0!important;
}

.mar0 {
	margin: 0!important;
}

.mr15 {margin-right: 15px!important;}
.mr18 {margin-right: 18px!important;}

.mb5 {margin-bottom: 5px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb15 {margin-bottom: 15px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb40 {margin-bottom: 40px!important;}
.mb50 {margin-bottom: 50px!important;}
.mb60 {margin-bottom: 60px!important;}
.mb70 {margin-bottom: 70px!important;}
.mb80 {margin-bottom: 80px!important;}

.mt5 {margin-top: 5px!important;}
.mt10 {margin-top: 10px!important;}
.mt20 {margin-top: 20px!important;}
.mt30 {margin-top: 30px!important;}

.f10 {font-size: 10px!important;}
.f12 {font-size: 12px!important;}
.f14 {font-size: 14px!important;}
.f16 {font-size: 16px!important;}
.f18 {font-size: 18px!important;}

.w5 {width: 5%;}
.w8 {width: 8%;}
.w10 {width: 10%;}
.w12 {width: 12%;}
.w14 {width: 14%;}
.w15 {width: 15%;}
.w17 {width: 17%;}
.w18 {width: 18%;}
.w20 {width: 20%;}
.w22 {width: 22%;}
.w24 {width: 24%;}
.w25 {width: 25%;}
.w28 {width: 28%;}
.w30 {width: 30%;}
.w33 {width: 33%;}
.w35 {width: 35%;}
.w40 {width: 40%;}
.w45 {width: 45%;}
.w50 {width: 50%;}
.w60 {width: 60%;}
.w70 {width: 70%;}
.w80 {width: 80%;}
.w90 {width: 90%;}

.wp50 {width: 50px;}
.wp70 {width: 70px;}
.wp100 {width: 100px;}
.wp150 {width: 150px;}
.wp200 {width: 200px;}
.wp250 {width: 250px;}
.wp300 {width: 300px;}
.wp350 {width: 350px;}
.wp400 {width: 400px;}
.wp500 {width: 500px;}
.wp600 {width: 600px;}
.wp700 {width: 700px;}

.wp450hp96 {
	width: 450px;
	height: 96px;
}

.w30_table th{
	width: 30%;
}