@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:475px; height:290px; background:url('images/bg_profile.png') top center no-repeat ; 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 13px; } 
#wrapp>.profile header  h3 { padding: 45px 0 0 160px; }
#wrapp>.profile ul {overflow: hidden; margin-top:37px; margin-left:5px;}
#wrapp>.profile ul li { display:inline; float:left; margin-left: 22px;  }
#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 strong { text-align:center;  font-size:13px; font-weight:bold;  color:#d2084f; }
/*finish profile*/

/*intro*/
#wrapp>.intro {width:512px; height:300px; float:left; }
#wrapp>.intro>.line1 { width:480px; height:29px; background:url('images/line_intro1.png') top center no-repeat  #fff8ec; margin-top:0px; margin-left:15px; }
#wrapp>.intro>.line2 { width:480px; height:84px; background:url('images/line_intro2.png') top center no-repeat  #fff8ec; margin-top:18px; margin-left:15px; }
#wrapp>.intro h1 { width:480px; display:block;  text-align:center;margin:0 auto;margin-top:5px; line-height:24px; }
#wrapp>.intro h2 { width:480px; display:block;  text-align:center;  margin-top:4px; margin:0 auto; font-size:20px }
/*finish intro*/

/*travel */
#wrapp>.travel {width:462px; height:640px; 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.big { display:inline; float:left; margin-left: 8px; margin-top:10px; }
#wrapp>.travel ul li.big a strong  { color:#258a95}
#wrapp>.travel ul li.small a strong { color:#da0b37}
#wrapp>.travel ul li.big a {  width:207px; height:135px; 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.big a img {  width:201px; height:86px; border:3px; border-style:solid; border-color:#fcaf91; margin-bottom:3px }
#wrapp>.travel ul li.big 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 ul li.small { display:inline; float:left; margin-left: 8px; margin-top:10px; }
#wrapp>.travel ul li.small a {  width:136px; height:154px; text-align:center;  font-size:13px; font-weight:normal; color:#000000;  display:block; text-align:center; box-shadow: inset 0 0 0 0 #9ad3d9; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; transition: all ease 0.5s; }
#wrapp>.travel ul li.small a img {  width:130px; height:86px; border:3px; border-style:solid; border-color:#9ad3d9; margin-bottom:3px }
#wrapp>.travel ul li.small a:hover { box-shadow: inset 0 200px 0 0 #bbe0e8; -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: 30px; margin-left:340px; }
/*finish travel*/

/*article */
#wrapp>.article {width:520px; height:1915px; background:url('images/bg_article2.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:13px; }
#wrapp>.article ul li.big a { display:block; width:146px; height:143px; 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; margin-bottom:3px }
#wrapp>.article ul li.big a:hover {  width:146px; box-shadow: inset 0 200px 0 0 #b4d2a8; -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:5px; }
#wrapp>.article ul li.small img { margin-bottom:4px; width:104px; height:69px; border:2px #e7cd80 solid; }
#wrapp>.article ul li.small a { width:108px; height:149px; 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*/

/*banner poem*/
#wrapp>.bannerpoem-right {width:520px; height:147px;  float:right; background:url(images/banner_poem2.jpg) top center no-repeat #fff8ec; padding-left: 1px; padding-bottom:10px;}
#wrapp>.bannerpoem-right h3 { padding:80px 0 0 245px;  }
#wrapp>.bannerpoem-right 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:847px; 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:164px; }
#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:164px;  box-shadow: inset 0 0 0 0 #ffdf58; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; transition: all ease 0.5s; background-color:#ffb6af; 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 strong { 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:145px; }
#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:145px;  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:#ffdd65; 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 strong { 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:410px; 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: 50px; margin-left: 380px; }

/*song */
#wrapp>.song-right {width:520px; height:510px; background:url('images/bg_song2.png') top center no-repeat  #fff8ec; float:right ; padding:1px; }
#wrapp>.song-right header {width:385px; height:73px; background:url('images/title_song.png') top center no-repeat ; margin: 20px 0px 0px 13px; } 
#wrapp>.song-right header  h3 { padding: 60px 0 0 70px; }
#wrapp>.song-right ul {overflow: hidden; margin-top:18px; margin-left: 40px; }
#wrapp>.song-right 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-right 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-right ul li p {  width:222px; height:39px; text-align:left;  font-size:13px; font-weight:normal; margin-top:12px; margin-left:30px; }
#wrapp>.song-right ul li p span {color:#d37439;  font-weight:bold; } 
#wrapp>.song-right ul li a p:hover { color:#a00d27;  font-size:13px; font-weight:normal; }
#wrapp>.song-right p.footer { font-size:13px; font-weight:normal; color:#FFFFFF; margin-top: 55px; margin-left: 425px; }

