@charset "utf-8";
/* CSS Document */

h2.mark { margin-bottom: 20px; padding: 0 10px; font-size: 2em; font-weight: bold; text-align: center; line-height: 30px; color: #FFF; background: #333;}

.block-inner:after, .block-a:after,.block-a .intro ul:after,.block-e li:after,.block-f .slide-list:after,
.block-g li:after,.block-h ul:after,.block-b-a ul:after,.block-g-b ul:after
{ clear: both; display: block; height: 0; content: '\20';}
.block-inner,.block-a,.block-a .intro ul,.block-e li,.block-f .slide-list,
.block-g li,.block-h ul,.block-b-a ul,.block-g-b ul
{ zoom: 1;}

.block-top,.block-btm,.te .block .title,.block-a .features,.block-a .features .archive,.block-a .intro h2,
.block-b-a .intro-top,.block-b-a .intro-btm,.block-c .features .thumb,.block-c .features .btn,.block-d .aside .a-a,
.block-e li,.block-f .btn-slide,.block-g .features,.block-g .entry-top,.block-g .entry-btm,.block-g .vs,
.block-h ul,.block-b-b li em,.block-g-b .features,.block-g-b li
{ background-image: url(i/comm.png); background-repeat: no-repeat;}

.te { width: 900px; margin: 0 auto; padding: 20px 30px; color: #666; background: #F4F4F4;}
.te a { color: #FF4291;}
.te a:hover { color: #FF66A6;}
.te p { line-height: 1.6;}
.te .block-top { width: 100%; height: 12px; background-position: 0 -535px;}
.te .block-btm { width: 100%; height: 12px; background-position: 0 -550px;}
.te .block { margin-bottom: 20px; background: #FFF;}
.te .block .title { margin-bottom: 10px; padding: 0 33px; font-size: 1.2em; font-weight: bold; color: #FF4291; background-position: -445px 3px;}
.te .block-inner { padding: 9px 25px;}

.te .block-a { padding: 0; background: none;}
.block-a .features { position: relative; float: left; width: 431px; height: 472px;}
.block-a .features h1 { float: left; width: 215px; height: 48px; margin: 0 0 22px !important; text-indent: -9999px;}
.block-a .features p { float: left; width: 200px; margin-top: 11px; color: #FFF;}
.block-a .features span { margin: 0 12px; color: #FF89BA;}
.block-a .features .misc { margin-top: 3px; color: #FFD0E4;}
.block-a .features .img { clear: both; width: 362px; height: 370px; margin-top: 20px; margin: 0 30px; background: #FFF;}
.block-a .features .archive { position: absolute; right: 39px; bottom: 7px; width: 62px; height: 19px; padding-left: 7px; line-height: 19px; color: #FF66A6; background-position: -165px -70px;}
.block-a .features .archive:hover { color: #666;}
.block-a .intro { position: relative; float: right; width: 450px; padding-top: 20px;}
.block-a .intro h2 { position: absolute; left: 8px; top: 40px; width: 116px; height: 49px; text-indent: -9999px; background-position: -30px -70px;}
.block-a .intro li { float: right; border: 1px solid #DDD;}
.block-a .intro li .i-inner { position: relative; float: right; color: #666;}
.block-a .intro li .i-inner:hover { color: #666;}
.block-a .intro li em { position: absolute; left: -1px; top: -1px; width: 19px; height: 19px; font-weight: bold; text-align: center; line-height: 19px; color: #FFF; background: #F977AD; z-index: 100;}
.block-a .intro li h3 { display: block; margin-bottom: 3px; font-weight: bold; color: #333;}
.block-a .intro .i-1 { width: 307px; margin-bottom: 15px;}
.block-a .intro .i-1 .i-inner { width: 267px; padding: 26px 20px 15px;}
.block-a .intro .i-2 { float: left; width: 287px; margin-bottom: 32px;}
.block-a .intro .i-2 .i-inner { width: 124px; min-height: 128px; height: 128px; height: auto !important; padding: 15px 10px 0 153px; _padding: 15px 10px 10px 153px;}
.block-a .intro .i-2 .thumb { position: absolute; left: 10px; top: 10px;}
.block-a .intro .i-3 { width: 149px;}
.block-a .intro .i-3 .i-inner { width: 129px; padding: 10px 10px 12px;}
.block-a .intro .i-3 h3 { margin-top: 9px;}
.block-a .intro .misc { float: left; width: 285px; border: none;}
.block-a .intro .misc h3 { margin-bottom: 9px; font-size: 1.2em; font-weight: bold;}

.block-b-a h3 { font-weight: bold; color: #333;}
.block-b-a p { line-height: 1.6;}
.block-b-a .features { float: left; width: 274px;}
.block-b-a .features h3 { margin: 5px 0;}
.block-b-a .features p { color: #666;}
.block-b-a .features p:hover { color: #666;}
.block-b-a .features p em { text-decoration: underline; color: #66C;}
.block-b-a .intro { float: right; width: 542px; margin-bottom: 14px;}
.block-b-a .intro-top { height: 6px; background-position: 0 -480px;}
.block-b-a .intro-btm { height: 6px; background-position: 0 -520px;}
.block-b-a .intro-inner { padding: 5px 20px; _padding: 0 20px 5px; border: solid #DFDDDD; border-width: 0 1px;}
.block-b-a ul { float: right; width: 542px;}
.block-b-a li { float: left; width: 171px;}
.block-b-a li h3 { margin: 5px 0; text-align: center;}
.block-b-a .i-1,.block-b-a .i-2 { margin-right: 14px;}
.block-b-a li a { color: #666;}
.block-b-a li a:hover { color: #666;}

.block-b-b .block-inner { padding: 0 0 0 16px;}
.block-b-b li { float: left; margin-bottom: 10px; padding-left: 9px;}
.block-b-b li a { float: left; width: 184px; height: 224px; padding: 10px 10px 0; color: #666; border: 1px solid #E1E1E1; cursor: pointer;}
.block-b-b li a:hover { color: #666;}
.block-b-b li .thumb { display: block; width: 184px; height: 150px; margin-bottom: 10px;}
.block-b-b li em { float: left; width: 19px; height: 50px; margin-right: 7px; text-indent: -9999px; background-position: -445px -40px;}
.block-b-b li .i-2 { background-position: -469px -40px;}
.block-b-b li .i-3 { background-position: -493px -40px;}
.block-b-b li .i-4 { background-position: -517px -40px;}
.block-b-b li .i-5 { background-position: -445px -95px;}
.block-b-b li .i-6 { background-position: -469px -95px;}
.block-b-b li .i-7 { background-position: -493px -95px;}
.block-b-b li .i-8 { background-position: -517px -95px;}
.block-b-b p { float: left; width: 158px; margin-top: -3px;}
.block-b-b .even .thumb { clear: both; margin: 0; padding-top: 10px;}

.block-c .features { float: left; width: 425px;}
.block-c .f-a { width: 332px; padding:0 40px 0 52px; border-right: 1px solid #E2E2E2;}
.block-c .f-b { width: 336px; padding: 0 40px 0 49px;}
.block-c .features .thumb { display: block; width: 324px; height: 149px; padding: 6px 0 0 6px; background-position: -30px -130px;}
.block-c .features h3 { margin: 10px 5px; font-size: 1.2em; font-weight: bold;}
.block-c .features h3 a { color: #66C;}
.block-c .features h3 a:hover { color: #FFF; background-color: #66C;}
.block-c .features .intro { margin-bottom: 10px; color: #999;}
.block-c .features ul { margin-bottom: 7px;}
.block-c .features li { color: #333;}
.block-c .features li span { color: #666;}
.block-c .features .btn { display: block; width: 62px; height: 20px; text-align: center; line-height: 20px; color: #FFF; background-position: -30px -295px;}

.block-d .features { position: relative; float: left; width: 290px; padding-left: 300px;}
.block-d .features h2 { margin-left: -300px;}
.block-d .features .thumb { position: absolute; left: 0; top: 35px; width: 279px; height: 191px;}
.block-d .features h3 { margin-bottom: 5px; font-weight: bold; color: #333;}
.block-d .features .more { text-decoration: underline; color: #66C;}
.block-d .features .more:hover { text-decoration: none; color: #FFF; background: #66C;}
.block-d .aside { float: right; width: 214px; min-height: 198px; height: 198px; height: auto !important; padding: 10px; border: 1px solid #E3E3E3;}
.block-d .aside h3 { margin-bottom: 7px; font-weight: bold; color: #333;}
.block-d .aside .q-a,.block-d .aside .q-b { margin-bottom: 3px; color: #F39;}
.block-d .aside .a-a { margin-bottom: 13px; padding-bottom: 15px; background-position: 0 bottom;}

.block-e .features { float: left; width: 355px;}
.block-e .features p { margin-top: 8px;}
.block-e .more { text-decoration: underline; color: #66C;}
.block-e .more:hover { text-decoration: none; color: #FFF; background: #66C;}
.block-e ul { float: right; width: 450px;}
.block-e li { margin-bottom: 13px; padding-bottom: 13px; background-position: 0 bottom;}
.block-e .last { background: none;}
.block-e li .thumb { float: left; width: 77px; height: 77; margin-right: 18px;}
.block-e li .content { float: left; width: 355px;}
.block-e li .content .q { color: #F39;}

.te .block-f .title { margin-bottom: 15px;}
.block-f .slide-wrapper { position: relative; width: 850px; height: 150px;}
.block-f .slide-list-wrapper { position: relative; width: 739px; height: 150px; margin: 0 auto; overflow: hidden;}
.block-f .slide-list { position: absolute; width: 10000px;}
.block-f .slide-list li { position: relative; float: left; width: 213px; height: 140px; margin-right: 35px; padding: 4px; border: 1px solid #E3E3E3; overflow: hidden;}
.block-f .slide-list li a { cursor: pointer;}
.block-f .btn-slide { position: absolute; left: 0; top: 60px; display: block; width: 40px; height: 40px; text-indent: -9999px; outline: none; background-position: -110px -295px;}
.block-f .btn-next { left: 810px; background-position: -160px -295px;}
.block-f .slide-list .caption-bg { position: absolute; left: 4px; bottom: 4px; display: block; width: 213px; height: 30px; background: #000; opacity: .5; filter:alpha(opacity=50); z-index: 500;}
.block-f .slide-list .caption { position: absolute; left: 4px; bottom: 4px; display: block; width: 193px; height: 30px; padding: 0 10px; text-align: center; line-height: 30px; color: #FFF; overflow: hidden; z-index: 510;}



.block-g h2 { float: left; width: 504px;}
.block-g .features { float: left; width: 570px; padding-top: 12px; background-position: 0 -719px;}
.block-g .features .intro { margin-bottom: 17px;}
.block-g .entry-top,.block-g .entry-btm { width: 247px; height: 10px; background-position: -30px -355px;}
.block-g .entry-btm { background-position: -30px -366px;}
.block-g li { float: left; width: 247px; background: #F5F5F5;}
.block-g li h3 { padding: 7px 30px 0; font-weight: bold; color: #FF4291; margin-bottom: 12px;}
.block-g .last { float: right;}
.block-g .last h3 { color: #333;}
.block-g .entry { padding: 0 30px 10px;}
.block-g .entry .thumb { float: left; width: 62px; height: 62px; margin-right: 8px;}
.block-g .entry .content { float: left; width: 110px;}
.block-g .entry .content h4 { margin-bottom: 3px; font-weight: bold;}
.block-g .entry .content h4 a { color: #66C;}
.block-g .entry .content h4 a:hover { color: #FFF; background: #66C;}
.block-g .entry .cmt { clear: both; padding-top: 15px; line-height: 1.6;}
.block-g .vs-wrapper { position: relative; width: 569px;}
.block-g .vs { position: absolute; left: 247px; top: 90px; display: block; width: 75px; height: 37px; text-indent: -9999px; background-position: -30px -400px;}
.block-g .aside { float: right; width: 223px; padding: 10px; border: 1px solid #E3E3E3;}
.block-g .aside h3 { font-size: 1.2em; color: #111;}

.block-g-b h2 { float: left; width: 504px;}
.block-g-b .features { float: left; width: 570px; padding-top: 12px; background-position: 0 -719px;}
.block-g-b .features .intro { margin-bottom: 17px;}
.block-g-b .entry-top,.block-g .entry-btm { width: 247px; height: 10px; background-position: -30px -355px;}
.block-g-b .entry-btm { background-position: -30px -366px;}
.block-g-b .aside { float: right; width: 223px; padding: 10px; border: 1px solid #E3E3E3;}
.block-g-b .aside h3 { font-size: 1.2em; color: #111;}
.block-g-b ul { float: left; width: 570px;}
.block-g-b li { float: left; width: 273px; height: 133px; margin: 0 24px 10px 0; background-position: -580px -20px;}
.block-g-b li.even { margin-right: 0;}
.block-g-b li h3 { margin-bottom: 18px; font-weight: bold;}
.block-g-b li p { padding: 0 15px 0 22px; line-height: 1.6;}

.block-h ul { padding-top: 12px; background-position: 0 -719px;}
.block-h li { float: left; width: 398px; margin-bottom: 25px;}
.block-h .even { float: right;}
.block-h .thumb { float: left; width: 62px; height: 62px;}
.block-h .content { float: right; width: 326px;}
.block-h h3 { margin-bottom: 3px;}
.block-h h3 a { font-weight: bold; color: #66C;}
.block-h h3 a:hover { color: #FFF; background: #66C;}
.block-h .comment-rst { margin-bottom: 8px;}
.block-h .comment-rst dt,
.block-h .comment-rst dd { display: inline; color: #111;}
.block-h .comment-rst dd { margin-right: 10px; color: #C00;}
.block-h p { line-height: 1.6;}