/* global properties
***********************************************************************/
	* {margin:0; padding:0; outline:none}
	body {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#000;}
	html {height:100%}
	a {color:#ec008c; text-decoration:none}
	a:hover {color:#ec008c; text-decoration:underline}
	img, fieldset {border:none}
	input, select, textarea, fieldset{font-family:Tahoma; font-size:12px}
	table {width:100%; height:100%; margin:auto}
	table td {vertical-align:bottom}
	ul, li {list-style:none}
	h1, h2, h4{padding:0; margin:0; font-size:12px;}
	h3 {font-size:17px; padding:0 0 7px 0; text-transform:uppercase; font-weight:normal; }
	
	p{ line-height:18px;}
/* common class
***********************************************************************/
	.clear{clear:both; height:0; line-height:0; padding:0}
	.kwds {display:none}
	#footer, #header ul, #highlight ul, #nav, .paging, .headContent ul, .slider, .popuplayer, .popupNewsDetail02{display:none;}
/* common properties
***********************************************************************/
	.construction{background:#000; color:#fff; font-family:Tahoma;}
		.construction a {color:#fff200; text-decoration:none}
		.construction a:hover {text-decoration:underline}
	.underConstruction {width:700px; height:560px; margin:0 auto}
	.underConstruction img {margin:0 auto; display:block}
	.underConstruction img.logo {margin-bottom:11px; margin-top:11px}
	.underConstruction img.flower {margin-top:10px}
	.underConstruction p {text-align:center; line-height:18px; padding:0 0 10px 0}
	.bottomImg {width:100%; margin:0 auto; text-align:center}
	.typeText{padding:0 0 0 20px;}
		.typeText a{text-decoration:none;}
		.typeText a:hover{text-decoration:underline;}
		
	
/* container
***********************************************************************/
	#container{}
		#containerWrap{}
			#main{width:98%; overflow:hidden; padding:0 0 20px 0}	

	/* header
	***********************************************************************/
		#header{padding:0 0 17px 0;}
		
		.headerMain{}
		
		#highlight{padding:4px 0 20px;}
			#highlight img{display:block;}

	/* content
	***********************************************************************/
		#content{}
			.headContent{background:url(../images/bgd_tith2.gif) 100% 100% no-repeat; padding:0 0 1px 0; margin:0 0 10px 0}
				.headContent h2{color:#ec008c; background:url(../images/bgd_line.gif) 0 100% repeat-x; padding:3px 0 2px 0;}		
				
		.contType{width:98%; overflow:hidden;}
		.jobOpp{background:url(../images/bgd_lineVer.gif) 50% 50% repeat-y;}
			.contType img{float:left; display:block; margin:0 21px 0 0;}
				.infoType, .infoType01{width:307px; float:left;}
				.infoType p, .infoType01 p{padding:0 0 19px 0;}
					.infoType span.email{display:block; float:left; font-weight:bold; color:#000;}
					.infoType span.email img{margin:4px 0 0 0; padding:0 0 0 4px;}
				.infoType form{margin:0 0 34px 0;}
				.infoType fieldset{width:255px; border:#999 solid 1px; background:#f1f1f1; padding:30px 25px 24px 25px; margin:0;}
					.infoType fieldset p{clear:both;}
					.infoType fieldset label{width:65px; float:left; padding:2px 0 0 0;}
					.infoType fieldset label.lbl{width:180px; padding:0 0 0 5px;}
					.infoType fieldset input.box{width:140px; float:left; height:17px; border:#ababab solid 1px; padding:2px 1px 1px 2px; margin:0 0 5px 0;}
					.infoType fieldset input.check1{width:12px; height:12px; padding:0; border:none; margin:2px 0 0 0; float:left;}
					.infoType fieldset input.btnSubmit{padding:0 3px; margin:5px 0 0 65px; width:60px; cursor:pointer;}
						.infoType div{/*border-bottom:#999999 solid 1px;*/}
						
	
					.infoType fieldset.formListOfOpp{padding-top:5px; padding-bottom:10px; margin:0; display:block;}
					fieldset.formListOfOpp h4{background:url(../images/bgd_listOfOpp.gif) 0 0 no-repeat; height:35px; padding:3px 0 0 75px; margin:0 0 3px 0;}
					fieldset.formListOfOpp p{padding:0; margin:0;}
					fieldset.formListOfOpp span{font-size:11px; line-height:14px; font-weight:normal; padding:0 0 12px 0!important; color:#000!important;}
					fieldset.formListOfOpp label.lbl1{font-weight:bold; padding:0 0 3px 0; float:none;}
					fieldset.formListOfOpp select{color:#666666; height:19px; border:#ababab solid 1px; float:none; width:253px; margin-bottom:8px;}
					fieldset.formListOfOpp input.btnNext{padding:0 3px; margin:5px 0 0 0; width:60px; cursor:pointer; float:right;}
				.infoType dl{margin:10px 0 0 0;}
				.infoType dt {margin:0 0 10px 0;}
					.infoType dt img{padding:0 0 0 15px; background:url(../images/ico_01.gif) 0 3px no-repeat; float:none; margin:0;}
				.infoType dd {padding:0; margin:0;}
				/*.infoType p {line-height:23px}*/
				.infoType p img {display:inline; float:none; margin:0 5px -3px 5px }
				.infoType p span {color:#ec008c; font-weight:normal; padding:0 3px 0 0;}
				
			.infoType ul {}
				.infoType li {background:url(../images/ico_03.gif) 0 5px no-repeat; padding:0 0 0 10px;}
	
			
					
	/* advertising
	***********************************************************************/
	
		.contType01{width:639px; padding:0 10px;}		
			.contType01 ul{text-align:center; margin:0 auto 20px auto; }
			.contType01 li{ font-size:10px; text-transform:uppercase; border-right:#999 solid 1px; display:inline; padding:0 5px;}
				.contType01 li a{color:#999; text-decoration:none;}
				.contType01 li a:hover{color:#ec008c; text-decoration:underline;}
			.contType01 li.last{border-right:none; padding-right:0;}
			.contType01 li.active{color:#ec008c;}
			
			
				.contAdv {width:595px; height:77px; overflow:hidden; padding:0 19px 34px 25px; margin:0;}
					.contAdv ul {height:77px; list-style:none; margin:0;}
					.contAdv li {width:62px; height:77px; padding:0; margin:0 4px 0 0; float:left; overflow:hidden; border:0;}
					.contAdv li span {font-size:9px; line-height:13px; margin:2px 0 0 0; text-transform:none; font-weight:normal;}
					.contAdv li.active img {border:1px solid #ec008c;}
					.contAdv li.active span{color:#ec008c;}
					.contAdv a {color:#000; outline:none; text-decoration:none; width:62px; height:62px; display:block; padding:0; margin:0}
					.contAdv li a:hover{text-decoration:none;}
					.contAdv img {width:60px; height:60px; display:block; border:1px solid #fff;}
			
					/*event*/
					.boxAdVideo{ margin: 15px 0 0 0; clear: both; text-align:center;}
					#adVideo{width:310px; height:355px; margin:0 auto;}
		
					#zoomImg, #zoomImg3 {width:639px; padding:0; display:block; overflow:hidden; text-align:center;}
				
					.hiddenImg{display:none;}
					#zoomImg1 {display:none;}
				
				
				
				#bookletNav	{ width:630px; display:block; overflow:hidden; text-align:left; clear:both; padding:0 0 17px 0;}
				#bookletNav	li {width:62px; margin:0 4px 0 0; display:block; float:left; border:0 none; padding:0;}
				#bookletNav	li a { text-decoration:none; color:#999;}
				#bookletNav	li a:hover{color:#ec008c;}
				#bookletNav	li img { border:1px solid #fff;}
				#bookletNav	li a:hover img { border:1px solid #ec008c; text-decoration:none}
				#bookletNav	li a:active img { border:1px solid #ec008c;}
				#bookletNav li.active img {border:1px solid #ec008c;}
				#bookletNav li.active span{color:#ec008c;}
				
				#bookletNav	span { width:60px; display:block; text-align:center; font-size:11px; text-transform:none;} 
				.sizebooklet{padding:0 0 0 323px;}
					.sizebooklet strong{color:#ec008c;}
				
			.contAdvOption{width:639px; overflow:hidden; margin:0 0 35px 0;}
				.contAdvOption img{float:left; margin:0 18px 0 0;}
				.contAdvOption p{padding:0; margin:0;}
				.contAdvOption span{font-size:18px;}
				.contAdvOption span img{margin:0 5px 0 0; display:block;}
				
			
			.contPromotion{width:639px; overflow:hidden;}	
				.intro {width:313px; float:left; padding:0 20px 0 0;}
				.contPromotion ul{width:306px; float:left; padding:0; margin:0;}
				.contPromotion li{padding:11px 0 10px 12px; margin:0; border:none; display:block; background:#ededed; height:13px; text-align:left;}
				.contPromotion li.row{background:#d9d9d9;}
				.contPromotion h4{padding:30px 0 20px 0;}
				
				.contSFMPortfolio{width:294px; float:left; background:#ededed; border:#999 solid 1px; padding:9px 7px; margin:0 23px 0 0;}
					.contSFMPortfolio h5{border-bottom:#999999 solid 1px; padding:0 0 10px 0; text-align:center; margin:0 0 10px 0;}
					.contSFMPortfolio h5 img{padding:0; margin:0;}
					.contSFMPortfolio p{padding:0 10px;}
					.contSFMPortfolio img{margin:25px auto;}
					
					.contSalesTeam{width:306px; float:left; padding:10px 0 0 0;}
						.contSalesTeam h3{margin-bottom:10px;}
						.contSalesTeam dl{margin:0 0 10px 0;}
						.contSalesTeam dt{font-size:12px; font-weight:bold; color:#ec008c; text-transform:uppercase; margin:0 0 3px 0;}
						.contSalesTeam dd{border-bottom:#999 solid 1px; padding:0 0 10px 0; overflow:hidden;}
						.contSalesTeam dd span{display:block; float:left}
						.contSalesTeam dd span img{margin:5px 0 0 2px;}
						.contSalesTeam dd span.typeText{float:right; color:#999; font-weight:bold;}
						.contSalesTeam dd span.typeText a{color:#999;}
						.contSalesTeam dd span.typeText a:hover{color:#ec008c;}
						.contSalesTeam dd div{padding:0; clear:both;}
						.contSalesTeam dd div h4{font-size:12px; color:#ec008c; padding:0; margin:20px 0 3px 0;}
						
	
		
	/* sfm career */
		.careerPhoto{float:left; text-align: center; width: 151px; margin: 0 20px 0 0;}
		.careerPhoto p{color: #000; clear:both}
		.careerPhoto p.name{font-weight: bold;}
		.careerPhoto div.photoList{text-align: center; background: #e4e4e4; margin: 0 0 10px 0; padding: 18px 0;}
		.careerPhoto div.thumbnailBox{text-align: center; padding: 0 14px;}
		.careerPhoto div.thumbnailBox img{ margin: 0;}

		.careerContent{ float: left; width: 468px; text-align:justify}
		.careerContent h4{color: #ed008c; font-size: 14px}
		.careerContent img{ margin:0 0 10px 0;}
		.careerContent p{font-size: 14px; line-height: 22px;}
		.careerContent p.job{color: #999; font-size: 12px}
		.careerContent div.photo{float: left; width: 231px; padding: 0 10px 10px 0;}
		.careerContent div.content{float: left; width: 220px; font-size: 14px; line-height: 22px; overflow: hidden;}
		
		.detailSuccessStory{width:468px; overflow:hidden;}
			.detailSuccessStory img{display:block; float:left; margin:0 5px 0 0;}
		
		.careerContent .note{background:url(../images/bgd_career_note_bottom.gif) 0 100% no-repeat; width: 468px; clear: both; padding:0 0 20px 0; margin:0; position:absolute; bottom:10px; right:10px;}
		.careerContent .noteContent{background:url(../images/bgd_career_note_top.gif) 0 0 no-repeat; padding:10px 35px}
		.careerContent .noteContent p {width:390px; font-size: 12px; font-weight: bold; font-style:italic;}
		
	
	
	/*faq*/
	.faqDescription{font-weight: bold; padding: 0 0 20px 0}
	.contFAQ dl{}
	.contFAQ dt{ background: #f2f2f2; padding: 5px 10px; margin: 2px 0;}
	.contFAQ dt.active a{background: url(../images/bgd_arrow_05.gif) 0 no-repeat;}
	.contFAQ dt a{color: #000; text-decoration: none; font-weight: bold; background: url(../images/bgd_arrow_04.gif) 0 no-repeat; padding: 0 0 0 20px}
	.contFAQ dd{padding: 0 0 0 30px;}
	.contFAQ ul{float: left; text-align: left; padding:5px 0; margin:0}
	.contFAQ li{font-size: 12px; text-transform:none; padding: 2px 0; display: block; border: none;}
	.contFAQ  dd p{padding:2px 0}
		
	
		
	/* our client
	***********************************************************************/
		.clientLogo {width:195px; height:114px; float:left; background:url(../images/bgd_logo.gif) no-repeat; margin:0 0 15px 19px; display:inline}
		.clientLogoMore{width:639px; padding:0 10px; overflow:hidden;}
			.clientLogoMore div{width:126px; height:73px; float:left; border-top:1px solid #CCC; border-right:1px solid #CCC}
				.clientLogoMore div img{display:block;}
		.clientLogoMore div.lastClientLogo{border-right:none;}
		.clientLogoMore div.bottomClientLogo{border-bottom:1px solid #CCC;}
		
	/* term & condition
	***********************************************************************/
		.listType{margin:7px 0 0 0;}
			.listType li{background:url(../images/ico_li.gif) 0 5px no-repeat; padding:0 0 0 18px; margin:0 0 27px 0;}
	
		/* circulation sales_agent
	***********************************************************************/
		.contChooseArea{width:270px; border:#999999 solid 1px; margin:0 0 15px 20px!important; overflow:hidden;}
			.smScrollContent{width:255px; float:left; overflow:hidden; height:176px;}
				.smScrollContent ul {}
				.smScrollContent li {display:block; background:#fff; padding:4px 15px;}
				.smScrollContent li a {display:block; color:#000; text-decoration:none;}
				.smScrollContent li a:hover {color:#ec008c; text-decoration:none;}
				.smScrollContent li a.active {color:#ec008c;}
			
				.smScrollContent li.row{background:#ededed;}
				
				.smScroller {display:none;}
	
			.infoType01 a.tel{ color:#000; text-decoration:none; font-weight:bold; background: url(../images/ico_tel.gif) 0 0 no-repeat; padding:15px 0 2px 35px; height:11px; margin:0; display:block;}
			.infoType01 a.tel:hover{color:#ec008c;}
			#detail{margin:0;}
			#detail span{color:#ff0000; font-weight:normal; padding:0 2px 0 0;}
	
	/* sfm_career_job_oppotunities
	***********************************************************************/
		.contJobOppotunities{width:299px; padding:0 10px 20px 0; margin:0 21px 0 0; float:left;}
			.infoJob{width:279px; padding:0 10px; margin:0 0 17px 0; overflow:hidden;}		
				.infoJob span{display:block; font-weight:bold; width:152px; padding:0 0 0 8px; float:left;}
				.infoJob span.location{width:100px; padding:0;}
				.listJob{width:277px; overflow:hidden; border:#999 solid 1px; margin:15px 0 0 0;}
					.smScrollContent1{width:262px; float:left; overflow:hidden; height:60px;}
						.smScrollContent1 ul{}
						.smScrollContent1 li{ display:block; padding:3px 3px 3px 7px; background:#ededed; cursor:pointer;}
						.smScrollContent1 li a{color:#000; text-decoration:none; display:block;}
						.smScrollContent1 li a:hover{color:#ec008c; text-decoration:none;}
						.smScrollContent1 li a.active{color:#ec008c;}

						.smScrollContent1 li.row{background:#fff;}
						.smScrollContent1 li span{width:153px; font-weight:normal; padding:0; cursor:pointer;}
						
					.smScroller1 {width:15px; height:62px; overflow:hidden; float:left; background: url(../images/bgd_scroller.gif) repeat-y;}
					.smScroller1 a {display:block; width:15px; height:15px; cursor:pointer}
					.smScrollUp1 {width:15px; height:15px; margin:0; padding:0!important; text-align:center; background: url(../images/btn_up.gif) no-repeat; overflow:hidden}
					.smScrollDn1 {width:15px; height:15px; margin:0; padding:0; text-align:center; background: url(../images/btn_down.gif) no-repeat; overflow:hidden}
					.smScrollDx1 {width:15px; height:32px; margin:0; padding:0; text-align:center; background:url(../images/bgd_slide.gif) repeat-y; overflow:hidden}
					.smScrollDx1 a {width:15px; height:14px; margin:0; padding:0; text-align:center; background:url(../images/btn_slider.gif) no-repeat; overflow:hidden; display:block}
				
			
			.contJobOppotunities h4{color:#ec008c; font-size:12px; background:url(../images/bgd_titDetail.gif) 0 100% no-repeat; padding:0 0 2px 0; margin:0 0 15px 0;}
			.contJobOppotunities h4 span{border-bottom:#969696 solid 1px;}
			#detailJob{}
			#detailJob dl{margin:0 0 20px 0;}
			#detailJob dd{margin:0 0 3px 0;}
			#detailJob dd ul{margin:5px 0;}
			#detailJob dd li{display:block; background:url(../images/ico_03.gif) 0 6px no-repeat; padding:0 0 0 10px; margin:0 0 2px 0;}
	
	/* advertising_rules
	***********************************************************************/
		.contAdvRules p{padding:0 0 15px 0;}	
		
	/* circulation_sales_network
	***********************************************************************/
		.highlightFlash{width:375px; float:left; margin:0 18px 0 0;}
		.contFlash{width:245px; float:left;}
			.contFlash h3 {width:245px; height:32px; overflow:hidden;}
			.contFlash form{}
			.contFlash select{width:243px; height:19px; margin:3px 0 25px 0; border:#ababab solid 1px;}
				.detailArea{width:243px; border:#fff solid 1px; overflow:hidden; height:465px; position:relative}
					.detailArea dl{}
					.detailArea dt{background:#ededed; color:#ec008c; font-weight:bold; padding:4px 0 4px 12px; margin:0 0 5px 0;}
					.detailArea dd{padding:0 10px 20px 12px;}
					.detailArea dd p{width:215px;}
					.smScrollContentMap{width:243px; height:455px;  overflow:hidden;}
					.smScrollerMap {width:15px; height:457px; overflow:hidden; float:left; background:red url(../images/bgd_scroller.gif) repeat-y; position:absolute; top:0; right:0}
					.smScrollerMap a {display:block; width:15px; height:15px; cursor:pointer}
					.smScrollUpMap {width:15px; height:15px; margin:0; padding:0!important; text-align:center; background: url(../images/btn_up.gif) no-repeat; overflow:hidden}
					.smScrollDnMap {width:15px; height:15px; margin:0; padding:0; text-align:center; background: url(../images/btn_down.gif) no-repeat; overflow:hidden}
					.smScrollDxMap {width:15px; height:427px; margin:0; padding:0; text-align:center; background:url(../images/bgd_slide.gif) repeat-y; overflow:hidden}
					.smScrollDxMap a {width:15px; height:14px; margin:0; padding:0; text-align:center; background:url(../images/btn_slider.gif) no-repeat; overflow:hidden; display:block}
		
	/* sfm profile
	***********************************************************************/
	.contsfmpro {padding:0 10px;}
	.contsfmpro embed{display:none;}
	.contprofile {margin:15px 0 0 0;}
		.contVideo{margin:0 15px 0 0;}
			#video{margin:0 0 24px;}
		.historydev{border:1px solid #f50b9e;}
		.historydev h4{font-size:14px; color:#f50b9e; background:#b2b2b2; padding:0 0 0 37px;}
		.historydev ul{border-top:1px solid #f50b9e; padding:10px 10px 9px 93px;}
		.historydev li{font-size:11px; background:url(../images/bullet_03.gif) 0 4px no-repeat; padding:0 0 0 21px;}
		#history{}
					
		/* Technical
	***********************************************************************/

		.contTech {width:639px; padding:0 10px;}
		.contTech ul {margin:29px 0;}
		.contTech li {margin:0 0 10px 0; background:url(../images/ico_li.gif) left 5px no-repeat; padding:0 0 0 15px}
		.contTech li span {font-weight:bold}
	    .infoSize {float:left; width:310px; margin:0 20px 0 0;}
			.infoSize img{padding:0; margin:0}
			.infoSize h4{color:#ec008c; font-size:12px; background:url(../images/bgd_titDetail.gif) 0 100% no-repeat; padding:0 0 2px 0; margin:0 0 15px 0;}
			.infoSize h4 span{border-bottom:#969696 solid 1px;}
			.infoSize h4 a{text-decoration:none;}
			.infoSize h4 a:hover{text-decoration:none;}
		.infoTech{width:305px; float:left;}
		.infoTech dl {margin:0 0 15px 0}
		.infoTech dt {font-weight:bold; padding:0 0 5px 0}
		.infoTech dd {padding:0 0 3px 0}
			 .infoTech h4{color:#ec008c; font-size:12px; background:url(../images/bgd_titDetail.gif) 0 100% no-repeat; padding:0 0 2px 0; margin:0 0 15px 0;}
				.infoTech h4 span{border-bottom:#969696 solid 1px;}
				
	/* news
	***********************************************************************/
		.contNews {}
		.contNews embed{display:none;}
		.contNews p{padding:0 0 15px;}
		.contNews .blognews .dateti {margin:0 0 4px; padding:3px 0}
		.blognews {margin:0 0 11px 0; padding:0 0 4px; clear:both;}
		.blognews img {float:left; margin:0 10px 0 0;}
		.blognews a {float:right; font-weight:bold; padding:10px 0 0 0}
		.blognews h3{padding:10px 0 5px;}
		.contNews .blognews p{padding:0}
		.blognews h4{font-size:16px; font-weight:600; padding:0 0 3px;}
		.blognews #readMoreButton{display:none;}
		
	/*banner*/
		.banner{margin:24px 0 0;}
		.banner img{border:1px solid #000; display:block; margin:0 auto;}

	/********************************/
	.proinfo{background:#e4e4e4; width:642px; margin:0 7px 0 10px; overflow:hidden;}
	#magazine01{width:244px; padding:15px 33px 30px 33px; float:left; display:inline;}
	#magazine01 img{float:none; margin:auto;}
	#magazine01 ul{width:242px; margin:0 0 20px 0; border:1px solid #797979; border-bottom:none; overflow:hidden;}
	#magazine01 li{font-size:11px; background:#cdcdcd url(../images/bgd_gradient.gif) 0 100% repeat-x; padding:0 10px; display:block; line-height:20px; border-bottom:1px solid #797979;}
	#magazine01 .last{background:none;}
	#magazine01 a{color:#000; padding:0 0 2px 20px; display:block;}
	#magazine01 a:hover {color:#ec008c; text-decoration:none}
	#magazine01 .online a{background:url(../images/icon_globe.gif) 0 50% no-repeat;}
	#magazine01 .longterm a{background:url(../images/icon_globe_p.gif) 0 50% no-repeat;}
	#magazine01 .ad a{background:url(../images/icon_globe_y.gif) 0 50% no-repeat;}
	#magazine01 .demographic a{background:url(../images/icon_demographic.gif) 0 50% no-repeat;}
	#magazine01 .profile a{background:url(../images/icon_profile.gif) 0 50% no-repeat;}
	#magazine01 dl{line-height:18px; text-align:right;}
	#magazine01 dt span{font-weight:bold; background:url(../images/ico_li.gif) 0 5px no-repeat; padding:0 0 0 12px;}
	
	#magazine02{width:320px; margin:37px 0 7px; float:left; display:inline;}
		#magazine02 div{background:#fff; padding:15px 20px; margin:0 0 6px;}
		#magazine02 h4{font-size:13px; font-weight:normal; background:url(../images/bullet_01.gif) 0 50% no-repeat; padding:0 0 2px 10px; margin:0 0 0 20px;}
		#magazine02 p{line-height:20px;}
		#magazine02 p strong{font-size:14px;}
		#magazine02 img{float:none; margin:0 0 15px 0;}
		#magazine02 table{border-top:1px solid #7f7f7f; border-left:1px solid #7f7f7f; margin:0 0 20px 0; text-align:center;}
		#magazine02 td, #magazine02 th{border-right:1px solid #7f7f7f; border-bottom:1px solid #7f7f7f; padding:3px;}
		#magazine02 td{background:#fad5e5;}
		#magazine02 span{color:#f00;}
		#magazine02 .note {font-size:12px;}
		#magazine02 li{font-size:11px; display:inline; background:url(../images/bullet_02.gif) 0 2px no-repeat; padding:0 1px 0 6px;}
		#magazine02 .first{background:none; padding-left:30px}
		.popup {background:url(../images/bgd_popup.png) no-repeat; width:289px; height:305px; padding:12px 20px; position:absolute; left:595px!important; top:0; display:none;}
			.popup p{background:#ccc; width:305px; margin:0 -8px 10px -8px; float:none; overflow:hidden;}
			.popup p img{margin:0; float:right;}
			.popup img{display:block;}
		
		.popupPNG {background:url(../images/bgd_popup.png) no-repeat; width:289px; height:305px; padding:12px 20px; position:absolute; left:595px!important; top:0; display:none;}

#publishing {}
	#publishing h4{border-bottom:1px solid #1d1d1d; margin:0 0 5px 0; padding:0 0 25px 0;}
	#publishing h4{border-bottom:1px solid #1d1d1d; margin:0 0 5px 0; padding:0 0 25px 0;}
	
	/* sunlibrary
	**********************************************************************/
	.sunlibrary{width:639px; margin:20px 0 0; overflow:hidden;}
		.sunlibrary div{font-weight:bold; float:left; display:block; margin:0 21px 0 0;}
		.contType .sunlibrary img{border:1px solid #666; float:none; margin:0 0 8px;}
		.sunlibrary h4{color:#ec008c; font-size:12px;}
		
	/*val*/
	.valsection{text-align:center;}
	.valsection img{display:block; margin:0 auto 5px;}
	.valsection a{font-size:16px; font-weight:bold;}
	.canneslions{background:url(../images/bgd_canneslions.jpg) 100% 100% no-repeat; padding:5px 0 74px; margin:10px 16px 0 0;}
	
	/*sunflower*/
	.sunflower{margin:0 0 9px; border:1px solid #b2b2b2;}
	.sunflower ul{background:#e9e9e9; width:91%; padding:11px 0 0 60px; border-bottom:1px solid #b2b2b2; text-align:center; overflow:hidden;}
	.sunflower li{display:inline; width:132px; padding:0 0 7px; float:left;}
	.sunflower li strong{display:block;}
	.sunflower img{background:url(../images/bgd_illus.gif) no-repeat; padding:11px; display:block;}
	.sunflower blockquote{font-size:14px; font-weight:700; text-align:center; padding:10px 10px 0}
	
	/*company album*/
	.comalbum{background:#f8f8f8; width:637px; margin:0 0 17px; border:1px solid #b2b2b2; text-align:center; overflow:hidden}
	.comalbum h4{background:#b2b2b2; color:#fff; padding:2px 10px; margin:0 0 10px;}
	.comalbum img{display:block; margin:0 auto 8px;}
	.comalbum .prevideo{float:left; width:39px; padding:48px 0 0 6px;}
	.comalbum .lastvideo{padding:48px 6px 0 0;}
	
	.albumslider02{float:left; width:547px; overflow:hidden; padding:8px 0 0;}
	.albumslider02 li{float:left; width:122px; padding:0 4px 0 10px;}
	.albumslider02 img{border:1px solid #b2b2b2; width:108px; height:97px; padding:7px 6px;}
	
	.albumslider{width:637px; overflow:hidden; text-align:left;}
	.albumslider li{color:#929292; font-size:11px; padding:0 12px 9px 11px; display:inline; float:left;}
	.comalbum .albumslider img{background:url(../images/bgd_illus02.jpg) no-repeat; height:97px; width:120px; padding:8px 8px 9px; margin:0 0 2px;}
	.albumslider strong{display:block; color:#f50a9e;}
	
	.joinnow{font-size:14px; line-height:20px; padding:8px 0 0; text-align:center;}
	.joinnow a{font-size:19px; background:url(../images/bullet_04.gif) 0 50% no-repeat; padding:0 0 0 12px;}
	.joinnow a span{background:url(../images/bullet_04.gif) 100% 50% no-repeat; padding:0 12px 0 0;}
	.joinnow a:hover{color:#000; text-decoration:none;}
	
	.path{background:#ebebeb; padding:0 0 0 8px; margin:0 0 17px; border-bottom:1px solid #b2b2b2; text-align:left;}
	.path li{display:inline; line-height:24px;}
	.path li a{background:url(../images/bullet_05.gif) 0 1px no-repeat; padding:0 0 0 10px; margin:0 0 0 5px;}
	
		
	/*Site map*/
	.sitemap{width:659px; margin:20px 0 0;}
	.sitemap dl{width:649px; padding:0 0 0 10px; overflow:hidden}
	.sitemap dt{background:url(../images/ico_02.gif) 0 17px no-repeat; width:192px; padding:15px 0 0 18px; float:left;}
	.sitemap dd{background:url(../images/bgd_dots.gif) 0 100% no-repeat; width:416px; padding:15px 0 15px 22px; float:left;}
	.sitemap dd a{color:#000;}
	.sitemap dd a:hover{color:#ec008c;}
	.sitemap .lasttype dd{background:url(../images/bgd_sitemap_02.gif) repeat-y;}
	.sitemap dd li{line-height:18px;}