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

/* for home index*/
body {
	margin: 0px;
	background: #ffebf4 url(images/bg_home.png) left top repeat-x;
}

div.home-box {
	width: 1325px;
	margin: 0 auto;
}

div.f_box {
	width:1225px;
	padding: 0 50px;
	background: url(images/home_bg.png) center top repeat-y;
}

div.f_box div {
	float: left;
}

div.f-left {
	width:525px;
	height:768px;
	background: url(images/home_02.jpg) left top no-repeat;
}


div.h_logo {
	width: 500px;
	padding: 40px 0 0 25px;
}


div.h_menu {
	margin: 60px 0 0 0;
	width: 100%;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}

div.h_menu a {
	text-decoration: none;
	color: #fff;
	display: block;
	padding-left: 30px;
	height: 40px;
	line-height: 40px;
	background-position: left center;
	background-repeat: no-repeat;
	float: right;
	width: 250px;
}
div.h_menu a#l1 {
	padding-right: 95px;

}
div.h_menu a#l1:hover {
	color: #000;
}	
div.h_menu a#l2 {
	padding-right: 90px;

}
div.h_menu a#l2:hover {
	color: #000;
}	
div.h_menu a#l3 {
	padding-right: 87px;
}
div.h_menu a#l3:hover {
	color: #000;
}	
div.h_menu a#l4 {
	padding-right: 85px;
}
div.h_menu a#l4:hover {
	color: #000;
}	
div.h_menu a#l5 {
	padding-right: 82px;
}
div.h_menu a#l5:hover {
	color: #000;
}	
div.h_menu a#l6 {
	padding-right: 75px;
}
div.h_menu a#l6:hover {
	color: #000;
}	
div.h_menu a#l7 {
	padding-right: 63px;
}
div.h_menu a#l7:hover {
	color: #000;
}
div.h_menu a#l8 {
	padding-right: 42px;
}
div.h_menu a#l8:hover {
	color: #000;
}
div.h_menu a#l9 {
	padding-right: 8px;
}
div.h_menu a#l9:hover {
	color: #000;
}

div.f_right {
	width: 700px;

}

div.f-b {
	width:700px;
	height:525px;
	background: url(images/home_03.jpg) left top no-repeat;
}

div.f-music {
	width:180px;
	height:170px;
	padding: 73px 0 0 520px;
	background: url(images/home_05.jpg) left top no-repeat;
}


div.main-box-bg {
	background:  url(images/bg-shadow.png) center top repeat-y;
	width: 1100px;
	padding: 0 50px;
}

div.main-box {
	width:1200px;
	margin: 0 auto;
}

div#main-box1 {
	margin: 0 auto;
	width:1050px;
}


div.main-box div {
	float: left;
}

div.top-part1 {
	width:525px;
	height:399px;
	background: url(images/pp-01.png) left top no-repeat;
}

div.top-part2 {
	width:575px;
	height:399px;
	background: url(images/pp-02.png) left top no-repeat;
}
div.mblank {
	height: 60px;
	width: 75px;
	padding: 65px 0 0 0;
}
/*-----------------------------------------------top_menu--------------------*/
div.menu {	
	height: 60px;
	width: 60px;
	padding: 65px 5px 0 0px;
	background: url(images/menu-line.jpg) left top no-repeat;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	line-height: 15px;
}div.menu-none {	height: 60px;	width: 60px;	padding: 65px 0 0 0;	background: url(.jpg) left top no-repeat;	line-height: 15px;}
div.menu a {
	width: 100%;
	height: 100%;
	color: #fff;
	text-decoration: none;
	display: block;
}

div.menu a:hover {
	color: #ff0000;
}
div#button-list {
	z-index: 100;
	position: relative;
	display: none;
	background-color: transparent;
}
div#button-list a {
	width: 100%;
	height: 18px;
	color: #fff;
	font: normal 11px/18px Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
}
div#button-list a:hover {
	color: #000;
}

div#button-list div#list_body {
	z-index: 150;
	position: relative;
	display: none;
}
div#button-list div#list_body div.link_body {
	width: 150px;	
	position: absolute;
	top: -20px;
	left: 65px;
}
div#button-list div#list_eye {
	z-index: 150;
	position: relative;
	display: none;
}
div#button-list div#list_eye div.link_eye {
	width: 150px;	
	position: absolute;
	top: -2px;
	left: 65px;
}
div#button-list div#list_face {
	z-index: 150;
	position: relative;
	display: none;
}
div#button-list div#list_face div.link_face {
	width: 100px;	
	position: absolute;
	top: 18px;
	left: 65px;
}
div#button-list div#list_foot {
	z-index: 150;
	position: relative;
	display: none;
}
div#button-list div#list_foot div.link_foot {
	width: 100px;	
	position: absolute;
	top: 34px;
	left: 65px;
}
div.link-list {
	width: 60px;	
	position: relative;
	top: -20px;
	left: 65px;
}

