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

.promote-top { width:1000px; margin:0 auto; overflow:hidden; }
.promote-top .bigbanner { width:655px; display:inline; float:left; }
.promote-top .regis { width:323px; display:inline; float:right; }


.social { background:url(bg_social.jpg) top left no-repeat; padding:9px 5px 0; width:319px; height:45px; } 
.social ul { overflow:hidden; }
.social ul li { display:inline; float:left; padding:0 5px 0 0; }

.howto { background:url(bg-howto.jpg) left top no-repeat; width:965px; margin:0 auto; padding:10px 0 0 43px; overflow:hidden; text-align:center; margin-top:25px } 
.howto .headline {  width:965px; height:30px;display:block; margin-bottom:25px; margin-left:37px}
.howto .headline h2 {   width:320px; height:30px ; float:left; display:inline; font-size:30px; text-shadow:#fff 1px 1px 1px;  font-weight:bold; color:#563d1e}
.howto .headline span {   width:580px; height:30px ; float:left; display:inline-block; font-size:13px; text-align:right; margin-top:8px;  }
.howto>a { height:169px; width:auto; display:inline-block; vertical-align:top; margin:2px 0; overflow:hidden; position:relative; background:#000; }
.howto>a strong { color:#FFF; display:block; box-shadow:0 -30px 35px rgba(0,0,0,0.9) inset; text-align:left; text-shadow:0 0 3px rgba(0,0,0,0.8); padding:10px 10px 5px; position:absolute; bottom:0; left:0; width:100%; line-height:20px; z-index:3; font-size:22px; font-weight:normal; }
.howto>a strong span { font-size:30px; }
.howto p.more { clear:both; display:block; text-align:right; padding:10px 0; }
.howto p.more a { color:#630; font-size:14px; display:block; float:right; padding:3px 50px; border-radius:10px; background:#B7AB90; color:#FFF; box-shadow:0 3px 3px rgba(0,0,0,0.1) inset;  }


.starg { background:url(bg-igstar.jpg) left top no-repeat; width:965px; margin:0 auto; padding:20px 0 0 43px; overflow:hidden; }
.starg .headline {  width:965px; height:30px;display:block; margin-bottom:25px; margin-left:47px}
.starg .headline h2 {   width:320px; height:30px ; float:left; display:inline; font-size:30px; text-shadow:#fff 1px 1px 1px;  font-weight:bold; color:#563d1e}
.starg .headline span {   width:570px; height:30px ; float:left; display:inline-block; font-size:13px; text-align:right; margin-top:8px;  }
.starg>a { width:164px; height:205px; margin: 5px 14px; display:inline; float:left; background:#FFF; box-shadow:0 0 3px rgba(0,0,0,0.6); position:relative; transform:rotate(-2deg); -webkit-transform:rotate(-2deg); -moz-transform:rotate(-2deg); -o-transform:rotate(-2deg); }
.starg>a:before { content:""; width:166px; height:205px; position:absolute; top:0; left:0; background:#FFF; box-shadow:0 0 3px rgba(0,0,0,0.6); transform:rotate(2deg); -webkit-transform:rotate(2deg); -moz-transform:rotate(2deg); -o-transform:rotate(2deg); }
.starg>a img { width:150px; height:150px; background:#000; margin:7px 7px 0; border:1px solid #999; position:relative; z-index:2; transform:rotate(2deg); -webkit-transform:rotate(2deg); -moz-transform:rotate(2deg); -o-transform:rotate(2deg); }
.starg>a strong { display:block; padding:5px; color:#39C; font-size:13px; font-weight:normal; position:relative; z-index:2; transform:rotate(2deg); -webkit-transform:rotate(2deg); -moz-transform:rotate(2deg); -o-transform:rotate(2deg); }
.starg>a strong span { color:#666; display:block; font-size:15px; font-weight:bold; }
.starg p.more { clear:both; display:block; text-align:right; padding:10px 0; }
.starg p.more a { color:#630; font-size:14px; display:block; float:right; padding:3px 50px; border-radius:10px; background:#B7AB90; color:#FFF; box-shadow:0 3px 3px rgba(0,0,0,0.1) inset;  }





.news-ig { background:url(bg-news-ig.jpg) left top no-repeat; width:965px; margin:0 auto; padding:25px 0 0 12px; overflow:hidden; text-align:center; margin-top:15px } 
.news-ig .headline {  width:965px; height:30px;display:block; margin-bottom:25px; margin-left:37px}
.news-ig .headline h2 {   width:320px; height:30px ; float:left; display:inline; font-size:30px; text-shadow:#fff 1px 1px 1px;  font-weight:bold; color:#563d1e}
.news-ig .headline span {   width:580px; height:30px ; float:left; display:inline-block; font-size:13px; text-align:right; margin-top:8px;  }

.news-ig ul { width:900px; margin:0 auto; height:226px; background-color:#eee8da;padding:10px }
.news-ig ul li  { width:292px; height:213px; display:inline; float:left;  margin-right:6px; position:relative ; margin-left:2px; }
.news-ig ul li a { width:292px; height:213px;display:inline; float:left;}
.news-ig ul li a:hover  { width:292px; height:213px; display:inline; float:left;  text-decoration:none}
.news-ig ul li a em { width:292px; height:0px; display:block;   bottom:154; left:6;  -webkit-transition: opacity .25s ease-in-out;-webkit-transition:-0.2s ease-in-out -0.1s; -moz-transition:-0.2s ease-in-out; -o-transition:-0.2s ease-in-out; transition:-0.2s ease-in-out; background-color:#000000; z-index:999; position:absolute ; color:#fff ; font-size:0px; font-family:Tahoma, Geneva, sans-serif;}
.news-ig ul li a:hover em { width:292px; height:134px;  bottom:0; left:0;  display:block; background-color:#000000; opacity:0.7 ; z-index:999;  color:#fff ; font-size:90px; font-family:Tahoma, Geneva, sans-serif; font-style:normal; transition:0.2s ease-in-out ; padding-top:20px; margin-bottom:59px}

.news-ig ul li a img { width:292px; height:154px; display:block;z-index:0; }
.news-ig ul li a:hover img  { width:292px; height:154px; display:block;  z-index:0}
.news-ig ul li a span  { width:272px; padding:8px 10px; display:block; bottom:0; left:0;  font-size:20px; color:#333 ; text-shadow:1px 1px 1px #fff;  -webkit-transition: opacity .25s ease-in-out;-webkit-transition:0.2s ease-in-out 0.1s; -moz-transition:0.2s ease-in-out; -o-transition:0.2s ease-in-out; transition:0.2s ease-in-out ; background:none }
.news-ig ul li a:hover span { width:272px; height:56px;  bottom:0; background-color:#88806e ;font-size:20px; color:#FFFFFF;text-shadow:1px 1px 1px #000; text-decoration:none}


.news-ig>a {width:292px;   height:154px;  display:inline-block; vertical-align:top; margin:2px 0; overflow:hidden; position:relative; background:#000; }
.news-ig>a strong { color:#FFF; display:block; box-shadow:0 -30px 35px rgba(0,0,0,0.9) inset; text-align:left; text-shadow:0 0 3px rgba(0,0,0,0.8); padding:10px 10px 5px; position:absolute; bottom:0; left:0; width:100%; line-height:20px; z-index:3; font-size:22px; font-weight:normal; }
.news-ig>a strong span { font-size:30px; }
.news-ig p.more { clear:both; display:block; text-align:right; padding:10px 0; }
.news-ig p.more a { color:#630; font-size:14px; display:block; float:right; padding:3px 50px; border-radius:10px; background:#B7AB90; color:#FFF; box-shadow:0 3px 3px rgba(0,0,0,0.1) inset;  }

.subpage { padding-top:10px; }
.subpage .social { float:right; clear:both; margin-left:630px; }

.subpage p.navi { clear:both; text-align:center; padding:20px 0; }
.subpage p.navi a { display:inline-block; width:20px; height:20px; border:1px solid #999; background:#FFF; margin:0 2px; line-height:20px; }
.subpage p.navi a.active { background:#960; color:#FFF; }