@charset "utf-8";
/* 
	Name  :	akien89 
	phone : 0977.43.22.66
	Nick  : akien89@yahoo.com
*/
@import 'reset.css';

/*body {background: #FFF url(../images/bg_main.jpg) repeat-x;}*/

body {background: #FFF;}

.wrapper{font-size:12px; width:1000px; margin:auto; font-family:arial; background:url(../images/banner_head.jpg) no-repeat 0 210px;}

a{text-decoration:none; color:#0c7d0c; font-weight:bold;}

a:hover{text-decoration:underline;}

/*Insert template*/
label.error, label.error{width:100%; color:#F00; font-style:italic; float:none;}

div.error{padding-left:100px;}

input.error,textarea.error{border:1px dotted #F00;}

input.button{background:#FFF; border:1px solid #CCC; height:28px; text-align:center; margin-right:5px; color:#014B80; font-weight:bold;}

label{display:block; text-align:left; width:100px; float:left; padding:4px 0 3px 0;}

input, textarea, select {padding:2px 2px 2px 2px; border:solid 1px #A5C2C8; vertical-align:middle;}

input:hover, textarea:hover, select:hover{background:#d5e1e9;}

input.check{border:0;}

.page{text-align:right; padding:5px 0; font-weight:bold; color:#000088;}

.page a{color:#000088;}

span.required{color:#F00;}

.contact{padding:0 20px;}

.contact p{margin:0; padding:5px 0;}

.contact .text{width:500px;}

.contact .half{width:200px;}

.contact .result{text-align:center; display:block; font-weight:bold; padding:10px;}

.contact fieldset{border:solid 1px #CCC; padding:10px 10px 10px 10px;}

.contact legend{font-weight:bold; display:block; text-align:left; border:1px solid #CCC; padding:2px 10px 2px 10px; text-align:center; width:100px;}

.address_contact{padding:0 20px; line-height:25px;}

.list_news{padding:0 10px;}

.list_news h3.title{padding:5px 5px; background:#F6F4F5;}

.list_news h3.title a{color:#0C7D0C; font-weight:bold;}

.list_news h3.title img{vertical-align:middle;}

.list_news .item{line-height:18px; border-bottom:1px #CCC dotted; padding:5px 0;}

.list_news .item .image{float:left; padding:5px;}

.list_news .title{font-weight:bold;}

.news_view{text-align:justify; line-height:18px;}

.news_view .title{padding:10px 0; margin-bottom:10px; border-bottom:1px dotted #CCC;}

.news_view .title h1{padding-bottom:5px; font-size:14px; color:#000088;}

.news_view .image{float:left; margin:5px;}

.product_view .title img{margin-right:10px;}

.news_other{margin:10px 0;}

.news_other h1{padding:5px; border-bottom:1px dotted #CCC;}

.news_other li{list-style-type:circle; margin-left:30px;padding:5px;}

.news_other li a{color:#0066CC;}

.news_other li a span{color:#000;}

.news_other li img{vertical-align:middle;}

.site_map{font-weight:bold; padding-left:30px;}

.site_map a{display:block; padding:5px 15px; color:#000088; background:url(../images/dot.jpg) no-repeat 0 10px;}

.site_map li li,.site_map li li li,.site_map li li li li{padding-left:50px;}

.print{padding:10px; background:#FFF;}

.print h1{padding:10px 0;}

.price{font-weight:bold; color:#F00;}

.editor{margin-bottom:5px;margin-left:100px; width:400px;}

/*Insert template*/

.content-left{float:left; width:180px;}

.content-center{float:left; width:750px;}

.menu-left li a{padding:13px; display:block; text-align:right; background:url(../images/bg_mn.jpg) repeat-y;}

*html .menu-left li a{height:1%;}

.menu-left li a:hover{background:#FFF;}

.adv-left p{text-align:center; padding:5px 0;}

.header .days{float:right; margin-right:20px;}

.header .days  li{padding:10px 5px; float:left; color:#FFF; font-weight:bold;}

.header .days #isDate{color:#0C7D0C;display:block; padding-top:5px;}

.header .logo{float:left; margin-left:100px;}

.key{border:1px solid #999; width:120px; height:18px; margin:0 0 0 855px; background:#FFF;}

.key input{border:none; float:left; background:none; color:#999999; font-size:10px;}

.key .bottomkey{background:url(../images/key.jpg) 15px 2px no-repeat; width:30px; height:15px; }

.navi{background:url(../images/mn_nv.jpg) no-repeat; margin-left:143px; position: relative; height:80px;}

.navi #datetime{position:absolute; top:0; left:-110px;}

*html .navi{height:80px;}

.navi ul{padding:13px 0 0 5px;}

.navi li{float:left;}

.navi li a{display:block;padding:6px 13px; color:#FFF;}

.navi li ul{display:none;}

.navi li li:hover{background:none;}

.navi li:hover{background:url(../images/navi_bg.jpg) top repeat-x;}

.navi li:hover a{text-decoration:none; color:#0C7D0C;}

#subTopMenu ul{padding:0;}

#subTopMenu li a{padding:10px; color:#0C7D0C;}

#subTopMenu li:hover{background:none;}

#subTopMenu li:hover a{text-decoration:underline;}

.content{width:960px; margin:auto; background:url(../images/bgbottom.jpg) bottom no-repeat;}

.padcont{padding:10px 15px;}

.mar{margin-bottom:10px;}

.banner{background:url(../images/bg_intro.jpg) no-repeat; width:646px; height:181px; padding:5px; margin:5px;}

.slogan{background:url(../images/bg_slogan.jpg) no-repeat; height:55px; width:640px; margin:5px;padding:3px 0 3px 20px;}

.clip{float:left; background:url(../images/bg_video.jpg) no-repeat; width:257px; height:240px;color:#0c7d0c; text-align:center; line-height:20px; font-weight:bold; padding-top:10px;_padding-top:10px; margin:5px 0;}

.clip p{text-align:center;}

.news{background:url(../images/bg_news.jpg) repeat-x; width:320px; line-height:20px; padding:10px;-moz-border-radius:10px;
-webkit-border-radius: 10px; border:1px solid #999; float:left; height:290px;}

.news h3{background:url(../images/h3_sao.jpg)  no-repeat; color:#0c7d0c; padding:10px 20px 10px 40px; float:left;}

.news .daynews{color:#CCCCCC; float:left;padding-top:10px;}

.news span{display:block; position:relative; border-bottom:1px dotted #99CC33; height:150px;}

.news span img{ padding-right:10px; float:left;}

.news span .link a{float:right;color:#FFF;position:absolute;left:257px;top: 140px;}

.news .newslist{color:#0c7d0c; font-weight:bold; font-size:14px; margin-top:5px;}

.news .newslist ul li a{font-size:12px; line-height:12px; color:#666; font-weight:100;padding-left:20px; background:url(../images/dot.jpg) 10px 5px no-repeat;}

.mnleft{background:url(../images/bg_mn.jpg) repeat-y; width:180px; float:left; margin-left:5px; border-right:1px solid #CCC;}

.mnleft li a{padding:13px; display:block; text-align:right;}

*html .mnleft li a{height:1%;}

.mnleft li a:hover{ background:#FFF;}

.newshow{width:360px; height:300px; float:left; padding:0 10px; margin-bottom:10px; line-height:20px; border-bottom:1px dotted #99CC33; position:relative;}

.newshow-slide{width:380px; height:310px; overflow:hidden; position:relative;}

.newshow .link a{float:right;position:absolute;left:311px;top:291px;}

.newshow img{padding-right:10px; float:left;}

.imglg{background:url(../images/bg_logo.jpg) no-repeat; margin-top:20px; color:#009933; font-weight:bold; font-size:11px; position:relative;}

.imglg .tpnews{position:absolute;left: 10px;top:-5px;}

.imglg li{float:left;padding:20px 7px 7px;}

.imglg .next{padding:28px 10px 0 7px;}

.imglg .icon_href{display:block; position:absolute;}

.imglg .icon_href img:hover{width:110%;}

.imglg .icon_href.top{top:0; right:20px;}
.imglg .icon_href.email{top:30px; right:80px;}
.imglg .icon_href.contact{top:60px; right:140px;}


.footer{background:url(../images/bg_footer.jpg) no-repeat; text-align:center; padding:10px 0; line-height:18px;color:#666; width:960px;  margin:1px auto; position:relative;}

.footer .weblink{position:absolute; top:5px; right:15px;}