/*-----------------------------------------------content_body--------------------*/
div.content-bg {
	width:1100px;
}

div#cbg {
}

div#ybg1 {
	background: url(images/bg_02.jpg) left bottom no-repeat;
}

div#ybg {
	background: url(images/bg_01.jpg) right bottom no-repeat;
}

div#ybg1 {
	background: url(images/bg_02.jpg) left bottom no-repeat;
}


div.content {
	width:1100px;
	min-height:101px;
	background: url(images/pp-03.png) left top no-repeat;
	padding-bottom: 25px;
}

div.main-content {
	width: 700px;
	padding: 0 25px;
	font-family: Arial, Helvetica, sans-serif;
}

div.c_title {
	color: #a02752;
	font-size: 24px;
	line-height: 50px;
	background: url(images/t-bullet.png) left center no-repeat;
	padding-left: 50px;
	width: 600px;
	height: 50px;

}

div.c_nav0 {
	width: 630px;
	height: 100px;
	font-size: 12px;
	line-height: 18px;
	margin: 10px 0 0px 0;
	padding: 0 10px;
	background: url(images/nav-bg.jpg) center bottom no-repeat;
}

div.c_nav {
	width: 150px;
	height: 55px;
	margin: 25px 5px 0 0;
	text-align: center;
	line-height: 50px;
	display: block;
}

div.c_nav a {
	color: #464646;
	font-weight: bold;
	text-decoration: none;
	width: 150px;
	height: 55px;
	display: block;
}

div.c_nav a:hover {
	color: #a02752;
	font-weight: bold;
	text-decoration: none;
	width: 150px;
	height: 55px;
	display: block;
}

div.c_nav-on {
	width: 150px;
	height: 55px;
	margin: 25px 5px 0 0;
	text-align: center;
	line-height: 50px;
	border-top: solid 1px #e5e5e5;
	border-left: solid 1px #e5e5e5;
	border-right: solid 1px #e5e5e5;
	border-bottom: solid 5px #fff;
	background: #FFF;
	cursor: default;
}

div.c_nav-on a {
	cursor: default;
	text-decoration: none;
	color: #9ac51b;
	font-weight: bold;
}

div.c_nav-txt {
	width: 250px;
	height: 55px;
	margin: 25px 5px 0 0;
	text-align: center;
	line-height: 50px;
	border-top: solid 1px #e5e5e5;
	border-left: solid 1px #e5e5e5;
	border-right: solid 1px #e5e5e5;
	border-bottom: solid 5px #fff;
	background: #fff;
	color: #9ac51b;
	font-weight: bold;
	font-size: 14px;
}

div.st-index {
	width: 650px;
	font-size: 12px;
	line-height: 18px;
	margin: 10px 0 20px 0;
	color: #464646;
}

div.pro-t {
	width: 480px;
	line-height: 30px;
	color: #9ac51b;
	font-size: 15px;
	font-weight: bold;
}

div.pro-pix {
	width: 170px;
	height: 150px;
}

div.pro-pix img {
	padding: 4px;
	border: solid 1px #e1e1e1;
}

div.pro-list {
	width: 480px;
}

div.pro-list a {
	text-decoration: none;
	color: #464646;
	width: 210px;
	height: 30px;
	line-height: 30px;
	background:url(images/bullet_st1.gif) left center no-repeat;
	padding-left: 20px;
	display: block;
	float: left;
}

div.pro-list a:hover {
	background:url(images/bullet_st2.gif) left center no-repeat;
}

div.pro-list a i {
	font-style: normal;
	color: #767676;
	font-size: 10px;
}


div.div-line {
	height: 10px;
	width: 620px;
}

div#p_3{
	text-align: justify;
}

div.pro-box {
	width: 700px;
}

div.pro-box b {
	line-height: 20px;
	font-size: 13px;
	color:#9c1421;
}

div.pro-box b.hi {
	line-height: 18px;
	font-size: 12px;
	color: #464646;
}


div.pro-box b.lhi {
	line-height: 18px;
	font-size: 12px;
	color: #fff;
	text-align: left;
}

div.pro-box ul.yes1 {
	line-height: 20px;
	font-size: 12px;
	color: #464646;
	text-align: left;
	list-style: url(images/bullet_yes.gif);
}

div.pro-box ul.star {
	line-height: 20px;
	font-size: 12px;
	color: #464646;
	text-align: left;
	list-style: url(images/bullet_star.gif);
}

