﻿@charset "UTF-8";

@import url(reset.css);
/*-------------------Comment-----------------------*/
body{background:#000 url(../images/bg.jpg) no-repeat center top;font-size:13px;color:#fff397;font-family: Meiryo,Arial, Helvetica, sans-serif, MS PGothic,Georgia;}

a:link{ text-decoration: none; color:#fff397;}
a:visited{color:#fff397; }
a:hover{color:#fff397; text-decoration: underline;}
a:active{color:#fff397;}

.clear{clear: both;}
.alignRight{text-align: right;}
.alignCenter{text-align: center;}
.imgMiddle{ vertical-align:middle;}
.imgFloatLeft{float: left;}
.radius{-moz-border-radius: 10px; border-radius: 10px;}
.imgHover:hover{opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }
.shadow { background:#fff; -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); /*IE6,IE7语法*/  filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#f0f0f0');  /*IE8语法,可恶的IE，不同的版本还要写的不一样*/  -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#f0f0f0')" }

.title1{ width:660px; height:45px; line-height:55px; background:url(../images/title1.jpg) no-repeat; text-indent:2em; font-size:16px; font-weight:bold; color:#1b7e1b; margin-bottom: 15px;}
.title2{ width:880px; height:45px; line-height:55px; background:url(../images/title2.jpg) no-repeat; text-indent:2em; font-size:16px; font-weight:bold; color:#1b7e1b; margin-bottom: 15px;}
.annotation{ font-size:12px; color:#ccc;}
.stress1{color:#fff397; font-size:14px; line-height: 180%;}

.line{width:99%;height:5px; overflow:hidden; border-bottom:1px #fff397 dotted; margin-bottom:5px;}

#topLine{width:100%;height:20px; background: #2b140c; }
#topKeyword{width:980px;height:20px; line-height: 20px; margin:0 auto; color: #fff397; font-size: 11px; }
#headerBack{width:100%;height:110px; background: #000 url(../images/headerBack.jpg) repeat-x;}
#header{width:980px;height:110px; background: url(../images/header.jpg) no-repeat; margin:0 auto; position: relative; }
#logoA{width:207px;height:110px; position: absolute;top:0px;left:0px; text-indent: -9999px;}
#telA{width:288px;height:55px; position: absolute;top:20px;left:685px; text-indent: -9999px;}

#show{ width: 980px;height:320px; margin: 15px auto 0px; position: relative;}

#menu{width:980px; height:35px; margin: 0 auto; background:url(../images/menu.jpg) no-repeat; text-indent:-9999px; position:relative;}
#menu1,#menu2,#menu3,#menu4,#menu5,#menu6,#menu7{ width:140px; height:35px; display:block;}
#menu1{ position:absolute; top:0px; left:0px;}
#menu1:hover{ background:url(../images/menu.jpg) 0px -35px;}
#menu2{ position:absolute; top:0px; left:140px;}
#menu2:hover{ background:url(../images/menu.jpg) -140px -35px;}
#menu3{ position:absolute; top:0px; left:280px;}
#menu3:hover{ background:url(../images/menu.jpg) -280px -35px;}
#menu4{ position:absolute; top:0px; left:420px;}
#menu4:hover{ background:url(../images/menu.jpg) -420px -35px;}
#menu5{ position:absolute; top:0px; left:560px;}
#menu5:hover{ background:url(../images/menu.jpg) -560px -35px;}
#menu6{ position:absolute; top:0px; left:700px;}
#menu6:hover{ background:url(../images/menu.jpg) -700px -35px;}
#menu7{ position:absolute; top:0px; left:840px;}
#menu7:hover{ background:url(../images/menu.jpg) -840px -35px;}

#middle{width:980px;height:auto; margin:15px auto;}
#content{width:685px; height: auto; float: left; overflow: hidden;}
#sidebar{width:280px; height: auto; float:right;  overflow: hidden;}

#contentC{width:643px; padding: 0 20px 20px; height:auto; min-height: 612px;  background: #000; border: 1px solid #ad317e; border-top: none; overflow: hidden;}
#contentCBig{width:938px; padding: 0 20px 20px; height:auto; min-height: 500px;  background: #000; border: 1px solid #ff50ca; border-top: none; overflow: hidden;}

#newStaffDiv{width:280px;height:435px; background: url(../images/newFaceFrame.gif) no-repeat; margin-bottom: 15px; position: relative;}
#staffPhotoDiv{width:244px;height:366px; overflow: hidden; position: absolute; top:52px; left:18px;}

#footBack{ width:100%; height:120px; line-height:300%; font-size:12px; background:url(../images/foot.gif) repeat-x;}
#foot{ width:980px; height:120px; position:relative; margin:0 auto;color:#ae9c50; background:url(../images/footContent.gif) no-repeat center bottom;}
#foot a{ color:#fff397;}
#foot a:hover{ text-decoration:underline;}
#pageTopMove{width:196px;height:21px; position: absolute;top:7px; left:784px;}

/*---------------Index.php---------------*/
#campaign{width:683px; margin-bottom: 15px; border:1px solid #ff9ee3;border-top:none;}

#newMessage{ width: 685px;height:370px; background: url(../images/newMessageFrame.gif) no-repeat;position: relative;}
#newMessageC{width:640px;height:300px;position:absolute; top:55px; left:30px; overflow-y:auto; overflow-x:hidden;}
.newMessageTitle{width:321px; height: 34px; line-height: 30px; background: url(../images/newMessageTitle.png) no-repeat; text-indent: 2.9em;font-size:16px;color:#b701d2; font-weight: bolder; }
.message{width:580px; line-height: 190%; margin-left: 30px;}

#pickUp{width:980px;height:340px; margin: 0 auto; margin-bottom: 12px; background: url(../images/pickUpFrame.gif) no-repeat; position: relative; }
/*------------------ Staff ---------------------*/
.staffFrame{width:270px; height:420px; margin:5px 20px 15px; padding-top:10px; float:left; background: #881a79; }
.imgStaff{width:250px; height:375px; margin:10px; }
.nameSpan{width:260px;height:45px; color: #fff; line-height:45px; text-align:center; font-weight:bolder;}
.nameSpan a{color:#fff;}

/*------------------ StaffSingle ---------------------*/
.staffFrameBig{width:284px; height:424px;background: #881a79; }
.imgStaffBig{width:280px; height:420px; margin: 2px;}