@charset "utf-8";
/* CSS Document */
h1,h2,h3{
	font-size:15px;
	font-weight:bold;
	color:#0064d5;	
	line-height:24px;
	}
p{	
	font-size:15px;	
	line-height:24px;
	}
	
.back{
	float:right;
	font-size:60%;
	}
	
.back a{
	width:50px;
	height:15px;
	padding-left:10px;
	margin-top:6px;
	display:block;
	background:url(../images/icon_back.gif) no-repeat top left;
	color:#1f67b9;
	}
.back a:hover{
	color:#268cff;
	background:url(../images/icon_back.gif) no-repeat 0 -13px  ;
	}
	
.page{
	font-size:12px;
	text-align:right;
	margin:20px 0 30px 0;
	}

.number{
	color:#017dbe;
	text-decoration:none;
	}


.product a,	
.ebook a{
	color:#017dbe;
	text-decoration:none;
	}
.product a:hover,
.ebook a:hover{
	color:#555;
	text-decoration:none;
	}
	
.pageNumber{
	text-align:center;
	font-size:15px;
	width:100%;
	margin: 0 auto 30px;
	overflow:auto;
	padding:3px 0;
	}	
	
.pageNumber img{
	border:none;
	}
	
.pageNumber ul{
    text-align:center;
	list-style:none;
	margin-top:10px;
	}
	
.pageNumber li{
	list-style:none;
	float:left;
	}
	
.pageNumber a{
	color:#017dbe;
	text-decoration:none;
	padding:0px 4px;
	margin:0 3px;
	}
	
.pageNumber a:hover{
	color:#017dbe;
	text-decoration:none;
	background:#d9e2ed;
	}
.pageNumber a:active{
	color:#017dbe;
	text-decoration:none;
	background:#d9e2ed;
	}
	
.pageNumber .nobg a{	
	background:none;
	margin:0px 0 0 0 ;}
	
.pageNumber .nobg a:hover{	
	background:none;
	}
	
/*-----------------------------------------------------
					02 news
------------------------------------------------------*/	

.news {
	overflow:auto;
	margin-bottom:40px;
	}

.news dl{
	line-height:35px;
	/*letter-spacing: 0.1em;*/
	
	}
	
.news dt{
	float:left;
	font-size:15px;
	color:#0064d5;
	padding-right:10px;
	font-weight:bold;
	}
	
.news dd{
	border-bottom: 1px #CCC dashed;
	font-size:15px;
	}
	
.newsDetails{
	margin-bottom:20px;
	}
	
.newsDetails dl{
	}
	
.newsDetails dt{
	font-size:11px;
	color:#0064d5;
	font-weight:bold;
	margin-bottom:10px;
	}

.newsDetails dd{
	font-size:16px;
	font-weight:bold;
	color:#0f5cb4;
	line-height:24px;
	}
	
	
	
/*-----------------------------------------------------
					03 catalog
------------------------------------------------------*/	
.catalog{
	overflow:auto;
	}
	
.catalog ul{
	list-style:none;
	display:inline;
	overflow:auto;
	}
	
.catalog li{
	display:inline-block;
	list-style:none;
	float:left;	
	margin:0 20px 25px 0;
	}
	
.catalog img{
	border:1px solid #CCC;
	padding:5px;
	}
	
/*-----------------------------------------------------
					04 product
------------------------------------------------------*/	
.product{
	overflow:auto;
	border-bottom:1px dashed #CCC;
	padding:0 0 10px 0;
	margin-bottom:10px;
	}

.images{
	border:1px solid #CCC;
	padding:5px;
	margin:0 23px 0 0px ;
	float:left;
	}	
	
.product ul{
	list-style:none;
	display:block;
	overflow:auto;
	margin-bottom:10px	
	}
	
.product li{
	list-style:none;
	float:left;
	width:100%;
	line-height:24px;
	font-size:13px;
	}
	
.btn_product ul{
	list-style:none;
	}
	
.btn_product li{	
	width:23%;
	color:#0b7fc8;
	font-size:11px;
	float:left;
	}
	
.btn_product a,
.btn_product a:hover{
	background:#0b7fc8;
	padding:4px 5px;
	color:#FFF;
	font-size:11px;
	border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
	}
.btn_product input{
	color:#FFF;	
	/*margin-left:17px;*/
	}
	
.select {
	margin:20px 0 30px 0;
	padding:15px 0 5px 0; 
	background:#f3f3f3;
	font-size:15px;
	}
.select p{
	text-align:center;
	margin-bottom:13px;
	}	
	
.select input{
	background:#0b7fc8;
	padding:5px 6px;
	color:#FFF;
	font-size:11px;
	border:none;
	border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
	margin:0 5px;
	}
.select table{
	margin:auto;}
	
.productSearch Input{
	width:200px;
	background:#FFF;
	border:none;
	color:#333;
	height:24px;
	line-height:24px;
	padding:0 4px;}
	
.prodectDetails{
	overflow:auto;
	font-size:13px;
	line-height:24px;
	}
.prodectDetails dl{	
	}
.prodectDetails dt{
	padding:5px 8px;
	background:#F3F3F3;
	font-weight:bold;
	}
.prodectDetails dd{
	border-bottom:1px #CCC solid;
	padding:5px 8px 15px 8px;

	}	
		
ul.line{
	border-top:1px #CCC solid;
	border-bottom:1px #CCC solid;
	padding:7px 0;
	margin:10px 0;
	overflow:auto;
	}
li.button{
	width:100px;
	margin-right:10px;}	
