body, p, h1, h2, h3, h4, h5, h6, form, ul, li { padding: 0; margin: 0; }
body { font-family: Tahoma; font-size: 13px; color: #400000; height: auto; margin: 0 auto; background: url(../images/bg2014.jpg) top center repeat-x #ffffed }
a { text-decoration: none; }
a:hover { text-decoration: none; }
a img { border: 0; }
ul, li { list-style: none; }
header, nav, article, section, footer, hgroup { display: block; }
.clear-all { clear: both; }
#header { width: 1003px; margin: 0 auto; overflow: hidden; padding: 0 0 0 0; height: 140px; background: url(../images/bg_header.png) top center no-repeat; }
#header section.logo_kapook a img { display: inline; float: left; margin: 14px 0 0 28px; }
#header section.logo_songkran a img { display: inline; float: left; margin: 15px 0 0 95px; }
#header section.share { display: inline; float: right; margin: 27px 20px 0 0px; width: 310px; }
#menu { width: 1003px; margin: 0 auto; height: 59px; background: url(../images/bg_menu.png) top center no-repeat; z-index: 0 }
#menu ul { width: 917px; margin: 0 auto; height: 53px; display: block }
#menu ul li { float: left; display: inline-block }
#menu ul li.tab1 a { width: 167px; height: 53px; float: left; display: inline-block; z-index: 999; background: url(../images/menu1_01.png) top center no-repeat; z-index: 0; -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; }
#menu ul li.tab1:hover a { width: 167px; height: 53px; float: left; display: inline-block; z-index: 999; background: url(../images/menu2_01.png) top center no-repeat; z-index: 0; cursor: pointer }
#menu ul li.tab2 a { width: 141px; height: 53px; float: left; display: inline-block; z-index: 999; background: url(../images/menu1_02.png) top center no-repeat; z-index: 0; -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; }
#menu ul li.tab2:hover a { width: 141px; height: 53px; float: left; display: inline-block; z-index: 999; background: url(../images/menu2_02.png) top center no-repeat; z-index: 0; cursor: pointer }
#menu ul li.tab3 a { width: 140px; height: 53px; float: left; display: inline-block; z-index: 999; background: url(../images/menu1_03.png) top center no-repeat; z-index: 0; -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; }
#menu ul li.tab3:hover a { width: 140px; height: 53px; float: left; display: inline-block; z-index: 999; background: url(../images/menu2_03.png) top center no-repeat; z-index: 0; cursor: pointer }
#menu ul li.tab4 a { width: 192px; height: 53px; float: left; display: inline-block; z-index: 999; background: url(../images/menu1_04.png) top center no-repeat; z-index: 0; -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; }
#menu ul li.tab4:hover a { width: 192px; height: 53px; float: left; display: inline-block; z-index: 999; background: url(../images/menu2_04.png) top center no-repeat; z-index: 0; cursor: pointer }
#menu ul li.tab5 a { width: 146px; height: 53px; float: left; display: inline-block; z-index: 999; background: url(../images/menu1_05.png) top center no-repeat; z-index: 0; -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; }
#menu ul li.tab5:hover a { width: 146px; height: 53px; float: left; display: inline-block; z-index: 999; background: url(../images/menu2_05.png) top center no-repeat; z-index: 0; cursor: pointer }
#menu ul li.tab6 a { width: 131px; height: 53px; float: left; display: inline-block; z-index: 999; background: url(../images/menu1_06.png) top center no-repeat; z-index: 0; -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; }
#menu ul li.tab6:hover a { width: 131px; height: 53px; float: left; display: inline-block; z-index: 999; background: url(../images/menu2_06.png) top center no-repeat; z-index: 0; cursor: pointer }
#title { width: 1003px; margin: 0 auto; height: 137px; background: url(../images/bg_title.png) top center no-repeat; position: relative }
img.item_left { position: absolute; top: -100px; left: -36px }
img.item_right { position: absolute; top: -100px; right: -39px }
#title hgroup { width: 620px; margin: 0 auto; padding-top: 70px; font-size: 14px; text-shadow: 1px 1px 1px #fff; color: #400000; text-align: center; line-height: 20px; }
#title hgroup h1 { color: #e63600; font-size: 16px; display: inline-block; }
#title h2 { width: 620px; margin: 0 auto; padding-top: 70px; font-size: 19px; text-shadow: 1px 1px 1px #fff; color: #400000; text-align: center; line-height: 25px; }
#title h2 strong { color: #e63600; font-size: 20px }
section.greetcard { width: 1003px; display: block; margin: 0 auto; margin-top: 0px; margin-right: 0px; margin-bottom: 6px }
section.greetcard .top { width: 1003px; height: 93px; display: block; background: url(../images/greetcard_01.png) top center no-repeat; }
section.greetcard .top h2 { font-family: Tahoma; font-size: 13px; color: #fff; font-weight: normal; float: right; display: block; margin: 37px 200px 0 0; background-color: #db0a59; border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; padding: 1px 20px; }
section.greetcard .middle { width: 1003px; display: block; background: url(../images/greetcard_02.png) top center repeat-y; }
section.greetcard .middle ul { width: 960px; display: block; margin: 0 auto }
section.greetcard .middle ul li { width: 148px; height: 148px; float: left; display: inline; margin: 5px 0px 10px 10px; background-color: #fff; position: relative }
section.greetcard .middle ul li a img.sub_greet { position: absolute; top: 0; left: 0; z-index: 9999 }
section.greetcard .middle ul li:hover { width: 148px; height: 148px; float: left; display: inline; margin: 5px 0px 10px 10px; cursor: pointer; background-color: #fe77aa }
section.greetcard .middle ul li a img { width: 138px; height: 138px; padding: 4px; border: 2px dotted #fe77aa; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
section.greetcard .middle ul li:hover a img { width: 138px; height: 138px; padding: 4px; border: 2px solid #fff; }
section.greetcard .bottom { width: 1003px; height: 29px; display: block; background: url(../images/greetcard_03.png) top center no-repeat; }
/*{ width:1049px; margin:0 auto; padding-bottom:0px;  background:url(../images/bg_body.png) top center no-repeat;  }*/
#main_content { width: 999px; margin: 0 auto; padding-bottom: 0px; background-color: #fff; padding-left: 4px; }
#left { width: 438px; float: left; display: inline }
#right { width: 557px; float: left; display: inline }
section.songkran { width: 438px; height: 263px; float: left; display: inline; background-color: #99FF66; background: url(../images/songkran_travel_00.png) top center no-repeat; }
section.songkran hgroup { width: 380px; height: 25px; margin: 0 auto; margin-top: 85px; }
section.songkran hgroup h1 { display: inline; float: left; font-family: Tahoma; font-size: 15px; color: #CC6633; font-weight: bold; margin-right: 9px; }
section.songkran hgroup h2 { display: inline; float: left; font-family: Tahoma; font-size: 15px; color: #896f14; font-weight: bold; margin-right: 9px; }
section.songkran hgroup h3 { display: inline; float: left; font-family: Tahoma; font-size: 15px; color: #896f14; font-weight: bold; margin-right: 9px; }
#main_song { background-color: #fff; width: 1003px; margin: 0 auto; padding-bottom: 0px; }
#main_song hgroup.song { width: 973px; height: 25px; margin: 0 auto; padding-top: 10px; padding-left: 30px; border-bottom: dotted 2px #996600; }
#main_song hgroup.song h1 { display: inline; float: left; font-family: Tahoma; font-size: 18px; color: #CC6633; font-weight: bold; margin-right: 9px; text-shadow: 2px 2px 2px #000; }
#main_song hgroup.song h2 { display: inline; float: left; font-family: Tahoma; font-size: 18px; color: #896f14; font-weight: bold; margin-right: 9px; text-shadow: 2px 2px 2px #000; }
#main_song hgroup.song h3 { display: inline; float: left; font-family: Tahoma; font-size: 18px; color: #896f14; font-weight: bold; margin-right: 9px; text-shadow: 2px 2px 2px #000; }
section#headline_bar { width: 1049px; height: 46px; display: block; margin: 0 auto; background: url(../images/headline_01.png) top center no-repeat; }
section#headline_bar hgroup { width: 680px; height: 25px; float: left; display: inline; margin-top: 11px }
section#headline_bar hgroup h1 { float: left; display: inline; font-size: 17px; color: #FFFFFF; margin-right: 6px; margin-left: 30px; color: #FFFF00 }
section#headline_bar hgroup h2 { float: left; display: inline; font-size: 17px; color: #FFFFFF; margin-right: 6px }
section#headline_bar section.share { width: 330px; height: 25px; float: left; display: inline; margin-top: 11px }
section#headline { width: 1049px; height: 158px; display: block; margin: 0 auto; background: url(../images/headline_02.png) top center no-repeat; }
section#headline h3 { width: 530px; height: 100px; padding: 38px 0 0 270px; text-align: center; font-family: 14px; color: #fff; font-weight: normal; font-family: Tahoma; line-height: 18px; }
section.profile2014 { width: 557px; float: left; display: inline; margin-top: 0px; margin-right: 0px }
section.profile2014 .top { width: 557px; height: 119px; display: block; background: url(../images/article2014_01.png) top center no-repeat; }
section.profile2014 .top h2 { font-family: Tahoma; font-size: 13px; color: #fff; font-weight: normal; padding: 70px 30px 0 25px; text-align: left; display: block; width: 330px; }
section.profile2014 .middle { width: 557px; display: block; background: url(../images/article2013_02.jpg) top center repeat-y; }
section.profile2014 .middle ul { width: 557px; display: block; }
section.profile2014 .middle ul li { width: 166px; height: 280px; margin-right: 0px; margin-left: 15px; display: inline; float: left; }
section.profile2014 .middle ul li a { width: 166px; height: 303px; display: inline; text-align: center }
section.profile2014 .middle ul li a:hover { width: 166px; height: 303px; display: inline; text-decoration: none }
section.profile2014 .middle ul li a img { width: 149px; height: 177px; margin: 0 auto; display: block; margin-bottom: 2px; border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -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; border: dotted 2px #fc9f26; padding: 3px; }
section.profile2014 .middle ul li a:hover img { width: 149px; height: 177px; margin: 0 auto; display: block; margin-bottom: 2px; border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -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; border: dotted 2px #fc9f26; padding: 3px; opacity: 0.5 }
section.profile2014 .middle ul li a h3 { width: 166px; display: block; color: #dca100; font-size: 14px; margin-bottom: 2px; text-shadow: 1px 1px 1px #fff; }
section.profile2014 .middle ul li a h4 { width: 166px; display: block; color: #ec3d00; font-size: 14px; margin-bottom: 2px; text-shadow: 1px 1px 1px #fff; }
section.profile2014 .middle ul li:hover a h4 { width: 166px; display: block; color: #690004; font-size: 14px; margin-bottom: 2px; text-shadow: 1px 1px 1px #fff; margin-top: 8px; -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; text-decoration: none }
section.profile2014 .middle ul li a span { width: 166px; display: block; color: #4f4f4f; font-size: 14px; }
section.profile2014 .middle ul.small li { width: 166px; height: 140px; margin-right: 0px; margin-left: 15px; display: inline; float: left; font-style: normal; }
section.profile2014 .middle ul.small li a { width: 166px; height: 140px; display: inline; text-align: center }
section.profile2014 .middle ul.small li a:hover { width: 166px; height: 140px; display: inline; }
section.profile2014 .middle ul.small li a img { width: 145px; height: 80px; margin: 0 auto; display: block; margin-bottom: 2px; border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -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; border: dotted 2px #fc9f26; padding: 3px; }
section.profile2014 .middle ul.small li a:hover img { width: 145px; height: 80px; margin: 0 auto; display: block; margin-bottom: 2px; border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -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; border: 3px solid #fff; opacity: 0.5; border: dotted 2px #fc9f26; padding: 3px; background-color: #FFCC33 }
section.profile2014 .middle ul.small li a h4 { width: 166px; display: block; color: #623935; font-size: 14px; margin-bottom: 2px; font-style: normal; font-weight: normal }
section.profile2014 .middle ul.small li a h4 strong { color: #ec3d00; font-style: normal; }
section.profile2014 .bottom { width: 557px; height: 44px; display: block; background: url(../images/article2013_04.jpg) top center no-repeat; }
section.article2014 { width: 557px; float: left; display: inline; margin-top: 0px; margin-right: 0px }
section.article2014 .top { width: 557px; height: 119px; display: block; background: url(../images/profile2014_01.png) top center no-repeat; }
section.article2014 .top h2 { font-family: Tahoma; font-size: 13px; color: #fff; font-weight: normal; padding: 70px 30px 0 25px; text-align: left; display: block; width: 330px; }
section.article2014 .middle { width: 557px; display: block; background: url(../images/article2013_02.jpg) top center repeat-y; }
section.article2014 .middle ul.small { width: 557px; display: block; }
section.article2014 .middle ul.small li { width: 166px; height: 150px; margin-right: 0px; margin-left: 15px; display: inline; float: left; font-style: normal; border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
section.article2014 .middle ul.small li a { width: 166px; height: 150px; display: inline; text-align: center }
section.article2014 .middle ul.small li a:hover { width: 166px; height: 160px; display: inline; }
section.article2014 .middle ul.small li a img { width: 145px; height: 80px; margin: 0 auto; display: block; margin-bottom: 2px; -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; border: dotted 2px #fe7e60; padding: 3px; border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
section.article2014 .middle ul.small li a:hover img { width: 145px; height: 80px; margin: 0 auto; display: block; margin-bottom: 8px; -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; border: dotted 2px #fe7e60; padding: 3px; background-color: #fe7e60; border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
section.article2014 .middle ul.small li a h4 { width: 166px; display: block; color: #785c5d; font-size: 14px; margin-bottom: 2px; font-style: normal; font-weight: normal }
section.article2014 .middle ul.small li a h4 strong { color: #ec3d00; font-size: 14px; }
section.article2014 .bottom { width: 557px; height: 44px; display: block; background: url(../images/article2013_04.jpg) top center no-repeat; }
section.photo2013 { width: 557px; float: left; display: inline; margin-top: 10px; margin-right: 0px }
section.photo2013 .top { width: 557px; height: 119px; display: block; background: url(../images/photo2013_01.jpg) top center no-repeat; }
section.photo2013 .top h2 { font-family: Tahoma; font-size: 13px; color: #fff; font-weight: normal; padding: 70px 30px 0 25px; text-align: left; display: block; width: 330px; }
section.photo2013 .middle { width: 557px; display: block; background: url(../images/photo2013_02.jpg) top center repeat-y; }
section.photo2013 .middle ul { width: 557px; display: block; }
section.photo2013 .middle ul li { width: 166px; height: 303px; margin-right: 0px; margin-left: 15px; display: inline; float: left; }
section.photo2013 .middle ul.small li { width: 166px; height: 188px; margin-right: 0px; margin-left: 15px; display: inline; float: left; font-style: normal; }
section.photo2013 .middle ul.small li a { width: 166px; height: 188px; display: inline; text-align: center }
section.photo2013 .middle ul.small li a:hover { width: 166px; height: 188px; display: inline; }
section.photo2013 .middle ul.small li a img { width: 149px; height: 118px; margin: 0 auto; display: block; margin-bottom: 2px; border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -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; border: 2px dotted #90cc11; padding: 3px }
section.photo2013 .middle ul.small li a:hover img { width: 149px; height: 118px; margin: 0 auto; display: block; margin-bottom: 2px; -khtml-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -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; border: 2px dotted #90cc11; opacity: 0.5; padding: 3px }
section.photo2013 .middle ul.small li a h3 { width: 166px; display: block; color: #1189a8; font-size: 14px; margin-bottom: 2px }
section.photo2013 .middle ul.small li a h4 { width: 166px; display: block; color: #4c6b02; font-size: 14px; margin-bottom: 2px; font-style: normal; font-weight: normal }
section.photo2013 .middle ul.small li:hover a h4 { width: 166px; display: block; color: #4c6b02; font-size: 14px; margin-bottom: 2px; font-style: normal; font-weight: normal; margin-top: 6px; 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; }
section.photo2013 .middle ul.small li a h4 strong { color: #ed0737 }
section.photo2013 .middle ul.small li a h4 img { }
section.photo2013 .middle ul.small li a span { width: 166px; display: block; color: #4f4f4f; font-size: 13px; }
section.photo2013 .bottom { width: 557px; height: 44px; display: block; background: url(../images/article2013_04.jpg) top center no-repeat; }



section.photo2017 { width: 1000px; float: left; display: inline; margin-top: 10px; margin-right: 0px; }
section.photo2017 .top { width: 1000px; height: 119px; display: block; background: url(../images/photo2017_01.jpg) top center no-repeat; }
section.photo2017 .top h2 { font-family: Tahoma; font-size: 13px; color: #fff; font-weight: normal; padding: 70px 30px 0 25px; text-align: left; display: block; width: 330px; }
section.photo2017 .middle { width: 1000px; display: block;background: url(../images/photo2017_02.jpg) top center repeat-y; }
section.photo2017 .middle ul { width: 1000px; display: block; }
section.photo2017 .middle ul li { width: 166px; height: 303px; margin-right: 15px; margin-left: 15px; display: inline; float: left; }
section.photo2017 .middle ul.small li { width: 166px; height: 188px; margin-right: 0px; margin-left: 15px; display: inline; float: left; font-style: normal; }
section.photo2017 .middle ul.small li a { width: 166px; height: 188px; display: inline; text-align: center }
section.photo2017 .middle ul.small li a:hover { width: 166px; height: 188px; display: inline; }
section.photo2017 .middle ul.small li a img { width: 149px; height: 118px; margin: 0 auto; display: block; margin-bottom: 2px; border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -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; border: 2px dotted #90cc11; padding: 3px }
section.photo2017 .middle ul.small li a:hover img { width: 149px; height: 118px; margin: 0 auto; display: block; margin-bottom: 2px; -khtml-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -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; border: 2px dotted #90cc11; opacity: 0.5; padding: 3px }
section.photo2017 .middle ul.small li a h3 { width: 166px; display: block; color: #1189a8; font-size: 14px; margin-bottom: 2px }
section.photo2017 .middle ul.small li a h4 { width: 166px; display: block; color: #4c6b02; font-size: 14px; margin-bottom: 2px; font-style: normal; font-weight: normal }
section.photo2017 .middle ul.small li:hover a h4 { width: 166px; display: block; color: #4c6b02; font-size: 14px; margin-bottom: 2px; font-style: normal; font-weight: normal; margin-top: 6px; 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; }
section.photo2017 .middle ul.small li a h4 strong { color: #ed0737 }
section.photo2017 .middle ul.small li a h4 img { }
section.photo2017 .middle ul.small li a span { width: 166px; display: block; color: #4f4f4f; font-size: 13px; }
section.photo2017 .bottom { width: 1000px; height: 44px; display: block; background: url(../images/article2017_04.jpg) top center no-repeat; }


section.glitter2013 { width: 557px; float: left; display: inline; margin-top: 0px; margin-right: 0px }
section.glitter2013 .top { width: 557px; height: 119px; display: block; background: url(../images/glitterbox_2013_01.jpg) top center no-repeat; }
section.glitter2013 .top h2 { font-family: Tahoma; font-size: 13px; color: #fff; font-weight: normal; padding: 70px 30px 0 25px; text-align: left; display: block; width: 330px; }
section.glitter2013 .middle { width: 557px; display: block; background: url(../images/glitterbox_2013_02.jpg) top center repeat-y; }
section.glitter2013 .middle ul { width: 557px; display: block; }
section.glitter2013 .middle ul { width: 520px; margin: 0 auto; }
section.glitter2013 .middle ul li { width: 114px; display: inline; float: left; margin: 3px 4px 7px 11px; text-align: center; padding-bottom: 10px }
section.glitter2013 .middle ul li a img { width: 110px; height: auto; border: #fff 2px solid; }
section.glitter2013 .middle ul li a:hover img { width: 110px; height: auto; border: #fff 2px solid; }
section.glitter2013 .middle span a { width: 500px; height: 30px; float: left; margin: 0 0 0 25px; text-align: right; font-family: Tahoma; font-size: 13px; color: #ad4137; font-weight: bold; margin-top: 0px; display: block }
section.glitter2013 .bottom { width: 537px; height: 40px; display: block; background: url(../images/glitterbox_2013_04.jpg) top center no-repeat; text-align: right; padding: 23px 20px 0 0 }
section.glitter2013 .bottom a { color: #fff }
section.glitter2013 .bottom a:hover { color: #fff }
section.ecard2013 { width: 557px; float: left; display: inline; margin-top: 0px; margin-right: 0px }
section.ecard2013 .top { width: 557px; height: 119px; display: block; background: url(../images/ecardbox_2013_01.jpg) top center no-repeat; }
section.ecard2013 .top h2 { font-family: Tahoma; font-size: 13px; color: #fff; font-weight: normal; padding: 70px 30px 0 25px; text-align: left; display: block; width: 330px; }
section.ecard2013 .middle { width: 557px; display: block; background: url(../images/ecardbox_2013_02.jpg) top center repeat-y; }
section.ecard2013 .middle ul { width: 557px; display: block; }
section.ecard2013 .middle ul { width: 520px; margin: 0 auto; }
section.ecard2013 .middle ul li { width: 114px; display: inline; float: left; margin: 3px 4px 12px 11px; text-align: center; height: 130px }
section.ecard2013 .middle ul li a img { width: 110px; height: auto; border: #fff 2px solid; }
section.ecard2013 .middle ul li a:hover img { width: 110px; height: auto; border: #fff 2px solid; }
section.ecard2013 .middle span a { width: 500px; height: 30px; float: left; margin: 0 0 0 25px; text-align: right; font-family: Tahoma; font-size: 13px; color: #ad4137; font-weight: bold; margin-top: 0px; display: block }
section.ecard2013 .bottom { width: 537px; height: 40px; display: block; background: url(../images/ecardbox_2013_04.jpg) top center no-repeat; text-align: right; padding: 23px 20px 0 0 }
section.ecard2013 .bottom a { color: #fff }
section.ecard2013 .bottom a:hover { color: #fff }
section.travel2013 { width: 438px; float: left; display: inline; margin-left: 0px; margin-top: 0px; }
section.travel2013 .top { width: 438px; height: 108px; display: block; background: url(../images/travelbox_2013_01.jpg) top center no-repeat; }
section.travel2013 .top h2 { font-family: Tahoma; font-size: 13px; color: #fff; font-weight: normal; padding: 63px 30px 0 25px; text-align: left; display: block; }
section.travel2013 .middle { width: 438px; display: block; background: url(../images/travelbox_2013_02.jpg) top center repeat-y; }
section.travel2013 .middle ul { width: 430px; display: block; padding-left: 8px; padding-top: 10px }
section.travel2013 .middle ul li.thump1 { width: 126px; height: 236px; margin: 0 0px 0 11px; display: inline; float: left; border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -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; padding-top: 3px; text-align: center }
section.travel2013 .middle ul li.thump1:hover { width: 126px; height: 236px; margin: 0 0px 0 11px; display: inline; float: left; background-color: #c1e607; border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -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; padding-top: 3px; text-align: center }
section.travel2013 .middle ul li.thump1 a img { width: 110px; height: 140px; margin: 0 auto; display: block; margin-bottom: 2px; border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -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; border: dotted 2px #fc9f26; padding: 3px; background-color: #FFFFFF }
section.travel2013 .middle ul li.thump1 a:hover img { width: 110px; height: 140px; margin: 0 auto; display: block; margin-bottom: 8px; border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -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; border: solid 2px #fff; padding: 3px; }
section.travel2013 .middle ul li.thump1 a h3 { width: 120px; display: block; color: #714408; font-size: 14px; font-weight: normal; margin-bottom: 2px; margin-top: 4px; text-shadow: 1px 1px 1px #fff; }
section.travel2013 .middle ul li.thump1 a h3 strong { color: #d32e13; }
section.travel2013 .middle ul li.thump2 { width: 188px; height: 165px; margin-left: 15px; display: inline; float: left; padding-top: 3px; margin-bottom: 4px; border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -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; }
section.travel2013 .middle ul li.thump2:hover { width: 188px; height: 165px; margin-left: 15px; display: inline; float: left; padding-top: 3px; margin-bottom: 4px; background-color: #c1e607; border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -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; }
section.travel2013 .middle ul li.thump2 a { width: 188px; height: 165px; display: inline; text-align: center }
section.travel2013 .middle ul li.thump2 a:hover { width: 188px; height: 165px; display: inline; }
section.travel2013 .middle ul li.thump2 a img { width: 170px; height: 90px; margin: 0 auto; display: block; margin-bottom: 2px; border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -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; border: dotted 2px #c1e607; padding: 3px; background-color: #FFFFFF }
section.travel2013 .middle ul li.thump2 a:hover img { width: 170px; height: 90px; margin: 0 auto; display: block; margin-bottom: 8px; border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -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; border: solid 2px #fff; padding: 3px; }
section.travel2013 .middle ul li.thump2 a h3 { width: 188px; display: block; color: #333300; font-size: 14px; font-weight: normal; margin-bottom: 2px; margin-top: 4px; text-shadow: 1px 1px 1px #fff; }
section.travel2013 .middle ul li.thump2 a h3 strong { color: #c16b04; text-shadow: 1px 1px 1px #fff; }
section.travel2013 .middle ul li.thump2 a span { width: 188px; display: block; color: #4f4f4f; font-size: 13px; }
section.travel2013 .bottom { width: 438px; height: 28px; display: block; background: url(../images/travelbox_2013_04.jpg) top center no-repeat; }
section.clip2013 { width: 438px; float: left; display: inline; margin-left: 0px; margin-top: 10px; }
section.clip2013 .top { width: 438px; height: 108px; display: block; background: url(../images/clipbox_2013_01.jpg) top center no-repeat; }
section.clip2013 .top h2 { font-family: Tahoma; font-size: 13px; color: #fff; font-weight: normal; padding: 63px 30px 0 25px; text-align: left; display: block; width: 330px; }
section.clip2013 .clip { width: 438px; height: 303px; display: block; background: url(../images/clipbox_2013_03.jpg) top center repeat-y; }
section.clip2013 .clip iframe { width: 285px; height: 220px; text-align: center; display: block; padding: 30px 0 0 55px }
section.clip2013 .middle { width: 438px; display: block; background: url(../images/clipbox_2013_02.jpg) top center repeat-y; }
section.clip2013 .middle section.box { width: 380px; display: block; padding: 7px; background-color: #FFFFFF; margin: 0 auto; border-radius: 10px; box-shadow: 0 3px 3px rgba(0,0,0,0.1) inset; }
section.clip2013 .middle section.box article { width: 162px; height: 160px; padding: 7px 10px 0px 10px; text-align: center; display: inline-block; float: left; margin-bottom: 3px; position: relative }
section.clip2013 .middle section.box article a img { margin-bottom: 2px; border: #ffd200 2px solid; width: 157px; height: 95px; border-radius: 10px; }
section.clip2013 .middle section.box article a:hover img { opacity: 0.7 }
section.clip2013 .middle section.box article a { font-family: Tahoma; font-size: 13px; color: #776146; width: 161px; line-height: 18px; display: block; bottom: 0; left: 0; text-shadow: 1px 1px 1px #fff; border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -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; margin-left: 8px; border-radius: 10px; }
section.clip2013 .middle section.box article a:hover { font-family: Tahoma; font-size: 13px; color: #fff; width: 161px; height: 145px; line-height: 18px; display: block; bottom: 0; background-color: #e76b00; text-shadow: 1px 1px 1px #000; text-decoration: none; border-radius: 10px; }
section.clip2013 .middle section.box article a strong { color: #ea7f00 }
section.clip2013 .middle section.box article:hover a strong { color: #FFFF00 }
section.clip2013 .middle section.box span a { width: 380px; height: 30px; float: left; margin: 25px 0 0 0px; text-align: right; font-family: Tahoma; font-size: 13px; color: #872b01; font-weight: bold; }
section.clip2013 .bottom { width: 438px; height: 28px; display: block; background: url(../images/clipbox_2013_05.jpg) top center no-repeat; }
section.clip2 { width: 409px; height: 451px; float: left; display: inline; background: url(../images/clip_02.png) top center no-repeat; padding : 26px 0 0 27px; }
section.clip2 article { width: 165px; height: 165px; padding: 5px 10px 5px 10px; text-align: center; display: inline; float: left; margin-left: 5px; margin-bottom: 3px; position: relative }
section.clip2 article a img { margin-bottom: 2px; border: #CC0000 2px solid; width: 162px; height: 100px; }
section.clip2 article a { font-family: Tahoma; font-size: 13px; color: #bf3809; width: 167px; line-height: 18px; background-color: #FFFF99; display: block; bottom: 0; left: 0; text-shadow: 1px 1px 1px #fff; border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -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 }
section.clip2 article a:hover { font-family: Tahoma; font-size: 13px; color: #bf3809; width: 167px; height: 165px; line-height: 18px; display: block; bottom: 0; background-color: #88806e; text-shadow: 1px 1px 1px #000; text-decoration: none }
section.clip2 span a { width: 380px; height: 30px; float: left; margin: 25px 0 0 0px; text-align: right; font-family: Tahoma; font-size: 13px; color: #872b01; font-weight: bold; }
section.poem2014 { width: 438px; float: left; display: inline; margin-left: 0px; margin-top: 10px; }
section.poem2014 .top { width: 438px; height: 108px; display: block; background: url(../images/poem2014_box_01.png) top center no-repeat; }
section.poem2014 .top h2 { font-family: Tahoma; font-size: 13px; color: #6f889e; text-shadow: 1px 1px 1px #fff; font-weight: normal; padding: 63px 30px 0 25px; text-align: left; display: block; width: 330px; }
section.poem2014 .middle { width: 438px; display: block; background: url(../images/poem2014_box_02.png) top center repeat-y; }
section.poem2014 .middle ul { width: 390px; margin: 0 auto; background-color: #FFFFFF; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; padding: 3px; -moz-border-radius: 10px; box-shadow: 0 3px 3px rgba(0,0,0,0.1) inset; }
section.poem2014 .middle ul li { width: 370px; margin-bottom: 4px; border-bottom: #59e4e6 dotted 2px; margin: 0 auto; padding: 3px; text-align: center }
section.poem2014 .middle ul li:hover { width: 370px; margin-bottom: 4px; border-bottom: #f43c86 dotted 2px; margin: 0 auto; padding: 3px; text-align: center }
section.poem2014 .middle ul li a { font-family: Tahoma; font-size: 14px; color: #a95559; text-decoration: none; -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; padding: 3px 5px 3px 5px; display: inline-block; width: 355px; }
section.poem2014 .middle ul li:hover a { font-family: Tahoma; font-size: 14px; color: #a95559; text-decoration: none; -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; padding: 3px 5px 3px 5px; display: inline-block; width: 355px; background-color: #ffffed; -webkit-border-radius: 18px; border-radius: 18px; -moz-border-radius: 18px; }
section.poem2014 .middle ul li a strong { font-family: Tahoma; font-size: 17px; color: #f8407e; text-decoration: none; font-weight: bold; }
section.poem2014 .middle ul li a em { font-family: Tahoma; font-size: 12px; color: #0099FF; text-decoration: none; font-weight: bold; display: block }
section.poem2014 .middle ul li a img { margin: 0 5px; }
section.poem2014 .bottom { width: 438px; height: 28px; display: block; background: url(../images/poem2014_box_04.png) top center no-repeat; }
section.song { width: 438px; float: left; display: inline; margin-left: 0px; margin-top: 10px; }
section.song .top { width: 438px; height: 108px; display: block; background: url(../images/songbox_2013_01.jpg) top center no-repeat; }
section.song .top h2 { font-family: Tahoma; font-size: 13px; color: #fff; font-weight: normal; padding: 63px 30px 0 25px; text-align: left; display: block; width: 330px; }
section.song .middle { width: 438px; display: block; background: url(../images/songbox_2013_02.jpg) top center repeat-y; }
section.song .middle ul { width: 390px; margin: 0 auto; background-color: #FFFFFF; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; padding: 3px; -moz-border-radius: 10px; box-shadow: 0 3px 3px rgba(0,0,0,0.1) inset; }
section.song .middle ul li { width: 370px; margin-bottom: 4px; border-bottom: #f43c86 dotted 2px; margin: 0 auto; padding: 3px }
section.song .middle ul li a { font-family: Tahoma; font-size: 14px; color: #a95559; text-decoration: none; -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; padding: 3px 5px 3px 5px; display: inline-block; width: 335px; }
section.song .middle ul li:hover a { font-family: Tahoma; font-size: 14px; text-decoration: underline; width: 325px; padding: 3px 5px 3px 15px; background-color: #fff6f6; display: inline-block; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; border-radius: 6px; }
section.song .middle ul li a strong { font-family: Tahoma; font-size: 14px; color: #f8407e; text-decoration: none; font-weight: bold; }
section.song .middle ul li img { margin-right: 5px; }
section.song .bottom { width: 438px; height: 28px; display: block; background: url(../images/songbox_2013_04.jpg) top center no-repeat; }
section.poem { width: 438px; height: 153px; float: left; display: inline; background: url(../images/bg_poem.jpg) top center no-repeat; margin-left: 20px; }
section.poem article { margin: 63px 0 0 40px; width: 210px; height: 60px; text-align: center; }
section.poem article a { font-family: Tahoma; font-size: 13px; color: #9c3101; font-weight: normal; text-transform: none; }
section.poem article a strong { font-family: Tahoma; font-size: 13px; color: #9c3101; font-weight: bold; }
section.glitter { width: 565px; height: 565px; float: left; display: inline; background: url(../images/bg_glitter.jpg) top center no-repeat; margin-right: 0px }
section.glitter h2 { font-family: Tahoma; font-size: 13px; color: #fff; font-weight: normal; margin: 34px 30px 0 0px; text-align: right; }
section.glitter ul { width: 520px; margin: 0 auto; padding-top: 40px; padding-bottom: 15px }
section.glitter ul li { width: 114px; height: 120px; display: inline; float: left; margin: 3px 4px 12px 11px; text-align: center; }
section.glitter ul li a img { width: 110px; height: auto; border: #fff 2px solid; }
section.glitter span a { width: 500px; height: 30px; float: left; margin: 0 0 0 25px; text-align: right; font-family: Tahoma; font-size: 13px; color: #ad4137; font-weight: bold; margin-top: 0px; display: block }
section.ecard { width: 565px; height: 565px; float: left; display: inline; background: url(../images/bg_ecard.jpg) top center no-repeat; }
section.ecard h2 { font-family: Tahoma; font-size: 13px; color: #fff; font-weight: normal; margin: 34px 30px 0 0px; text-align: right; }
section.ecard ul { width: 520px; margin: 0 auto; margin-top: 40px; height: 424px; }
section.ecard ul li { width: 150px; height: 128px; display: inline; float: left; margin: 3px 12px 6px 11px; text-align: center; }
section.ecard ul li a img { height: 120px; width: auto; border: #faf5a8 2px solid; }
section.ecard span a { width: 500px; height: 30px; float: left; margin: 0 0 0 25px; text-align: right; font-family: Tahoma; font-size: 13px; color: #65303f; font-weight: bold; margin-top: 0px; }
section.photo { width: 565px; height: 545px; float: left; display: inline; background: url(../images/bg_photo.jpg) top center no-repeat; }
section.photo h2 { font-family: Tahoma; font-size: 13px; color: #fff; font-weight: normal; margin: 34px 0 0 380px; }
section.photo ul { width: 517px; margin: 0 auto; margin-top: 35px; height: 427px; }
section.photo ul li { width: 160px; height: 131px; display: inline; float: left; margin: 3px 4px 2px 7px; text-align: center; background-color: #fff; padding-bottom: 3px; padding-top: 3px; }
section.photo ul li a img { width: 150px; height: 92px; border: #aad3d5 2px solid; }
section.photo span a { width: 500px; height: 30px; float: left; margin: 0 0 0 25px; text-align: right; font-family: Tahoma; font-size: 13px; color: #8a390d; font-weight: bold; margin-top: 0px; }
section.photo ul li a { font-family: Tahoma; font-size: 12px; color: #646b6c; }
section.photo ul li a strong { font-family: Tahoma; font-size: 12px; color: #0f97a3; font-weight: bold; }
section.clip1 { width: 438px; height: 370px; float: left; display: inline; background: url(../images/clip_01.png) top center no-repeat; }
section.clip1 h2 { font-family: Tahoma; font-size: 13px; color: #fff; font-weight: normal; margin: 34px 30px 0 0px; text-align: right; }
section.clip1 article#vdo { width: 393px; height: 269px; background: url(../images/bg_tv.png) top center no-repeat; margin-top: 25px; padding : 25px 0 0 45px; }
section.clip1 article#vdo a { font-family: Tahoma; font-size: 12px; color: #FFFFFF; }
section.clip1 article#vdo iframe { width: 285px; height: 200px; margin: 10px 10px 0px 10px; }
section.clip2 { width: 409px; height: 451px; float: left; display: inline; background: url(../images/clip_02.png) top center no-repeat; padding : 26px 0 0 27px; }
section.clip2 article { width: 165px; height: 165px; padding: 5px 10px 5px 10px; text-align: center; display: inline; float: left; margin-left: 5px; margin-bottom: 3px; position: relative }
section.clip2 article a img { margin-bottom: 2px; border: #CC0000 2px solid; width: 162px; height: 80px; }
section.clip2 article a { font-family: Tahoma; font-size: 13px; color: #bf3809; width: 167px; line-height: 18px; background-color: #FFFF99; display: block; bottom: 0; left: 0; 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 }
section.clip2 article a:hover { font-family: Tahoma; font-size: 13px; color: #bf3809; width: 167px; height: 165px; line-height: 18px; display: block; bottom: 0; background-color: #88806e; text-shadow: 1px 1px 1px #000; text-decoration: none }
section.clip2 span a { width: 380px; height: 30px; float: left; margin: 25px 0 0 0px; text-align: right; font-family: Tahoma; font-size: 13px; color: #872b01; font-weight: bold; }
section.game { width: 438px; height: 638px; float: left; display: inline; background: url(../images/bg_game.jpg) top center no-repeat; }
section.game h2 { font-family: Tahoma; font-size: 13px; color: #fff; font-weight: normal; margin: 34px 0 0 300px; }
section.game article.big_pic a img { margin: 80px 0 0 40px; }
section.game article.big_pic a h2 { font-family: Tahoma; font-size: 17px; color: #b00a16; width: 360px; height: 25px; margin: 10px 0 0 40px; text-align: center; }
section.game article.thump { width: 400px; height: 160px; margin: 0 auto; margin-top: 20px; }
section.game article.thump article.thump_small { width: 133px; text-align: center; float: left; display: inline; }
section.game article.thump article.thump_small a { font-family: Tahoma; font-size: 13px; color: #a0000b; }
section.game article.thump article.thump_small a img { border: #fff 3px solid; display: inline-block; height: 111px; width: 119px; }
section.game article.click { width: 380px; height: 20px; margin: 0 auto; margin-top: 25px; text-align: right; }
section.game article.click a { font-family: Tahoma; font-size: 13px; color: #4e751b; font-weight: bold; }
.clear { clear:both;}
.qoutepic { float:left; display:block; width:979px; border-radius:7px; background:#e4e4e4; margin:5px 0 5px 9px;}
.q-titles { height:45px; background:#415e9b; width:979px; border-top-left-radius:7px; border-top-right-radius:7px; float:left; margin:0; padding:0;}
.q-titles>span { float:right; margin:15px 10px 0 0;}
.q-titles>span>a { color:#fff; font-size:12px; font-weight:100;}
.q-titles>h2 { color:#fff; font-size:1.5em; font-weight:400; margin:9px 0 0 10px;}
.q-item { float:left; width:945px; margin:20px 0 0 20px; padding:0;}
.q-item>li { display:inline-block; float:left; margin-right:22px; margin-bottom:22px;}
.q-item>li:first-child +*+*+*+* ,.q-item>li:first-child +*+*+*+*+*+*+*+*+* { margin-right:0;}

/*section.song { width:565px; height:183px; float:left; display:inline;  background:url(../images/bg_song.jpg) top center no-repeat;  }
section.song h2 { font-family:Tahoma; font-size:13px; color:#fff; font-weight:normal;  margin:34px 30px 0 0px; text-align:right; }
section.song ul { width:520px ; margin:0 auto; margin-top:37px;}
section.song ul li {  width:340px; height:27px; margin-bottom:4px; border-bottom:#FF9933 dotted 2px;}
section.song ul li a  { font-family:Tahoma; font-size:13px; color:#a95559; text-decoration:none; }
section.song ul li a  strong { font-family:Tahoma; font-size:13px; color:#e4430a; text-decoration:none; font-weight:bold;}
section.song ul li a:hover { font-family:Tahoma; font-size:13px; color:#ec8104; text-decoration:underline; }
section.song ul li img { margin-right:5px;}*/
/*section.song ul li a img { width:150px; height:auto; border:#fff 2px solid;}
section.song span a  { width:500px ;   height:30px; float:left; margin:0 0 0 25px; text-align:right; font-family:Tahoma; font-size:13px; color:#8a390d; font-weight:bold; margin-top:8px;}
section.song ul li a {  font-family:Tahoma; font-size:13px; color:#1c727a;  }*/