@charset "utf-8";

body{ margin:0; background:#E8E8E8; font-size:12px; height:100%; color:#666; line-height:20px;}

img{ border:0;}

a{ text-decoration:none; color:#666;}
a:hover{ text-decoration:underline;}

.centerr{text-align:center;}

#main{margin-left:auto; margin-right: auto; padding:0 1px; background:#FFF; width:1003px; height:100%;}

#top{padding:20px 10px 0 20px; margin-bottom:10px;}
#top span{ float:right; padding-right:10px; padding-bottom:5px;}
#top a{ color:#666;}

.menucontainer{background: url(img/bgOFF.gif) no-repeat bottom left;}
.menu {float:left; width:100%; position:relative; font-size:12px; font-weight:bold;background:url(img/bgOFF.gif) repeat-x bottom left; border-top:4px solid #EA002C;}
.menu ul {padding:0; margin:0; list-style-type:none; float:left; position:relative;}
.menu ul li {float:left; position:relative; display:inline; background:url(img/bgDIVIDER.gif) no-repeat bottom right;}
.menu ul li a, .menu ul li a:visited {float:left; display:block; text-decoration:none; width:auto; color:#666; padding:0px 20px; line-height:40px; height:40px;}
* html .menu ul li a, .menu ul li a:visited {width:auto;w\idth:auto;}
.menu ul li ul {display:none;}
.menu ul li ul li{background:none;}
.menu table {margin:-1px;border-collapse:collapse;font-size:11px;}
.menu ul li a:hover {color:#EA002C;background: transparent url(img/bgON.gif) bottom left repeat-x;}
.menu ul li a:hover ul {display:block;position:absolute;top:36px;margin-top:1px;left:0;width:100%;border-top:1px solid #fff; font-weight:normal;}
.menu ul li a:hover ul li a {display:block;background:#E3E3E3;color:#333;height:auto;line-height:16px;padding:2px 16px 2px 16px;width:120px;border-top:1px solid #fff;}
.menu ul li a:hover ul li a:hover {color:#fff;background: #EA002C url(img/sub-arrow.gif) no-repeat;background-position: 4px 8px;}

#flashpic{width:670px; height:270px; float:left; margin:10px 0px 10px 15px; }

#wellbeing{ float:left; margin:0 0 10px 15px;width:194px; height:128px;}

#login{ float:right; margin:10px 15px 10px 10px; width:250px; height:131px; background:url(img/member_login.gif) no-repeat; text-align:center; }
#login table{margin-top:45px;text-align:center;}
#login .reg{ padding-top:10px;}
#login a{ text-decoration:none; color:#EA002C;}
#login a:hover{text-decoration: underline;}
#login input{ height:13px; border:#BDBDBD solid 1px; width:100px;}

#product{ width:250px; float:right; margin:5px 15px 10px 0px;}
#product .bt{ padding-bottom:10px;}
#product .zw{padding:0 5px 0 10px;}
#product .look{ text-align:right;}

#news{ width:458px; margin-left:18px; float:left; overflow:hidden;}
#news .bt{ margin-bottom:5px; background:url(img/index_news_border.gif) no-repeat; background-position: left bottom; font-size:14px; font-weight:bold; color:#EA002C; line-height:16px;}
#news .title{ margin-left:0px; width:300px;}
#news .time{ margin-left:140px; }
#news span a{ text-decoration:none; color:#FF7A00;}
#news span a:hover{text-decoration:underline;}
#news .more{float:right;}
#news ul{padding:0; margin:0; list-style-image:url(img/ico_triangle.gif);list-style-position: inside; overflow:hidden;}
#news ul li{ padding:2px 0 1px;  border-bottom:dotted 1px #999; color:#6C6C6C;}
#news ul li a{text-decoration:none;color:#6C6C6C;}
#news ul li a:hover{ text-decoration:underline;color:#FF7A00;}

#down{ float:right; margin:5px 15px 10px 0px; padding-top:10px; width:250px; height:51px; background: url(img/index_down_bg.gif) no-repeat; text-align:center;}

#foot{ margin:10px 0 10px; clear:both; line-height:30px; color:#FFF; height:30px; background:#EA002C; text-align:center;}
#foot a { color:#FFF;}

#copyright{ text-align:center; color:#666; margin-bottom:20px;}

#left_nav{width:273px; float:left; margin:26px 0px 10px 15px; font-size:11px; color:#666;}
#left_nav ul{padding:0; margin:10px 0 0; list-style-type:none; float:left;}
#left_nav ul li{float:left; margin:2px 5px; padding-left:15px; width:100%; background:url(img/left_nav_off.gif) no-repeat; line-height:31px;}
#left_nav ul li a{ color:#666; font-weight:bold; font-size:14px;}
#left_nav ul li.now{ background:url(img/left_nav_on.gif) no-repeat;}
#left_nav ul li.now a{ color:#FF7A00;}

#left_service{ width:270px; float:left; margin:30px 0px 10px 15px;}

#current{ float:right;margin:5px 15px 5px 0px; text-align:right;}


/* news */
#news_title{width:650px;float:right;margin:0px 15px 10px 0px; font-size:14px; font-weight:bold; color:#EA002C;}
#news_tt{width:650px; height:300px; float:right;margin:0px 15px 10px 0px; text-align:center;}
#news_tt ul{ width:600px; padding:0 0 10px; margin:5px 10px 15px; list-style-image:url(img/ico_triangle.gif);list-style-position: inside; float:left;  border-bottom:solid #EA002C 4px;}
#news_tt ul li{ padding:8px 0 1px; border-bottom:dotted 1px #999; color:#6C6C6C; text-align:left; }
#news_tt ul li a{text-decoration:none;color:#6C6C6C;}
#news_tt ul li a:hover{ text-decoration:underline;color:#FF7A00;}
#news_tt ul li span{ float:right; margin-right:30px;}


.manu_page { padding:3px; text-align:center; clear:both;}
.manu_page A {BORDER: #eee 1px solid; PADDING: 2px 5px;  MARGIN: 2px; COLOR: #AAA;  TEXT-DECORATION: none}
.manu_page A:hover {BORDER: #999 1px solid;}
.manu_page A:active {BORDER: #999 1px solid;COLOR: #666;}
.manu_page .current_page {BORDER: #AAA 1px solid; PADDING: 2px 5px;  FONT-WEIGHT: bold;  MARGIN: 2px;  COLOR: #AAA;  BACKGROUND-COLOR: #F0F0F0}
.manu_page .disabled {BORDER: #eee 1px solid; PADDING: 2px 5px;MARGIN: 2px; COLOR: #ddd; }

#news_view{width:650px;float:right;margin:10px 15px 30px 0px; }
#news_view h3{font-size:14px; font-weight:bold; color:#FF7A00; text-align:center;}
#news_view h6{ font-size:12px; color:#666; font-weight:normal; text-align:center;}
#news_view p{ text-indent:2em;}
#news_view span{ text-align:center;}
#news_view input{ border:solid #AAA 1px; background:none; color:#666; width:60px; height:25px;}

/* about */

.about_inf_tt{ margin:20px 0 10px; font-size:14px; font-weight:bold; color:#FF7A00;border-bottom:dotted 1px #999; width:460px;}
.about_inf_pic{float:left; margin:20px 20px 10px 0px;}

.about_cul_01{ background:url(img/about_Culture_01.gif) no-repeat; margin:20px 0 20px 40px; padding:50px 120px 20px 150px;}
.about_cul_02{ background:url(img/about_Culture_02.gif) no-repeat #F6F6F6; background-position:20px 20px; margin:10px 50px 10px 40px; padding:70px 210px 20px 20px;}
.about_cul_03{ background:url(img/about_Culture_03.gif) no-repeat; margin:20px 0 10px 40px; padding:50px 0 20px 150px;}
.about_cul_04{ background:url(img/about_Culture_04.gif) no-repeat #F6F6F6; background-position:20px 20px; margin:10px 50px 10px 40px; padding:70px 210px 20px 20px;}

#about_his{width:650px;float:right;margin:10px 15px 10px 0px; line-height:20px;}
#about_his ul{width:450px; list-style-image:url(img/ico_triangle.gif);list-style-position: inside; }
#about_his ul li{padding-left:10px;padding-top:3px;}

#about_cooperate{width:650px; float:right; margin:10px 15px 30px 0px; font-size:13px;}
#about_cooperate span{FONT-WEIGHT: bold; color:#EA002C;}
#about_cooperate p{ text-indent:2em;}

#product_inf{width:630px;float:right;margin:10px 15px 50px 0px; line-height:20px; padding-right:20px;}
#product_features{width:650px; float:right;margin:10px 15px 20px 0px; }
#product_features ul{margin:0 0 0 20px; padding:0; list-style-image:url(img/ico_triangle.gif);list-style-position: outside; }
#product_features ul li{padding: 0 0 10px 0px;}
#product_features span{font-weight:bold;}
#product_features p{ text-indent:2em;}
#product_features h4{font-size:13px; font-weight:bold; color:#EA002C;}
.product_features_pic{float:right; margin:20px 10px 10px 10px;}

#product_attestation{width:640px; float:right; text-align: center; margin:10px 15px 10px 0px;}
#product_attestation img{border:#BDBDBD solid 1px; }

.sitemap_bt{background: #F5F5F5; font-size: 14px; font-weight: bold; color:#FF7A00; }
.sitemap td{padding: 5px 10px;border-left: #DDD solid 1px; border-right: #DDD solid 1px; border-top: #DDD solid 1px;}