/*finish clip*/


/*glitter */
#wrapp>.glitter {width:462px; height:1305px; background:url('images/bg_glitter.png') top center no-repeat ; float:left ; padding:10px 8px; margin-bottom:10px }
#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: 720px 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:13px; margin-left: 22px;}
#wrapp>.glitter ul li {  display:inline; float:left;  margin-left:12px; margin-top:10px; margin-bottom:10px; }
#wrapp>.glitter ul li:first-child img , #wrapp>.glitter ul li:nth-child(2) img   , #wrapp>.glitter ul li:nth-child(3) img  , #wrapp>.glitter ul li:nth-child(6) img  , #wrapp>.glitter ul li:nth-child(7) img  , #wrapp>.glitter ul li:nth-child(8) img {  width:123px; height:123px; border-radius:7px;  }
#wrapp>.glitter ul li:nth-child(12) img , #wrapp>.glitter ul li:nth-child(13) img , #wrapp>.glitter ul li:nth-child(14) img {  width:123px; height:123px; border-radius:7px; margin-top:10px  }
#wrapp>.glitter ul li img {  width:190px; height:190px; border-radius:7px;  }
#wrapp>.glitter ul li a:hover { opacity: 0.8; filter: alpha(opacity=1); }

/*#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:770px; background:url('images/bg_share.png') top center no-repeat  #fff8ec; float:right ; padding:1px; margin-bottom:15px  }
#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:18px; margin-top:10px; margin-bottom:10px; }
#wrapp>.share ul li:first-child img , #wrapp>.share ul li:nth-child(2) img   , #wrapp>.share ul li:nth-child(3) img  , #wrapp>.share ul li:nth-child(6) img  , #wrapp>.share ul li:nth-child(7) img  , #wrapp>.share ul li:nth-child(8) img {  width:133px; height:133px; border-radius:7px;  }
#wrapp>.share ul li img {  width:210px; height:210px; 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*/

/*share-left */
#wrapp>.share-left { width:462px; height:670px; background:url('images/bg_share2.png') top center no-repeat  #fff8ec; float:left ; padding:8px;  }
#wrapp>.share-left header {width:325px; height:70px; background:url('images/title_share.png') top left no-repeat ; margin: 25px 0px 0px 27px; } 
#wrapp>.share-left header  h3 { padding: 62px 0 0 70px; }
#wrapp>.share-left ul {overflow: hidden; margin-top:13px; margin-left: 7px;}
#wrapp>.share-left ul li {  display:inline; float:left;  margin-left:10px; margin-top:10px; margin-bottom:10px; }
/* #wrapp>.share-left ul li:first-child img , #wrapp>.share-left ul li:nth-child(2) img   , #wrapp>.share-left ul li:nth-child(3) img  , #wrapp>.share-left ul li:nth-child(6) img  , #wrapp>.share-left ul li:nth-child(7) img  , #wrapp>.share-left ul li:nth-child(8) img {  width:133px; height:133px; border-radius:7px;  } */
#wrapp>.share-left ul li img {  width:133px; height:133px; border-radius:7px;  }
#wrapp>.share-left ul li a:hover { opacity: 0.8; filter: alpha(opacity=1); }
#wrapp>.share-left p.footer { font-size:13px; font-weight:normal; color:#FFFFFF; margin-top: 50px; margin-left: 380px; }
/*finish share*/

/*clip */
#wrapp>.clip {width:462px; height:984px; background:url('images/bg_clip2.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:12px; margin-left: 16px;}
#wrapp>.clip ul li { display:inline; float:left; margin-left: 11px; margin-top:0px; }
#wrapp>.clip ul li img {  width:110px; height:85px; border:3px solid #b993c6; border-top-left-radius:7px; border-top-right-radius:7px; margin-bottom:3px; display:block ; margin:0 auto; }
#wrapp>.clip ul li a {display:block; width:128px; height:190px; text-align:center; padding-top:5px}
#wrapp>.clip ul li a:hover { width:128px; height:190px;  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:#f1dbf9; border-radius: 7px; padding-top:5px  }

