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

body, p, ul, li, form, h1, h2, h3 { padding:0; margin:0; }
body { background:#ff9a91; font-family:"Tahoma"; font-size:13px; margin-top: 0px;font-weight:normal;  }
h1 {font-size:30px; font-weight:normal; color:#f37057; }
h2 { font-size:22px; font-weight:normal; color:#1f1d1d;}
h3 {font-size:13px; font-weight:normal; color:#515151; }
ul, li {list-style:none} 
a {text-decoration:none; color:#000; }
a:hover { text-decoration: none; color:#ffffff; }
a:hover img { opacity: 0.9; filter: alpha(opacity=1); }
header, nav, article,   , footer, hgroup { display:block; }
.clear { clear:both; }

#wrapp  { margin:0 auto; width:1000px; display:block; height:auto;  background-color:#fff8ec; }

/*header*/
#wrapp>.header { width:1000px; height:203px; background:url('images/head_vlt.jpg') top center no-repeat ; float:left ; }
/*finish top header*/

/*menu*/
#wrapp>.menu {width:1000px; height:120px; background:url('images/line_menu.png') top center no-repeat  #fff8ec; float:left ; }
#wrapp>.menu ul {overflow: hidden;}
#wrapp>.menu ul li { display:inline; float:left; width:93px; margin:4px 5px;  }

#wrapp>.menu ul li.menu1 {width: 93px; height: 99px; background: url('images/menu_01.png');}
#wrapp>.menu ul li.menu1 a{ display:inline-block; width:93px; height:99px; }
#wrapp>.menu ul li.menu1:hover  { background-image : width: 93px; height: 99px; background:url('images/menu_01c.png'); }

#wrapp>.menu ul li.menu2 {width: 93px; height: 99px; background: url('images/menu_02.png');}
#wrapp>.menu ul li.menu2 a{  display:inline-block; width:93px; height:99px; }
#wrapp>.menu ul li.menu2:hover  { background-image : width: 93px; height: 99px; background:url('images/menu_02c.png'); }

#wrapp>.menu ul li.menu3 {width: 93px; height: 99px; background: url('images/menu_03.png');}
#wrapp>.menu ul li.menu3 a{  display:inline-block; width:93px; height:99px; }
#wrapp>.menu ul li.menu3:hover  { background-image : width: 93px; height: 99px; background:url('images/menu_03c.png'); }

#wrapp>.menu ul li.menu4 {width: 93px; height: 99px; background: url('images/menu_04.png');}
#wrapp>.menu ul li.menu4 a{ display:inline-block; width:93px; height:99px; }
#wrapp>.menu ul li.menu4:hover  { background-image : width: 93px; height: 99px; background:url('images/menu_04c.png'); }

#wrapp>.menu ul li.menu5 {width: 93px; height: 99px; background: url('images/menu_05.png');}
#wrapp>.menu ul li.menu5 a{ display:inline-block; width:93px; height:99px; }
#wrapp>.menu ul li.menu5:hover  { background-image : width: 93px; height: 99px; background:url('images/menu_05c.png'); }

#wrapp>.menu ul li.menu6 {width: 93px; height: 99px; background: url('images/menu_06.png');}
#wrapp>.menu ul li.menu6 a{ display:inline-block; width:93px; height:99px; }
#wrapp>.menu ul li.menu6:hover  { background-image : width: 93px; height: 99px; background:url('images/menu_06c.png'); }

#wrapp>.menu ul li.menu7 {width: 93px; height: 99px; background: url('images/menu_07.png');}
#wrapp>.menu ul li.menu7 a{  display:inline-block; width:93px; height:99px; }
#wrapp>.menu ul li.menu7:hover  { background-image : width: 93px; height: 99px; background:url('images/menu_07c.png'); }

#wrapp>.menu ul li.menu8 {width: 93px; height: 99px; background: url('images/menu_08.png');}
#wrapp>.menu ul li.menu8 a{ display:inline-block; width:93px; height:99px; }
#wrapp>.menu ul li.menu8:hover  { background-image : width: 93px; height: 99px; background:url('images/menu_08c.png'); }

#wrapp>.menu ul li.menu9 {width: 93px; height: 99px; background: url('images/menu_09.png');}
#wrapp>.menu ul li.menu9 a{  display:inline-block; width:93px; height:99px; }
#wrapp>.menu ul li.menu9:hover  { background-image : width: 93px; height: 99px; background:url('images/menu_09c.png'); }
/*finish menu*/

/*profile*/
#wrapp>.profile {width:500px; height:290px; background:url('images/bg_profile.png') top center no-repeat  #fff8ec; float:left ; padding:5px; }
#wrapp>.profile header {width:436px; height:34px; background:url('images/title_profile.png') top center no-repeat ; margin: 37px 0px 0px 28px; } 
#wrapp>.profile header  h3 { padding: 45px 0 0 155px; }
#wrapp>.profile ul {overflow: hidden; margin-top:37px; margin-left: 22px;}
#wrapp>.profile ul li { display:inline; float:left; margin-left: 20px;  }
#wrapp>.profile ul li a { display:block; width:123px; height:140px; text-align:center;  font-size:13px; font-weight:normal;  box-shadow: inset 0 0 0 0 #df5555; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; transition: all ease 0.5s;}
#wrapp>.profile ul li a img {  width:115px; height:77px; border-radius:5px; border:4px; border-style:solid; border-color:#df5555; }
#wrapp>.profile ul li a:hover { box-shadow: inset 0 200px 0 0 #df5555; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; transition: all ease 0.5s; border-radius:5px; }
#wrapp>.profile ul li a span { text-align:center;  font-size:13px; font-weight:bold;  color:#ffa1cb; }
/*finish profile*/

/*intro*/
#wrapp>.intro {width:490px; height:300px; background-color:#fff8ec; float:right; }
#wrapp>.intro>.line1 { width:400px; height:29px; background:url('images/line_intro1.png') top center no-repeat  #fff8ec; margin-top:35px; margin-left:15px; }
#wrapp>.intro>.line2 { width:400px; height:84px; background:url('images/line_intro2.png') top center no-repeat  #fff8ec; margin-top:18px; margin-left:15px; }
#wrapp>.intro h1 { width:246px; display:block;  text-align:center;  margin-left:100px; margin-top:5px; line-height:24px; }
#wrapp>.intro h2 { width:440px; display:block;  text-align:center;  margin-top:4px; }
/*finish intro*/

/*travel */
#wrapp>.travel {width:462px; height:520px; background:url('images/bg_travel.png') top center no-repeat  #fff8ec; float:left ; padding:8px; }
#wrapp>.travel header {width:325px; height:61px; background:url('images/title_travel.png') top center no-repeat ; margin: 25px 0px 0px 13px; } 
#wrapp>.travel header  h3 { padding: 62px 0 0 90px; }
#wrapp>.travel ul {overflow: hidden; margin-top:20px; margin-left: 11px;}
#wrapp>.travel ul li { display:inline; float:left; margin-left: 8px; margin-top:10px; }
#wrapp>.travel ul li a {  width:136px; height:148px; text-align:center;  font-size:13px; font-weight:normal; color:#000000;  display:block; text-align:center; box-shadow: inset 0 0 0 0 #e7cd80; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; transition: all ease 0.5s; }
#wrapp>.travel ul li a img {  width:130px; height:86px; border:3px; border-style:solid; border-color:#fcaf91; }
#wrapp>.travel ul li a:hover { box-shadow: inset 0 200px 0 0 #fcaf91; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; transition: all ease 0.5s; border-radius:3px; ; }
#wrapp>.travel p.footer { display:block; text-align:center;  font-size:13px; font-weight:normal; color:#FFFFFF; margin-top: 50px; margin-left:340px; }
/*finish travel*/

/*article */
#wrapp>.article {width:520px; height:644px; background:url('images/bg_article.png') top center no-repeat  #fff8ec; float:right ; padding:1px; padding-bottom:15px; }
#wrapp>.article header {width:338px; height:87px; background:url('images/title_article.png') top center no-repeat ; margin: 7px 0px 0px 11px; } 
#wrapp>.article header  h3 { padding: 90px 0 0 75px; }
#wrapp>.article ul {overflow: hidden; margin-top:20px; margin-left: 22px; }
#wrapp>.article ul li.big { display:inline; float:left; margin-left: 10px; margin-top:10px; }
#wrapp>.article ul li.big a { display:block; width:146px; height:135px; text-align:center;  font-size:13px; font-weight:normal; color:#574c42; }
#wrapp>.article ul li.big a img {  width:140px; height:81px; border-radius:5px; border:3px solid #a4bd9a; }
#wrapp>.article ul li.big a:hover {  width:146px; box-shadow: inset 0 200px 0 0 #a4bd9a; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; transition: all ease 0.5s; border-radius: 5px;  }


#wrapp>.article ul li.small { display:inline; float:left; margin-left: 9px; margin-top:10px; }
#wrapp>.article ul li.small img { margin-bottom:4px; width:104px; height:76px; border:2px #e7cd80 solid; }
#wrapp>.article ul li.small a { width:108px; height:150px; text-align:center;  font-size:13px; font-weight:normal; color:#755802;  display:block;  text-align:center; box-shadow: inset 0 0 0 0 #e7cd80; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; transition: all ease 0.5s; }
#wrapp>.article ul li.small a:hover  { box-shadow: inset 0 200px 0 0 #e7cd80; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; transition: all ease 0.5s;   }
#wrapp>.article p.footer { display:block; text-align:center;  font-size:13px; font-weight:normal; color:#FFFFFF; margin-top: 35px; margin-left:350px; }
/*finish article*/


/*banner poem*/
#wrapp>.bannerpoem {width:460px; height:147px;  float:left; background:url(images/banner_poem.jpg) top center no-repeat #fff8ec; padding-left: 18px; padding-bottom:10px;}
#wrapp>.bannerpoem h3 { padding:80px 0 0 192px;  }
#wrapp>.bannerpoem a:hover { width: opacity: 0.9; filter: alpha(opacity=1); }
/*Finish banner poem*/

/*gift */
#wrapp>.gift {width:520px; height:542px; background:url('images/bg_gift.png') top center no-repeat  #fff8ec; float:right ; padding:1px;  padding-bottom:15px; }
#wrapp>.gift header {width:385px; height:67px; background:url('images/title_gift.png') top left no-repeat ; margin: 20px 0px 0px 27px; } 
#wrapp>.gift header  h3 { padding: 70px 0 0 55px; }
#wrapp>.gift ul {overflow: hidden; margin-top:13px; margin-left: 22px;}
#wrapp>.gift ul li { display:inline; float:left; margin-left: 8px; margin-top:30px; margin-bottom:65px; }
#wrapp>.gift ul li img {  width:104px; height:79px; }
#wrapp>.gift ul li a:hover {   width:104px; height:79px; border:3px; border-style:solid; border-color:#e06c63; color:#e17168; }
#wrapp>.gift ul li a {  width:104px; height:79px; display:block;  border:3px; border-style:solid; border-color:#a3d9d7; }
#wrapp>.gift ul li a p { padding-top:6px; text-align:center;  font-size:13px; font-weight:normal;  }
#wrapp>.gift ul li a p span { text-align:center;  font-size:13px; font-weight:bold;  color:#db562e; }
#wrapp>.gift p.footer { display:block; text-align:center;  font-size:13px; font-weight:normal; color:#FFFFFF; margin-top: 45px; margin-left:340px; }
/*finish gift*/

/*game */
#wrapp>.game {width:462px; height:807px; background:url('images/bg_game.png') top center no-repeat  #fff8ec; float:left ; padding:8px; }
#wrapp>.game header {width:324px; height:61px; background:url('images/title_game.png') top center no-repeat ; margin: 25px 0px 0px 13px; } 
#wrapp>.game header  h3 { padding: 62px 0 0 90px; }
#wrapp>.game ul {overflow: hidden; margin-top:20px; margin-left: 11px;}
#wrapp>.game ul li.big { display:inline; float:left; margin-left: 26px; margin-top:10px; }
#wrapp>.game ul li.big a {display:block; width:181px; height:160px; }
#wrapp>.game ul li.big a img {  width:175px; height:100px; border:3px; border-style:solid; border-color:#ee837a;  border-radius:10px; }
#wrapp>.game ul li.big a:hover {   width:181px; height:160px;  box-shadow: inset 0 0 0 0 #ee837a; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; transition: all ease 0.5s; background-color:#ee837a; border-radius:10px;  border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
#wrapp>.game ul li.big a p { padding-top:6px; text-align:center;  font-size:13px; font-weight:normal; color:#000000;}
#wrapp>.game ul li.big a p span { text-align:center;  font-size:13px; font-weight:bold;  color:#9b0000;}

#wrapp>.game ul li.small { display:inline; float:left; margin-left: 14px; margin-top:10px; }
#wrapp>.game ul li.small a {display:block; width:127px; height:130px; }
#wrapp>.game ul li.small a img {  width:123px; height:67px; border:2px; border-style:solid; border-color:#dabc6c;  border-radius:3px; }
#wrapp>.game ul li.small a:hover {   width:127px; height:130px;  box-shadow: inset 0 0 0 0 #dabc6c; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; transition: all ease 0.5s; background-color:#dabc6c; border-radius: 2px;  }
#wrapp>.game ul li.small a p { padding-top:6px; text-align:center;  font-size:13px; font-weight:normal; color:#000000;}
#wrapp>.game ul li.small a p span { text-align:center;  font-size:13px; font-weight:bold;  color:#ee6136;}
#wrapp>.game p.footer { font-size:13px; font-weight:normal; color:#FFFFFF; margin-top: 35px; margin-left:380px; }

/*finish game  */


/*horoscope */
#wrapp>.horo {width:520px; height:960px; background:url('images/bg_horo.png') top center no-repeat  #fff8ec; float:right ; padding:1px;  padding-bottom:15px; }
#wrapp>.horo header {width:321px; height:113px; background:url('images/title_horo.png') top left no-repeat ; margin: 20px 0px 0px 27px; } 
#wrapp>.horo header  h3 { padding: 90px 0 0 85px; }
#wrapp>.horo ul {overflow: hidden; margin-top:10px; margin-left: 22px;}

#wrapp>.horo ul li.big { display:inline; float:left; margin-left: 35px;  margin-bottom:50px; }
#wrapp>.horo ul li.big a { width:180px; height:117px; display:block;  border:3px  dotted #b5869d; border-radius:8px;  }
#wrapp>.horo ul li.big a img { width:180px; height:117px; border-radius:8px; }
#wrapp>.horo ul li.big a:hover { width:180px; height:117px;  border:3px solid #b5869d; border-radius:10px; color:#676767; }
#wrapp>.horo ul li.big a p { padding-top:6px; text-align:center;  font-size:14px; font-weight:normal;  }
#wrapp>.horo ul li.big a p span {color:#fa6447; text-align:center;  font-size:14px; font-weight:bold; }

#wrapp>.horo ul li.small { display:inline; float:left; margin-left: 17px; margin-bottom:50px;  }
#wrapp>.horo ul li.small a {  width:126px; height:82px; display:block;  border:3px  dotted #b5869d; border-radius:10px; }
#wrapp>.horo ul li.small a img {  width:127px; height:82px; border-radius:8px;  }
#wrapp>.horo ul li.small a:hover {   width:126px; height:82px;  border:3px  solid #b5869d; border-radius:10px; color:#676767; }
#wrapp>.horo ul li.small a p { padding-top:6px; text-align:center;  font-size:13px; font-weight:normal;  }
#wrapp>.horo ul li.small a p span {color:#fa6447; text-align:center;  font-size:13px; font-weight:bold; }

#wrapp>.horo header.month {width:471px; height:47px; background:url('images/arrow.png') top center no-repeat ; margin-left:2px; margin-top:310px;} 

#wrapp>.horo ul li.month1 {display:inline; float:left; margin-left: 17px; margin-top:4px;  background:url(images/horo_jan01.png) top no-repeat;} 
#wrapp>.horo ul li.month1 a { float:left; display:inline-block;  }
#wrapp>.horo ul li.month1 a:hover { background:url(images/horo_jan02.png) top no-repeat; color:#dc4f56;}
#wrapp>.horo ul li.month1 a p { width:135px; height:53px; margin-top:34px; text-align:center;  font-size:13px; font-weight:normal;  }

#wrapp>.horo ul li.month2 {display:inline; float:left; margin-left: 17px; margin-top:4px;  background:url(images/horo_feb01.png) top no-repeat;} 
#wrapp>.horo ul li.month2 a { float:left; display:inline-block;  }
#wrapp>.horo ul li.month2 a:hover { background:url(images/horo_feb02.png) top no-repeat; color:#dc4f56;}
#wrapp>.horo ul li.month2 a p { width:135px; height:53px; margin-top:34px; text-align:center;  font-size:13px; font-weight:normal;  }

#wrapp>.horo ul li.month3 {display:inline; float:left; margin-left: 17px; margin-top:4px;  background:url(images/horo_mar01.png) top no-repeat;} 
#wrapp>.horo ul li.month3 a { float:left; display:inline-block;  }
#wrapp>.horo ul li.month3 a:hover { background:url(images/horo_mar02.png) top no-repeat; color:#dc4f56;}
#wrapp>.horo ul li.month3 a p { width:135px; height:53px; margin-top:34px; text-align:center;  font-size:13px; font-weight:normal;  }

#wrapp>.horo ul li.month3 {display:inline; float:left; margin-left: 17px; margin-top:4px;  background:url(images/horo_mar01.png) top no-repeat;} 
#wrapp>.horo ul li.month3 a { float:left; display:inline-block;  }
#wrapp>.horo ul li.month3 a:hover { background:url(images/horo_mar02.png) top no-repeat; color:#dc4f56;}
#wrapp>.horo ul li.month3 a p { width:135px; height:53px; margin-top:34px; text-align:center;  font-size:13px; font-weight:normal;  }

#wrapp>.horo ul li.month4 {display:inline; float:left; margin-left: 17px; margin-top:4px;  background:url(images/horo_apr01.png) top no-repeat;} 
#wrapp>.horo ul li.month4 a { float:left; display:inline-block;  }
#wrapp>.horo ul li.month4 a:hover { background:url(images/horo_apr02.png) top no-repeat; color:#dc4f56;}
#wrapp>.horo ul li.month4 a p { width:135px; height:53px; margin-top:34px; text-align:center;  font-size:13px; font-weight:normal;  }

#wrapp>.horo ul li.month5 {display:inline; float:left; margin-left: 17px; margin-top:4px;  background:url(images/horo_may01.png) top no-repeat;} 
#wrapp>.horo ul li.month5 a { float:left; display:inline-block;  }
#wrapp>.horo ul li.month5 a:hover { background:url(images/horo_may02.png) top no-repeat; color:#dc4f56;}
#wrapp>.horo ul li.month5 a p { width:135px; height:53px; margin-top:34px; text-align:center;  font-size:13px; font-weight:normal;  }

#wrapp>.horo ul li.month6 {display:inline; float:left; margin-left: 17px; margin-top:4px;  background:url(images/horo_jun01.png) top no-repeat;} 
#wrapp>.horo ul li.month6 a { float:left; display:inline-block;  }
#wrapp>.horo ul li.month6 a:hover { background:url(images/horo_jun02.png) top no-repeat; color:#dc4f56;}
#wrapp>.horo ul li.month6 a p { width:135px; height:53px; margin-top:34px; text-align:center;  font-size:13px; font-weight:normal;  }

#wrapp>.horo ul li.month7 {display:inline; float:left; margin-left: 17px; margin-top:4px;  background:url(images/horo_jul01.png) top no-repeat;} 
#wrapp>.horo ul li.month7 a { float:left; display:inline-block;  }
#wrapp>.horo ul li.month7 a:hover { background:url(images/horo_jul02.png) top no-repeat; color:#dc4f56;}
#wrapp>.horo ul li.month7 a p { width:135px; height:53px; margin-top:34px; text-align:center;  font-size:13px; font-weight:normal;  }

#wrapp>.horo ul li.month8 {display:inline; float:left; margin-left: 17px; margin-top:4px;  background:url(images/horo_aug01.png) top no-repeat;} 
#wrapp>.horo ul li.month8 a { float:left; display:inline-block;  }
#wrapp>.horo ul li.month8 a:hover { background:url(images/horo_aug02.png) top no-repeat; color:#dc4f56;}
#wrapp>.horo ul li.month8 a p { width:135px; height:53px; margin-top:34px; text-align:center;  font-size:13px; font-weight:normal;  }

#wrapp>.horo ul li.month9 {display:inline; float:left; margin-left: 17px; margin-top:4px;  background:url(images/horo_sep01.png) top no-repeat;} 
#wrapp>.horo ul li.month9 a { float:left; display:inline-block;  }
#wrapp>.horo ul li.month9 a:hover { background:url(images/horo_sep02.png) top no-repeat; color:#dc4f56;}
#wrapp>.horo ul li.month9 a p { width:135px; height:53px; margin-top:34px; text-align:center;  font-size:13px; font-weight:normal;  }

#wrapp>.horo ul li.month10 {display:inline; float:left; margin-left: 17px; margin-top:4px;  background:url(images/horo_oct01.png) top no-repeat;} 
#wrapp>.horo ul li.month10 a { float:left; display:inline-block;  }
#wrapp>.horo ul li.month10 a:hover { background:url(images/horo_oct02.png) top no-repeat; color:#dc4f56;}
#wrapp>.horo ul li.month10 a p { width:135px; height:53px; margin-top:34px; text-align:center;  font-size:13px; font-weight:normal;  }

#wrapp>.horo ul li.month11 {display:inline; float:left; margin-left: 17px; margin-top:4px;  background:url(images/horo_nov01.png) top no-repeat;} 
#wrapp>.horo ul li.month11 a { float:left; display:inline-block;  }
#wrapp>.horo ul li.month11 a:hover { background:url(images/horo_nov02.png) top no-repeat; color:#dc4f56;}
#wrapp>.horo ul li.month11 a p { width:135px; height:53px; margin-top:34px; text-align:center;  font-size:13px; font-weight:normal;  }

#wrapp>.horo ul li.month12 {display:inline; float:left; margin-left: 17px; margin-top:4px;  background:url(images/horo_dec01.png) top no-repeat;} 
#wrapp>.horo ul li.month12 a { float:left; display:inline-block;  }
#wrapp>.horo ul li.month12 a:hover { background:url(images/horo_dec02.png) top no-repeat; color:#dc4f56;}
#wrapp>.horo ul li.month12 a p { width:135px; height:53px; margin-top:34px; text-align:center;  font-size:13px; font-weight:normal;  }
#wrapp>.horo p.footer { font-size:13px; font-weight:normal; color:#FFFFFF; margin-top: 50px; margin-left: 410px; }
/*finish horoscope*/


/*song */
#wrapp>.song {width:462px; height:622px; background:url('images/bg_song.png') top center no-repeat  #fff8ec; float:left ; padding:8px; }
#wrapp>.song header {width:325px; height:61px; background:url('images/title_song.png') top center no-repeat ; margin: 20px 0px 0px 13px; } 
#wrapp>.song header  h3 { padding: 60px 0 0 70px; }
#wrapp>.song ul {overflow: hidden; margin-top:18px; margin-left: 11px; }
#wrapp>.song ul li.left { width:218px; height: 39px; display : inline; float:left ; margin-left: 3px; margin-top:5px; background:url(images/list_song.jpg) top left no-repeat;  }
#wrapp>.song ul li.right { width:217px; height: 39px; display : inline; float:left ; margin-right: 5px; margin-top:5px; background:url(images/list_song2.jpg) top right no-repeat;  }
#wrapp>.song ul li p {  width:222px; height:39px; text-align:left;  font-size:13px; font-weight:normal; margin-top:12px; margin-left:30px; }
#wrapp>.song ul li p span {color:#d37439;  font-weight:bold; } 
#wrapp>.song ul li a p:hover { color:#a00d27;  font-size:13px; font-weight:normal; }
#wrapp>.song p.footer { font-size:13px; font-weight:normal; color:#FFFFFF; margin-top: 40px; margin-left: 380px; }



/*finish clip*/


/*glitter */
#wrapp>.glitter {width:462px; height:602px; background:url('images/bg_glitter.png') top center no-repeat  #fff8ec; float:left ; padding:10px 8px; }
#wrapp>.glitter header {width:325px; height:67px; background:url('images/title_glitter.png') top center no-repeat ; margin: 20px 0px 0px 13px; } 
#wrapp>.glitter header.ecard {width:325px; height:90px; background:url('images/title_ecard.png') top center no-repeat ; margin: 200px 0px 0px 2px; } 
#wrapp>.glitter header  h3 { padding: 66px 0 0 70px; }
#wrapp>.glitter header.ecard h3 { padding: 70px 0 0 70px; }
#wrapp>.glitter ul {overflow: hidden; margin-top:20px; margin-left: 12px;}
#wrapp>.glitter ul li { display:inline; float:left; margin-left: 4px; margin-top:10px; }
#wrapp>.glitter ul li img {  width:81px; height:81px; border:1px solid #fcaf91; border-radius:6px; }
#wrapp>.glitter ul li a:hover { opacity: 0.8; filter: alpha(opacity=1);  }
#wrapp>.glitter p.footer { font-size:13px; font-weight:normal; color:#FFFFFF; margin-top: 60px; margin-left: 380px; }
/*finish glitter*/

/*share */
#wrapp>.share { width:520px; height:520px; background:url('images/bg_share.png') top center no-repeat  #fff8ec; float:right ; padding:1px;  }
#wrapp>.share header {width:385px; height:73px; background:url('images/title_share.png') top left no-repeat ; margin: 45px 0px 0px 27px; } 
#wrapp>.share header  h3 { padding: 50px 0 0 57px; }
#wrapp>.share ul {overflow: hidden; margin-top:13px; margin-left: 22px;}
#wrapp>.share ul li {  display:inline; float:left;  margin-left: 7px; margin-top:10px; margin-bottom:10px; }
#wrapp>.share ul li img {  width:110px; height:110px; border-radius:7px;  }
#wrapp>.share ul li a:hover { opacity: 0.8; filter: alpha(opacity=1); }
#wrapp>.share p.footer { font-size:13px; font-weight:normal; color:#FFFFFF; margin-top: 60px; margin-left: 420px; }
/*finish share*/


/*clip */
#wrapp>.clip {width:462px; height:1170px; background:url('images/bg_clip.png') top center no-repeat  #fff8ec; float:left ; padding:8px; }
#wrapp>.clip header {width:325px; height:70px; background:url('images/title_clip.png') top center no-repeat ; margin: 25px 0px 0px 15px; } 
#wrapp>.clip header  h3 { padding: 62px 0 0 70px; }
#wrapp>.clip ul {overflow: hidden; margin-top:6px; margin-left: 16px;}
#wrapp>.clip ul li { display:inline; float:left; margin-left: 11px; margin-top:12px; }
#wrapp>.clip ul li img {  width:122px; height:70px; border:3px solid #efd77b; border-top-left-radius:7px; border-top-right-radius:7px; }
#wrapp>.clip ul li a {display:block; width:128px; height:146px; }
#wrapp>.clip ul li a:hover { width:128px; height:146px;  box-shadow: inset 0 0 0 0 #efd77b; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; transition: all ease 0.5s; background-color:#efd77b; border-radius: 7px;   }
#wrapp>.clip ul li a p { padding-top:2px; text-align:center;  font-size:13px; font-weight:normal; color:#000000;}
#wrapp>.clip ul li a p span { font-size:13px; font-weight:bold; color:#d0072b; }
#wrapp>.clip p.footer { font-size:13px; font-weight:normal; color:#FFFFFF; margin-top: 44px; margin-left: 390px; }
/*finish clip*/


/*pic */
#wrapp>.pic {width:520px; height:1244px; background:url('images/bg_pic.png') top center no-repeat  #fff8ec; float:right; padding:1px; }
#wrapp>.pic header {width:325px; height:61px; background:url('images/title_pic.png') top center no-repeat ; margin: 35px 0px 0px 25px; } 
#wrapp>.pic header  h3 { padding: 62px 0 0 70px; }
#wrapp>.pic ul {overflow: hidden; margin-top:26px; margin-left: 22px;}
#wrapp>.pic ul li { display:inline; float:left; margin-left: 24px; margin-top:10px; }
#wrapp>.pic ul li img {  width:120px; height:83px; border:3px solid #fcaf91; border-top-left-radius:7px; border-top-right-radius:7px; }
#wrapp>.pic ul li a {display:block; width:126px; height:152px; }
#wrapp>.pic ul li a:hover { width:126px; height:152px;  box-shadow: inset 0 0 0 0 #fcaf91; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; transition: all ease 0.5s; background-color:#fcaf91; border-radius: 7px;   }
#wrapp>.pic ul li a p { padding-top:6px; text-align:center;  font-size:13px; font-weight:normal; color:#000000;}
#wrapp>.pic ul li a p span { font-size:13px; font-weight:bold; color:#d0072b; }
#wrapp>.pic p.footer { font-size:13px; font-weight:normal; color:#FFFFFF; margin-top: 43px; margin-left: 420px; }