li.right{color:#555;
float:right;
text-align:right;
font-size:13px;
padding-top:3px;}
/*-----------------------------------------------------
					05 ebook
------------------------------------------------------*/
.ebook{
	overflow:auto;
	border-bottom:1px dashed #CCC;
	padding:0 0 20px 0;
	margin-bottom:20px;
	}
.ebook img{
	padding:5px;
	border:1px solid #CCC;
	}
.ebook_images{
	margin:0 23px 0 0px ;	
	float:left;
	}	
	
.ebook ul{
	list-style:none;
	display:block;
	overflow:auto;
	margin-bottom:10px	
	}
	
.ebook li{
	list-style:none;
	line-height:24px;
	font-size:13px;
	}
	
.ebook li.date{
	float:right;
	font-size:11px;
	color:#0064d5;
	padding-right:0px;
	font-weight:bold;
	text-align:right;
	width:100%;
	}	

	
.view{
	margin-top:10px;
	}
.btn_view{margin-top:15px;}	
.btn_view a{	
	width:55px;
	background:#0b7fc8;
	padding: 3px 4px ;
	color:#FFF;
	font-size:11px;
	
	border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
	}
	
.btn_view a:hover{
	color:#FFF;
	}

/*-----------------------------------------------------
					06 project
------------------------------------------------------*/

.project{
	/*overflow:auto;*/
	}
	
.project ul{
	list-style:none;
	display:inline;
	}
	
.project li
{
    display: inline-block;
    list-style: none;
    float: left;
    margin: 0 30px 20px 0;
    width: 180px;
	height: 210px;
    text-align: center;
    font-size:13px;
}
	
.project img
{
    border: 1px solid #CCC;
    padding: 10px ;
    margin: 0 0 10px 0;
    width: 150px;
    height: 150px;
}
	
.projectInfo{
	margin-bottom:30px;}
/*-----------------------------------------------------
					07 message
------------------------------------------------------*/

.message{}

.message .content{
	border-bottom:1px solid #e5e5e5;
	}
	
.message dl{
		
	line-height:32px;
	margin-bottom:20px;
	border-bottom:1px dashed #CCC;
	}

.message dt{
	font-size:15px;
	background:#F3F3F3;
	border-left:3px solid #3577c3;
	padding-left:10px;
	}

.message dd{
	margin: 0 20px;
	font-size:13px;
	line-height:36px;
	}
	
.dash{
	font-size:22px;
	color:#0064d5;
	font-weight:bold;}
	
.tag{
	color:#0064d5;
	padding:3px;}
	
.message dd.date{
	font-size:11px;
	float:right;
	color:#0064d5;
	margin-right:10px;
	}
	
	
/*comment*/		
#qaContent table{
	background:#f3f3f3;
	border:1px solid #e3e3e3;
	border-bottom:none;
	font-size:13px;
	
	}	
#qaContent tr{
	}
#qaContent td{
	padding:5px;
	border-bottom:1px solid #e3e3e3;
	line-height:24px;}
	
.inputArea{
	border:none;
	background:#FFF;
	height:22px;
	line-height:22px;
	padding:3px;
	}
.contentArea{
	border:none;
	background:#FFF;
	/*height:60px;*/
	line-height:22px;
	padding:3px;
	}	
#qaContent .check{
	margin-right: 5px;
	}
.btn_submit{
	background:#0b7fc8;
	border:1px solid #0b7fc8;	
	color:#FFF;	
	font-size:11px;
	padding: 3px 4px;
	margin-right:10px;
	cursor: pointer;
	border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
	}
#qaContent .btn_message{
	
	background:url(../images/icon_message.gif) 5px 5px no-repeat #0b7fc8; 
	width:55px;
	padding:5px 0 5px 24px;	
	margin:0 0 12px 550px;
	color:#FFF;
	font-size:13px;	
	border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
	}

#qaContent ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#qaContent {
	/*width: 500px;*/
	margin:0 0 20px 0;
	
}

#qaContent ul.accordionPart {
	margin: 10px 0;
}

#qaContent ul.accordionPart li {
	/*border-bottom: solid 1px #e3e3e3;*/
	padding-bottom: 12px;
	/*margin-top: 12px;*/
}

#qaContent ul.accordionPart li .qa_title {
	/*padding-left: 28px;*/
	/*color: #1186ec;*/
	cursor: pointer;
}

#qaContent ul.accordionPart li .qa_title_on {
	/*text-decoration: underline;*/
}
#qaContent ul.accordionPart li .qa_content {
	margin: 6px 0 0;
	/*background: url(icon_q_a.gif) no-repeat 0px -24px;*/
	/*padding-left: 28px;*/
	color: #666;
}


/*-----------------------------------------------------
					08 Info
------------------------------------------------------*/
.map{
	margin-bottom:30px;
	font-size:13px;
	line-height:24px;}
.info{
	margin-bottom:30px;
	font-size:13px;
	}
	
.info dl {
	line-height:24px;
	
	}
	
.info dt{
	float:left;
	width:10%;
	
	margin-right:10px;}
.info a{
	color:#39C;
	}	
.info a:hover{
	color:#39F;
	}	
.contact table{
	border-top:1px #CCC solid;
	font-size:13px;
	margin-bottom:30px;
	}
	
.contact td{
	border-bottom:1px #CCC solid;
	padding: 4px;
	}
	
.contact input,
.contact textarea{
	background:#f5f5f5;
	border:1px solid #CCC;
	color:#333;	
	padding: 0 4px;
	}
	
.contact input{
	height:24px;
	line-height:24px;}