/*
#wrapp>.clip ul li:nth-child(10) , #wrapp>.clip ul li:nth-child(11) , #wrapp>.clip ul li:nth-child(102) , #wrapp>.clip ul li:nth-child(13) , #wrapp>.clip ul li:nth-child(14) , #wrapp>.clip ul li:nth-child(15) , #wrapp>.clip ul li:nth-child(16) , #wrapp>.clip ul li:nth-child(17) , #wrapp>.clip ul li:nth-child(18) , #wrapp>.clip ul li:nth-child(19) , #wrapp>.clip ul li:nth-child(20) , #wrapp>.clip ul li:nth-child(21) { display:inline; float:left; margin-left: 5px; margin-top:0px; }

#wrapp>.clip ul li:nth-child(10) img , #wrapp>.clip ul li:nth-child(11) img  , #wrapp>.clip ul li:nth-child(12) img  , #wrapp>.clip ul li:nth-child(13) img  , #wrapp>.clip ul li:nth-child(14) img  , #wrapp>.clip ul li:nth-child(15) img  , #wrapp>.clip ul li:nth-child(16) img  , #wrapp>.clip ul li:nth-child(17) img  , #wrapp>.clip ul li:nth-child(18) img  , #wrapp>.clip ul li:nth-child(19) img  , #wrapp>.clip ul li:nth-child(20) img  , #wrapp>.clip ul li:nth-child(21) img {  width:85px; height:58px; border:3px solid #b993c6; border-top-left-radius:7px; border-top-right-radius:7px; margin-bottom:3px; display:block ; margin:0 auto; }

#wrapp>.clip ul li:nth-child(10) a , #wrapp>.clip ul li:nth-child(11) a  , #wrapp>.clip ul li:nth-child(12) a  , #wrapp>.clip ul li:nth-child(13) a  , #wrapp>.clip ul li:nth-child(14) a  , #wrapp>.clip ul li:nth-child(15) a  , #wrapp>.clip ul li:nth-child(16) a  , #wrapp>.clip ul li:nth-child(17) a  , #wrapp>.clip ul li:nth-child(18) a  , #wrapp>.clip ul li:nth-child(19) a  , #wrapp>.clip ul li:nth-child(20) a  , #wrapp>.clip ul li:nth-child(21) a {display:block; width:100px; height:153px; text-align:center; padding-top:5px}

#wrapp>.clip ul li:nth-child(10) a:hover , #wrapp>.clip ul li:nth-child(11) a:hover , #wrapp>.clip ul li:nth-child(12) a:hover , #wrapp>.clip ul li:nth-child(13) a:hover , #wrapp>.clip ul li:nth-child(14) a:hover , #wrapp>.clip ul li:nth-child(15) a:hover , #wrapp>.clip ul li:nth-child(16) a:hover , #wrapp>.clip ul li:nth-child(17) a:hover , #wrapp>.clip ul li:nth-child(18) a:hover , #wrapp>.clip ul li:nth-child(19) a:hover , #wrapp>.clip ul li:nth-child(20) a:hover , #wrapp>.clip ul li:nth-child(21) a:hover { width:100px; height:153px;  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:#f1dbf9; border-radius: 7px; padding-top:5px  }
*/

#wrapp>.clip ul li a p { padding-top:2px; text-align:center;  font-size:13px; font-weight:normal; color:#000000;  line-height:20px}
#wrapp>.clip ul li a p strong { font-size:13px; font-weight:bold; color:#770f63;  line-height:20px}
#wrapp>.clip p.footer { font-size:13px; font-weight:normal; color:#FFFFFF; margin-top:50px; margin-left: 382px; }
/*finish clip*/


/*pic */
#wrapp>.pic {width:520px; height:996px; background:url('images/bg_pic2.png') top center no-repeat ; 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:5px; }
#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:190px; }
#wrapp>.pic ul li a:hover { width:126px; height:190px;  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; line-height:20px}
#wrapp>.pic ul li a p strong { font-size:13px; font-weight:bold; color:#c50f21;  line-height:20px}
#wrapp>.pic p.footer { font-size:13px; font-weight:normal; color:#FFFFFF; margin-top: 55px; margin-left: 420px; }