﻿@charset "utf-8";
/* CSS Document */



/*area01*/
.area01{float:left; background:url(../images/area01bg01.gif) repeat-x; height:91px; width:960px; overflow:hidden;}
.area01 .box01{ float:left;}


.area01 .box02{ float:left; margin-left:26px;padding-top:61px;}
.area01 .box02 .left{background:url(../images/box02-left.gif) no-repeat; width:7px; height:29px; overflow:hidden;float:left;}
.area01 .box02 .middle{background:url(../images/box02-middle.gif) repeat-x; height:29px;float:left;line-height:29px;}
.area01 .box02 .middle ul li{ float:left; line-height:29px;}
.area01 .box02 .middle ul li a{ display:block; padding-left:22px; padding-right:22px; background:url(../images/area01icon01.gif) no-repeat right;line-height:29px;color:#5f4716;}
.area01 .box02 .middle ul li a:hover{color:#f00;}
.area01 .box02 .right{background:url(../images/box02-right.gif) no-repeat; width:8px; height:29px; float:left;margin-left:-3px;}


.main{ width:960px; padding-top:8px;}

/*area02*/
.main .area02{ margin-left:25px; float:left; display:inline; width:620px;}

.main .area02 .box{ padding-top:18px;width:620px;clear:both;}
.main .area02 .box .part01{width:620px;}
.main .area02 .box .part01 .part01a{ background:url(../images/area02-bg01.jpg) no-repeat; width:51px; height:60px; float:left; text-align:center;}
.main .area02 .box .part01 .part01a .f1{ margin-top:8px; font-weight:bold; color:#fff;}
.main .area02 .box .part01 .part01a .f2{ margin-top:2px; font-size:15px;}

.main .area02 .box .part01 .part01b{ float:left; width:86px;display:inline;margin-left:14px;}
.main .area02 .box .part01 .part01b a img{width:84px;height:84px;border:1px solid #ddd;}

.main .area02 .box .part01 .part01c{ float:left; width:439px;display:inline; margin-left:7px;}
.main .area02 .box .part01 .part01c h4{ font-size:14px; line-height:24px; font-weight:400;}
.main .area02 .box .part01 .part01c h4 a{color:#b27e00;text-decoration:underline;}
.main .area02 .box .part01 .part01c h4 a:hover{text-decoration:none;}
.main .area02 .box .part01 .part01c p{ color:#000; margin-bottom:4px;}
.main .area02 .box .part01 .part01c p a{color:#669900;}
.main .area02 .box .part01 .part01c p span{ padding-left:24px;}
.main .area02 .box .part01 .part01c ul li{ float:left;}
.main .area02 .box .part01 .part01c ul li{color:#acacac; background:url(../images/area02icon03.gif) no-repeat 46px; padding-right:12px; }




.main .area02 .page{ text-align:center;width:601px;padding-top:28px; padding-bottom:15px;}
.main .area02 .page a{margin-right:5px;}


.main .area03{ margin-left:48px; float:left; display:inline;   width:263px;}
.main .area03 .box01{width:263px;margin-bottom:10px;float:left;}
.main .area03 .box01 .head{background:url(../images/play-bg01.jpg) no-repeat;width:263px;height:28px;}
.main .area03 .box01 .head h4{line-height:28px;}
.main .area03 h4{ padding-left:12px; font-size:14px; color:#fff;}

.main .area03 .box01 .body{margin-top:2px;width:261px;background:#f8f8f8;border:1px solid #dbdbdb;padding-bottom:15px;float:left;}
.main .area03 .box01 .body .part{width:235px;margin-left:11px;margin-top:14px;float:left;}
.main .area03 .box01 .body .part01{float:left;width:63px;display:inline;}
.main .area03 .box01 .body .part01 a img{width:55px;height:53px;}
.main .area03 .box01 .body .part02{width:162px;float:left;display:inline;}
.main .area03 .box01 .body .part02 h5 a{font-size:12px; color:#f50000;}
.main .area03 .box01 .body .part02 h5 a:hover{text-decoration:underline;}
.main .area03 .box01 .body .part02 p{color:#000;line-height:16px;}
.main .area03 .box01 ul{ padding-bottom:22px; padding-left:4px;}
.main .area03 .box01 ul li{ line-height:18px; padding-left:11px; background:url(../images/area02icon04.gif) no-repeat 2px 9px; line-height:20px;}
.main .area03 .box01 ul li a{ color:#7e7e7e;}
.main .area03 .box01 ul li a:hover{text-decoration:underline;}


.main .area03 .box02{width:263px;float:left;}
.main .area03 .box02 .head{background:url(../images/play-bg01.jpg) no-repeat;width:263px;height:28px;}
.main .area03 .box02 .head h4{line-height:28px;}
.main .area03 h4{ padding-left:12px; font-size:14px; color:#fff;  }
.main .area03 .box02 .body{margin-top:2px;width:261px;background:#f8f8f8;border:1px solid #dbdbdb;padding-bottom:40px;float:left;}
.main .area03 .box02 .body .part{width:236px;margin-left:5px;margin-top:14px;padding-left:11px;border-bottom:1px dashed #b0b0b0;padding-bottom:10px;float:left;}
.main .area03 .box02 .body .part01{float:left;width:16px;display:inline;}
.main .area03 .box02 .body .part01 span{display:block;margin-top:6px;text-align:center;background:url(../images/play-icon02.gif) no-repeat;width:16px;height:16px;color:#fff}
.main .area03 .box02 .body .part01 a img{width:55px;height:53px;}
.main .area03 .box02 .body .part02{width:40px;float:left;display:inline;margin-left:13px;}
.main .area03 .box02 .body .part02 img{width:40px; height:40px;}
.main .area03 .box02 .body .part02 h5 a{font-size:12px; color:#f50000;}
.main .area03 .box02 .body .part02 h5 a:hover{text-decoration:underline;}
.main .area03 .box02 .body .part02 p{color:#000;line-height:16px;}

.main .area03 .box02 .body .part03{float:left;width:138px;margin-left:7px;display:inline;}
.main .area03 .box02 .body .part03 h5{font-size:12px;font-weight:normal;}