div.pro-box i {
	font-style: normal;
	font-size: 11px;
	color: #464646;
	line-height: 20px;
}

div.pro-box u {
	font-size: 11px;
	color: #767676;
	line-height: 18px;
	text-decoration: none;
}


div.pro-box div.p_3 {
	width: 700px;
	margin: 10px 0px;
}

div.pro-box div.p_3 a {
	/*text-decoration: none;*/
	color: #464646;
}


div.pro-box div.lpic {
	width: 185px;
}

div.pro-box iframe {
	padding: 4px;
	border: 1px solid #e1e1e1;
}

div.pic {
	width: 165px;
	margin: 10px  20px 0px 0;
}

div.ipic {
	width: 150px;
	padding: 10px;
	margin: 10px  15px 0px 0;
	background: #9b1c2f;
	color: #fff;
	font-size: 11px;
	text-align: justify;
}


div.pro-box div.text {
	width: 515px;
	margin: 10px 0px;
	min-height: 100px;
	text-align: justify;
	color: #000;
}

div.pro-box div.text img {
	margin: 10px;
}

div.pro-box div.text b {
	/*color: #C06;*/
}

div.desc  {
	width: 680px;
	background-color: #fcfaff;
	padding: 8px;
	border-top: solid 1px #e1e1e1;
	border-left: solid 1px #e1e1e1;
	border-right: solid 1px #e1e1e1;
}

div.desc2  {
	width: 680px;
	background-color: #fcfaff;
	padding: 0 8px 10px 8px;
	border-bottom: solid 1px #e1e1e1;
	border-left: solid 1px #e1e1e1;
	border-right: solid 1px #e1e1e1;
}

div.desc img  {
	margin-right: 20px;
	background: #fff;
	display: block;
}

div.desc2 img  {
	background: #fff;
}

div.desc2 div.result {
	padding:  35px 0 0 0px;
	margin-right: 20px;
	width: 260px;
}

#b4 {
	background: url(images/b4.png) left top no-repeat;
	border-top: #908e89 solid 1px;
}

#after {
	background: url(images/after.png) left top no-repeat;
	border-top: #908e89 solid 1px;
}

div.divline2 {
	height: 20px;
	width: 100%;
}

div.pro-box img {
	padding: 5px;
	margin-bottom: 2px;
	border: solid 1px #e1e1e1;
}

div.pro-box img.subpix {
	margin-left: 10px;
}

div.me {
	width: 570px;
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
	padding: 9px 109px 9px 9px;
	border: solid #e1e1e1 1px;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-color: #fcfaff;
	margin: 10px 0;
}

div#me {
/*	margin-left: 10px;*/
}

div.me div {
	width: 570px;
	margin: 0px;
 	background: url(images/tumbup.png) center center no-repeat;
}
	

div.pro-box div.me ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-position: inside;
}

div.pro-box div.me ul li {
	text-align: left;SQ
}


p.line20 {
	height: 20px;
	width: 100%;
}

div.c_info {
	width: 700px;
	font-size: 12px;
	line-height: 18px;
	margin: 10px 0 20px 0;
	color: #000;
}

div.text2 {
	margin-bottom: 20px;
	text-align: justify;
}

div.text2 ul {
	margin: 0 0 0 25px;
	padding: 0px;
}

div.text2 ul li {
	padding: 2px 0;
}


div.divline {
	height: 10px;
	width: 100%;
	border-top: solid 1px #e1e1e1;
}

div.ep-box {
	width: 200px;
	min-height: 150px;
	padding: 4px;
	border: #e1e1e1 solid 1px;
	margin-bottom: 10px;
}

div#ep-div {
	margin-right: 10px;
}


div.tumbt {
	width: 650px;
	margin: 15px 0px 5px 0px;
	text-align: left;
	line-height: 20px;
	font-size: 13px;
	font-weight: bold;
	color:#9c1421;
}

div.pro-tumb {
	width: 200px;
	min-height: 150px;
	padding: 4px;
	border: #e1e1e1 solid 1px;
	margin-bottom: 10px;
}

div#pro-tumb {
	margin-right: 10px;
}

div.pro-tumb img {
	border: none;
	margin: 0px;
	padding: 0px;
}

div.pro-tumb span {
	font-size: 11px;
	color: #464646;
}


div.side-content {
	width: 300px;
	margin: 0 10px 0px 25px;
	font-family: Arial, Helvetica, sans-serif;
}

div.side-content img {
	border: none;
}

div.s_box1 {
	width: 300px;
	margin-bottom: 20px;
	background:  url(images/tips-bg.jpg) #fff left bottom no-repeat;
	display: none;
}

