@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
html{background-size: 100% 100%; background-color: #ffffff;height: 100%;width: 100%;}
body{width: 100%;margin: auto;font-weight: 300;font-family:"宋体",Arial, SimHei;}

body{background-color: white;}

.left{float:left;}
.right{float:right;}
.color-grey{color:#595757;}
.font-size-17{font-size: 17px;}

.margin-top-28{margin-top: 28px;}

#container{width:100%;min-width:1024px;}

#container nav{width:100%;height:75px;}
#container nav #back{width:100%;height:75px;background-color: #eeeeee;}
#container nav #back .frame{width:1024px;height:75px;margin: auto;}
#container nav #back .frame .logo{width: 34px;height:34px;background-image: url("../images/logo.png");margin-top: 20px;margin-left: 15px;}
#container nav #back .frame .our-name{margin-left: 12px;}
#container nav #back .frame .dot{margin-left: 8px;margin-right: 10px;}
#container nav #back .frame #index-enter{padding-bottom: 5px;}
#container nav #back .frame #index-enter.select{border-bottom: #595757 solid 1px;}

#container nav #back .frame #about-enter{padding-bottom: 5px;}
#container nav #back .frame #about-enter.select{border-bottom: #595757 solid 1px;}

#container nav #back .frame #join-enter{padding-bottom: 5px;}
#container nav #back .frame #join-enter.select{border-bottom: #595757 solid 1px;}


#container #inner{width: 1024px;margin: auto;}

#container #inner .shadow{border-radius: 8px;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";  /* For IE 8 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');  /* For IE 5.5 - 7 */
-moz-box-shadow: 2px 2px 10px #909090;/* for firefox */
-webkit-box-shadow: 2px 2px 10px #909090;/* for safari or chrome */
box-shadow:2px 2px 10px #909090;/* for opera or ie9 */}

#container #inner #album{width:1014px;height:844px;background-color: transparent;margin-top: 70px;padding: 5px;}
#container #inner #album .photo{background-color: white;margin: 5px;float: left;opacity: 0;}

#container #inner #text-frame{position: relative;background-color: transparent;width:1014px;height:550px;margin-top: 35px;margin-left: 10px;}
#container #inner #text-frame .text-1{font-size: 22px;}
#container #inner #text-frame .text-2{font-size: 16px;color: #999999;border-bottom: 1px solid #dddddd;margin-top: 8px;padding-bottom: 5px;padding-left: 5px;padding-right: 5px; width: 130px;}
#container #inner #text-frame .text-3{font-size: 16px;color: #999999;margin-top: 12px;width: 600px;margin-left: 40px;}


#container #inner #text-frame .text-frame-2{background-color: transparent; width:830px;height:150px;position:absolute;left:98px;top:310px;}
#container #inner #text-frame .text-frame-2 .quotes-1{background-image: url("../images/quotes_1.png"); width:38px;height:33px;position:absolute;left:0px;top:0px;}
#container #inner #text-frame .text-frame-2 .quotes-2{background-image: url("../images/quotes_2.png"); width:103px;height:89px;position:absolute;left:720px;top:51px;}
#container #inner #text-frame .text-frame-2 .quotes-text-1{position:absolute;left:30px;top:25px;color: #999999;font-size: 15px;}
#container #inner #text-frame .text-frame-2 .quotes-text-2{position:absolute;left:0px;top:45px;color: #999999;font-size: 15px;}
#container #inner #text-frame .text-frame-2 .quotes-text-3{position:absolute;left:0px;top:65px;color: #999999;font-size: 15px;}


#container footer{width: 100%;height:90px;background-color: #999999;position: relative;}
#container footer .center{width: 1024px;margin: auto;padding-top: 25px;}
#container footer .center .copyright{width: 1000px;margin: auto;font-size: 14px;color: white;margin-top: 10px;text-align: center;}
#container footer .center .copyright2{width: 1000px;margin: auto;font-size: 15px;color: white;text-align: center;}