div.s_box2 {
	width: 300px;
	margin-bottom: 20px;
	background: url(images/latest-bg.jpg) #fff left bottom no-repeat;
}

div.s_box3 {
	width: 300px;
	margin-bottom: 20px;
/*	border-bottom: solid #a12953 2px;*/
	background: url(images/contact-b.jpg) #fff left bottom no-repeat;
}

div.logo-list {
	width: 300px;
	margin-bottom: 20px;
}

div.logo-list img {
	border: none;
	float: left;
}

div.s_plist {
	width: 300px;
	margin-bottom: 20px;
	background: #fff left bottom no-repeat;
}

div.s_title {
	font-size: 20px;
	color: #fff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	height: 40px;
	line-height: 40px;
	padding: 0 10px ;
	width: 280px;
	text-align: left;
	background: url(images/t-bg.png) left top no-repeat;
	border-top: #782040 solid 1px;
}

div.s_info {
	width: 160px;
	font-size: 24px;
	line-height: 25px;
	height: 60px;
	padding: 35px  10px  35px  130px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #767676;
}

div.s_info b {
	font-size: 11px;
	line-height: 20px;
	color: #272727;
	font-family: Verdana, Geneva, sans-serif;
}

div.s_info2 {
	width: 280px;
	font-size: 11px;
	line-height: 18px;
	padding: 15px  10px;
}

div.s_info2 a {
	display: block;
	text-decoration:  none;
	color: #464646;
	height: 25px;
	padding-left: 25px;
	line-height: 25px;
	border-bottom: solid 1px #e1e1e1;
	background: url(images/bullet_link1.gif) left center no-repeat;
}

div.s_info2 a:hover {
	display: block;
	text-decoration:  none;
	color: #000;
	background: url(images/bullet_link2.gif) left center no-repeat;
}

div.s_info2 span {
	display: block;
	font-size: 10px;
	text-align: right;
}

div.more {
	width: 300px;
	font-size: 11px;
	line-height: 18px;
}

div.promo {
	width: 690px;
	margin: 0 0 10px 0;
	background-color: #fcfaff;
	border: solid 1px #e1e1e1;
}

div.newsu {
	width: 690px;
	margin: 0 0 10px 0;
	background-color: #fcfaff;
	border: solid 1px #e1e1e1;
}

h4 {
	line-height: 26px;
	margin: 5px;
}

div.newsup-box {
	width: 295px;
	padding: 10px;
}

div.newsup-box img {
	padding: 5px;
	margin-right: 10px;
	border: none;
}

div.newsup-box b {
	font-size: 14px;
	color:#9c1421;
}

div.newsup-box span {
	font-size: 11px;
	color: #464646;
}

div.newsup-box span.date {
	font-size: 11px;
	color: #767676;
}


div.newsup-box a {
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	color: #fb0064;
}

div.newsup-box a:hover {
	color: #89163f;
}

div.event {
	width: 650px;
	padding: 5px 0;
	background-color: #fcfaff;
}

div.event img {
	padding: 4px;
	border: 1px solid #e1e1e1;
	margin: 2px;
}

div.event img.bigp {
	padding: 4px;
	border: 1px solid #e1e1e1;
	margin: 0px;
}


/*Contact us form*/
div.address {
	width: 200px;
	padding-left: 40px;
	font-size: 12px;
}

div.address b.wt {
	font-size: 14px;
	color:#9c1421;
}

div.address i {
	font-size: 10px;
}

div.address span {
	line-height: 10px;
}

div.about {
	width: 320px;
}

div.about img {
	padding: 4px;
	border: solid 1px #e1e1e1;
	margin-bottom: 15px;
}

div.contact {
	width: 405px;
	border-right: dashed 1px #e1e1e1;
}

div.contact .contact_Q {
	width: 110px;
	height: 30px;
	line-height: 30px;
	display: block;
	float: left;
}

div.contact .contact_A {
	width: 270px;
	height: 30px;
	display: block;
	padding-top: 5px;
}

div.contact .contact_Q2 {
	width: 110px;
	height: 150px;
	display: block;
	float: left;
}

div.contact .contact_A2 {
	width: 270px;
	height: 150px;
	display: block;
}

div.bottom {
	width:1050px;
	height:50px;
	background: url(images/pp-05.png) left bottom no-repeat;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 40px 25px 0 25px;
	color: #3b3b3b;
	text-align: center;
	line-height: 18px;
}

div.bottom span{
	color: #999;
	font-size: 10px;
}

div.bottom span a {
	color: #999;
	text-decoration: none;
}

/*Gallery xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */