/* global properties
***********************************************************************/
	* {margin:0; padding:0; outline:none}
	body {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#000; background:#4f4f51; height:100%}
	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; line-height:1.17em; 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}

/* 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{width:1000px; background:url(../images/bgd_container.jpg) 0 0 repeat-y; margin:0 auto;}
		#containerWrap{width:860px; background:url(../images/bgd_containerWrap.jpg) 0 0 no-repeat; padding:0 70px}
			#main{width:860px; background:url(../images/bgd_main.gif) 0 0 repeat-y; overflow:hidden; padding:0 0 20px 0}	
			
			.menuMySFM{position:absolute; left:80px; bottom:20px; z-index:1000}

	/* header
	***********************************************************************/
		#header{width:860px; background:url(../images/bgd_bottomHeader.gif) 0 100% no-repeat; padding:0 0 16px 0; overflow:hidden;}
			#header ul{padding:4px 0 4px 0; float:right; width:138px;}
			#header li{display:block; padding:0 8px; float:left; text-transform:uppercase; font-size:9px; border-right:#bdbdbd solid 1px; }
			#header li a{color:#bdbdbd; text-decoration:none;}
			#header li a:hover{color:#ec008c; text-decoration:none;}
			#header li.active{color:#ec008c;}			
			#header li.last{border-right:none; padding-right:0;}
			#header h1{padding:0; margin:0;}
			#header img{display:block; clear:both; padding:0; margin:0;}
			#header .innerHeader {width:860px; float:left; background:#000; padding:5px 0; overflow:hidden;}
			#header .innerHeader h1 {width:174px; padding:0 4px; float:left}
			#header #flash {width:676px; float:left; overflow:hidden;}
				
				#header  #bannerScroller{width:676px; overflow:hidden; float:left}
				#header  #bannerScroller .btnPrev{float:left; width:6px; margin:0 3px 0 0; padding:141px 0 0 0; display:none}
				#header  #bannerScroller .btnNext{float:right; width:6px; padding:141px 0 0 0; display:none}
				#header  #bannerScroller div{width:676px; height:91px; overflow:hidden; float:left; position:relative}
				#header  #bannerScroller ul{width:50000px; height:84px; overflow:hidden; display:block; float:none; margin:2px 0 0 0}
				#header  #bannerScroller li {display:block; float:left;  height:84px; margin:0 4px 0 0; padding:0; overflow:hidden}
				#header  #bannerScroller li img{display:block; float:left; height:80px; border:2px solid #FFF}
				#header  #bannerScroller .last{margin:0}				
		
				
		
		.headerMain{background:url(../images/bgd_bottomHeader_01.gif) 0 100% no-repeat !important;}
		
		#highlight{width:714px; background:#fff; overflow:hidden; padding:4px 73px 20px 73px;}
			#highlight img{display:block;}
			#highlight ul{width:700px; margin:0 7px 0 7px; height:21px; padding:2px 0; display:block; background:url(../images/bgd_nav2.gif) 0 0 repeat-x;}
			#highlight li{border-right:#999999 solid 1px; padding:4px 24px; height:13px; text-align:center; display:block; float:left;}
			#highlight li.last{border-right:none;}

	/* nav
	***********************************************************************/
		#nav{width:160px; float:left; padding:0 10px;}
			#nav h2{color:#666666; background:url(../images/bgd_titNav.gif) 0 100% no-repeat; padding:0 0 4px; margin:0 0 7px; text-decoration:underline}
			
			#nav a {color:#666; text-decoration:none;}
			#nav a:hover {color:#ec008c; text-decoration:none}
			
			#nav ul {display:block; width:160px; overflow:hidden; clear:both;}
			#nav ul {display:block; width:160px; overflow:hidden; clear:both;}
			#nav li {display:block; float:left; font-size:11px}
			#nav img {display:block; margin:0 0 4px 0} 
			#nav ul div{width:160px; padding:0; margin:0;}
			/*
				#nav ul ul { width:160px;}
			*/
			#nav ul ul { width:160px; display:none}
			#nav ul ul li {width:135px; background:url(../images/bgd_nav_normal.gif) 0 5px no-repeat; padding:3px 4px 3px 16px; margin:0 0 3px 10px; display:block; float:left;}
			
			#nav .active {background:url(../images/bgd_nav_active.gif) 0 5px no-repeat}
			#nav .active a {color:#ec008c}
			#nav ul ul ul{width:135px; padding:5px 0 0 0}
			#nav ul ul ul li{padding:0; background:none; margin:0 0 5px 0}
			#nav ul ul ul li a{color:#666}
			#nav .active li a{color:#666}
			#nav .active li a:hover{color:#ec008c}
			#nav ul ul ul li a:hover{color:#ec008c}
			#nav .active .active2 a {color:#ec008c}
			
			
	/* content
	***********************************************************************/
		#content{width:659px; float:left; padding:0 10px 0 11px;}
			.headContent{width:659px; background:url(../images/bgd_tith2.gif) 100% 100% no-repeat; overflow:hidden; 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; margin:0; float:left;}		
				
			.headContent ul{float:right; margin:0;}
			.headContent li{font-size:10px; border-right:#666 solid 1px; display:inline; padding:0 4px;}
			.headContent li.last{border-right:none; padding-right:0;}
				.headContent li a{text-decoration:none; color:#666;}
				.headContent li.active{color:#ccc;}
				.headContent li a:hover{color:#ccc;}
				
				.paging{}
				.paging ul{float:right; overflow:hidden; display:inline; height:16px; margin:0 26px 0 0;}
				.paging li{display:inline; float:left; margin:0 0 0 3px;}
				.paging li a{color:#fff; background:#bbb; height:15px; padding:0 5px 1px; float:left;}				
				.paging li img{display:block;}
				.paging li .active, .paging li a:hover {background:#EC008C}
				.headContent .paging .next, .paging .next{margin:0 35px 0 3px;}
				.paging .next a, .paging .pre a{background:none; padding:0;}
				.paging .current a{background:#e9e9e9; color:#000;}				
				.pagging_bottm{background:url(../images/bgd_tith3.gif) 100% 0 no-repeat; padding:5px 0; margin:0 0 10px 0; overflow:hidden}
				
				.headContent .paging ul{margin:0 36px 3px 0;}
				.headContent .paging li{font-size:12px; border-right:none; float:left; margin:0 0 3px 3px; padding:0;}
				.headContent .paging .pre{}
				
		#container1 {width: 1000px; overflow: hidden; margin: 0 auto;}		
		#center {width:800px ; overflow: hidden; background: url(../images/under_ins.png) 100% 0 no-repeat; height: 600px; margin: 0 auto; position: relative;}			
			#center .txtContent {width: 453px; border: 1px #909090 solid; position: absolute; z-index: 999; top: 155px; left: 283px; height: 220px; color: #fff; padding: 15px 15px 0 15px;}
				#center .txtContent  h2 {color: #ec008c; font-size: 24px;}
				.txtContent .please {color: #bcbcbc; font-size: 16px; padding: 0 0 20px 14px; background: none; text-align: left;}
				.txtContent .please span {color: #ec008c; padding: 0;}
				.txtContent p {background: url(../images/bgd_page.gif) 0 0 no-repeat; font-size: 15px; padding: 18px 0 0 5px; text-align: center;}
	
		.contType{width:639px; padding:0 10px; 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 .btnSendCV {background:url(../images/bgd_btn_sendCV.gif) 0 0 no-repeat; width:71px; text-align:center; font-weight:bold; display:block; text-decoration:none; color:#990066}
				
			.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;}
/*									
					#zoomImg img {margin:0 auto 20px 0;}
					#zoomImg a{display:inline}
					#zoomImg img.blookletCover{float:right;}					
					#zoomImg p{float:right; width:313px; padding:0 0 0 17px; text-align:left}
					#zoomImg span{color:#ec008c; font-weight:bold}*/	
				
					.hiddenImg{visibility:hidden}
					#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 li {background:#fff;   padding:0; clear:left}
				.smScrollContent li a {display:block; color:#000; text-decoration:none; padding:4px 5px;}
				.smScrollContent li a:hover {color:#ec008c; text-decoration:none;}
				.smScrollContent li a.active {color:#ec008c; background:#E9E9E9; overflow:hidden}			
				.smScrollContent li.row{background:#ededed;}
			
			
				
				.smScroller {width:15px; height:176px; overflow:hidden; float:left; background: url(../images/bgd_scroller.gif) repeat-y;}
				.smScroller a {display:block; width:15px; height:15px; cursor:pointer}
				.smScrollUp {width:15px; height:15px; margin:0; padding:0!important; text-align:center; background: url(../images/btn_up.gif) no-repeat; overflow:hidden}
				.smScrollDn {width:15px; height:15px; margin:0; padding:0!important; text-align:center; background: url(../images/btn_down.gif) no-repeat; overflow:hidden}
				.smScrollDx {width:15px; height:126px; margin:0; padding:0!important; text-align:center; /*background:url(../images/bgd_slide.gif) repeat-y;*/ overflow:hidden}
				.smScrollDx a {width:15px; height:14px; margin:0; padding:0; text-align:center; background:url(../images/btn_slider.gif) 50% 0 repeat; overflow:hidden; display:block}
	
			.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 {width:639px; padding:0 10px;}
	.contprofile {width:639px; overflow:hidden; margin:15px 0 0 0;}
		.contVideo{width:318px; float:left; margin:0 15px 0 0;}
			#video{margin:0 0 24px;}
		.infoProfile {width:304px; float:left;}
			.infoProfile p {padding:0 0 15px 0;}
			.infoProfile ul {}
				.infoProfile li {background:url(../images/ico_03.gif) 0 5px no-repeat; padding:0 0 0 10px;}
		.contHistory{width:318px; background:url(../images/bgd_topHistory.gif) 0 0 no-repeat; padding:18px 0 0 0;}
			.contHistory dl{width:268px; background:url(../images/bgd_bottomHistory.gif) 0 100% no-repeat; padding:0 26px 18px 24px;}
			.contHistory dd{width:268px; border-bottom:#CCC solid 1px; padding:0 0 13px 0; margin:0 0 13px 0; overflow:hidden;}
			.contHistory dd.last{border-bottom:none; padding-bottom:0; margin-bottom:0;}
				.contHistory dd span{width:57px; float:left; margin:0 15px 0 0; display:block;}
					.contHistory dd span img{display:block; border:#333 solid 1px; margin:0 0 8px 0;}
					
		.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;}
		.historydev li strong{display:inline;}
		.historydev li p{display:inline;}
		#history{width:637px; height:140px;}
					
		/* 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 {width:639px; padding:0 10px 0; margin:0;}
		.contNews p{padding:0 0 15px;}
		.contNews .blognews .dateti {color:#fff; background:#bbb; margin:0 -10px 4px; padding:3px 10px}
		.blognews {background:#e9e9e9; margin:0 0 11px 0; width:619px; padding:0 10px 4px; overflow:hidden;}
		.blognews img {float:left; margin:0 10px 0 0; padding:5px 0 5px 0;}
		.blognews a.readmore {float:right; font-weight:bold; padding:10px 0 0 0}
		.blognews h3{padding:0 0 5px; width:400px;float:left; min-height:17px; overflow:hidden}
		.contNews .blognews p{padding:0;}
		.blognews h4{font-size:16px; font-weight:600; padding:0 0 3px;}
		
		/*slider*/
		.slider{width:619px; padding:0 0 2px; overflow:hidden; background:url(../images/bgd_grey.gif) 0 2px repeat-x;}
		.contNews .slider p{float:left; width:15px; padding:34px 0 0; display:inline;}
		.contNews .slider img{display:block; margin:0 auto; float:none; background:none; padding:0}
		.contNews .slider a{float:none; padding:0;}
		.slider div.sliderWrap{width:570px; height:113px; float:left; overflow:hidden;/* padding:0 6px 0 4px*/; margin: 0;}
		.slider ul{width:5850px; height:113px; float:left; overflow:hidden;}
		.slider li{float:left; width:77px; height:113px; display:inline; margin:0 6px 0 0;}
		.slider li img{border:3px solid #fff;}
		
	    .newsOther {background:pink url(../images/bgd_othernews.gif) 0 0 repeat-y; width:639px;}
		.newsOther01 {text-align:center; padding:10px 0 20px 0; width:315px; float:left; border-top:20px solid #adadad; border-right:1px solid #d6d6d6;}
		#books{width:315px; height:284px;}

		.newsOther01 select {width:170px; border:1px solid #a5acb2;}
		.newsOther02 {width:322px; float:left; border-top:20px solid #adadad}
		.contextNews {padding:0 0 0 21px}
				 .contextNews h4{color:#ec008c; font-size:12px; background:url(../images/bgd_titDetail.gif) 0 100% no-repeat; padding:17px 0 2px 0; margin:0 0 11px 0;}
				 .contextNews h4 span{border-bottom:#969696 solid 1px;}
		.contextNews dl {margin:0 0 15px 0;}			
		.contextNews dt {font-size:10px; color:#999; margin:0 0 5px 0}	
		.contextNews dd {font-size:11px}
		.contextNews dd a{color:#000;}
		.contextNews dd a:hover{color:#ec008c;}
		
	/*banner*/
		.banner{margin:24px 0 0;}
		.banner img{border:1px solid #000; display:block; margin:0 auto;}

		.popupNewsDetail01{background:url(../images/bgd_news_detail_01.png) no-repeat; width:621px; padding:12px 12px 0 12px; position:absolute; left:0; top:0; z-index:999;}
			.popupNewsDetail01 span{background:#ccc; width:621px; overflow:hidden; height:20px; display:block;}
			.popupNewsDetail01 span img{float:right; margin:0;}
			.popupNewsDetail01 img{margin:0 -12px -20px -12px;}
			.popupNewsDetail01 div{width:581px; overflow:hidden; padding:15px 20px 0 20px; margin:0;}
				.popupNewsDetail01 div img{float:left; margin:0 10px 0 0; padding:0;}
				.popupNewsDetail01 div p{width:auto; float:none; height:auto; padding:0 0 15px 0}
	
		
		.popupNewsDetail02{background:#fff; width:625px; height:500px; position:absolute; left:0; top:-1000px; z-index:999; visibility:hidden;}
		.contNewDetail{width:621px; padding:2px; overflow:hidden;}
			.contNewDetail h3 span{display:none}
			.contNewDetail h5 span{display:none}
			.contNewDetail span{background:#ccc; width:601px; margin:0 -12px; overflow:hidden; height:20px; display:block;}
			.contNewDetail a img{float:right; margin:0;}
				.contNewDetail img{float:left; margin:0 10px 0 0; padding:0;}
				.contNewDetail p{width:auto; float:none; height:auto; padding:0 0 15px 0}
				.contNewDetail p.date{padding:0; color:#999; font-size:11px;}
		.popupNewsDetail02 img{display:block;}

		.contNewDetail .smScrollContent{width:552px; float:left; overflow:hidden; height:452px; margin:0 10px 0 0;}
		.contNewDetail .smScrollContent h4{color:#000; font-size:18px; margin:0 0 10px 0; line-height:20px;}
			.contNewDetail .smScroller{width:15px; height:452px; overflow:hidden; float:left; background: url(../images/bgd_scroller.gif) repeat-y;}
			.contNewDetail .smScrollDx{width:15px; height:425px; margin:0; padding:0; text-align:center; background:url(../images/bgd_slide.gif) repeat-y; overflow:hidden}

	
			
/* publishing schedules TTGD 
	***********************************************************************/
	.smScrollContentPublish {width:612px; padding:15px 0 0 0; float:left; overflow:hidden; height:450px;}
	.smScrollContentPublish table{padding:0; margin:0; height:auto}
	.smScrollContentPublish table td{padding:3px 0 5px 0;}
	.smScrollContentPublish th {background:url(../images/bgd_th.gif) repeat-x; padding:1px 0 5px 5px;}
	.smScrollContentPublish th, .smScrollContentPublish td{width:102px; padding-left:0; text-align:left;}
	.smScrollContentPublish td.issue{padding-left:15px; width:87px;}
	/*.smScrollContentPublish	.title {width:180px; text-align:left}
	.smScrollContentPublish	.issue {width:80px}
	.smScrollContentPublish	.datetim {width:110px}
	*/
	table.tblPublish{margin:0 0 0 15px; width:612px;}
	table.tblPublish th.issue{padding-left:15px; width:87px;}

		.bog_sroll {margin:8px 0 0 0; padding:0 0 0 15px; border:1px solid #999; width:627px; overflow:hidden;}
				
				.smScrollerPublish {width:15px; height:470px; overflow:hidden; float:left; background: url(../images/bgd_scroller.gif) repeat-y;}
				.smScrollerPublish a {display:block; width:15px; height:15px; cursor:pointer}
				.smScrollUpPublish {width:15px; height:15px; margin:0; padding:0!important; text-align:center; background: url(../images/btn_up.gif) no-repeat; overflow:hidden}
				.smScrollDnPublish {width:15px; height:15px; margin:0; padding:0; text-align:center; background: url(../images/btn_down.gif) no-repeat; overflow:hidden}
				.smScrollDxPublish {width:15px; height:439px; margin:0; padding:0; text-align:center; background:url(../images/bgd_slide.gif) repeat-y; overflow:hidden}
				.smScrollDxPublish a {width:15px; height:14px; margin:0; padding:0; text-align:center; background:url(../images/btn_slider.gif) no-repeat; overflow:hidden; display:block}
	
	
	.tblMonth{margin-left:15px; width:612px;}
		.tblMonth th, .tblMonth td{width:102px; padding-left:0; text-align:left;}
			.tblMonth th.issue{padding-left:15px; width:87px;}
	.contMonth {width:612px; padding:10px 0 15px 0; overflow:hidden;}
	.contMonth table{padding:0; margin:0;}
	.contMonth table td{padding:7px 0 7px 0; border-bottom:#e7e7e7 solid 4px;}
	.contMonth th, .contMonth td{width:102px; padding-left:0;}
	.contMonth td.issue{padding-left:15px; width:87px;}
	
	.contMonth th{text-align:left; font-weight:bold; border-bottom:#e7e7e7 solid 4px; padding:7px 0 7px 0;}
	.contMonth .last{border-bottom:none; padding-bottom:0;}

	/********************************/
	.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; height: expression( this.scrollHeight < 321 ? "322px" : "auto" ); min-height:332px;}
		#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;*/ float:left; 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{margin:0 -10px; text-align:center;}
	.valsection img{display:block; margin:0 auto 5px;}
	.valsection a{font-size:16px; font-weight:bold}
	.canneslions{background:#FFF url(../images/bgd_canneslions.gif) 100% 0 no-repeat; height:96px; padding:10px 0 24px 0; margin:10px 16px 0 23px; position:relative; border-bottom:1px solid #a6a6a6; text-align:center}
	.canneslions a{display:block}
		/*.canneslions .logo img {position:absolute; left:165px; top:15px; z-index:1}*/
		.canneslions .title {margin:0 auto; overflow:hidden}
		.canneslions .logo {padding:20px 0;  margin:0 auto; overflow:hidden}
		.canneslions .logo img { margin:0 auto}
		/*.canneslions .title {position:absolute; left:170px; top:10px; z-index:2}*/
		
	/*popup*/
	.popuplayer{ width:600px; position:absolute; background:#fff; padding:2px; border:2px solid #848484; top:-5000px; left:200px; }
	
	.close{background:#d5d5d5; height:1%; margin:0 0 10px; overflow:hidden;}
	.close img{float:right;}
	
	.nightdesign{width:502px; top:-1500px}
	.nightdesign div{font-size:14px; padding:0 30px 15px; font-weight:bold; text-align:center;}
	.nightdesign div img{display:block; margin:0 auto 10px;}
	.popuplayer div img { text-align:center}
	#visualDedailWrapper { text-align:center; margin:0 auto}
	#visualDedailWrapper  img { text-align:center; width:350px; height:450px}
	#visualDedailWrapper  span { text-align:center;  display:block; float:none}
	
	/*young lion*/
	.younglion{width:447px; top:320px; left:350px; z-index:0; -moz-opacity:.1; filter:alpha(opacity=1); opacity:.1 }
	.showvideo{ padding:0 0 12px 0; overflow:hidden;}
	.popuplayer .showvideo p{float:left; width:43px; padding:210px 0 0;}
	.popuplayer .showvideo .info p{float:left; width:auto; padding:10px 0 0; text-align:center; float:none}
	.showvideo img{display:block; margin:0 auto; }	
	.showvideo  #videoPlayerContainer {width:350px; height:450px;  float:left;  background:url(../images/loader_02.gif) 50% 50% no-repeat;  }
	.showvideo div{float:left;}
	.showvideo .info {margin:auto; width:400px; float:left; text-align:center; padding:5px 20px;}
	/*send cv*/
	.sendcvsec{width:547px;}
	.sendcv{width:507px; padding:0 20px 0; overflow:hidden;}
	
	.sendcv p{height:1%; overflow:hidden; padding:0 0 10px;}
	.sendcv label{float:left; width:90px; padding:0 10px; text-align:right;}
	.sendcv input{float:left; width:350px;}
	* html .sendcv .filetype{height:19px;}
	*+ html .sendcv .filetype{height:19px;}
	.sendcv textarea{float:left; width:350px; height:150px}
	.sendcv .btn{padding:0 43px 0 110px; text-align:right;}
	.sendcv .btn a{font-size:11px; font-weight:bold; color:#000;}
	.sendcv .btn a:hover {color:#ec008c;}
	.sendcv #frmSendCVSuccess p {text-align:center; color:#EC008C; font-weight:bold; padding:0!important; line-height:14px; height:14px}
	#step03 p {text-align:center; color:#EC008C; font-weight:bold; padding:0!important; line-height:14px;}
	 
	/*sunflower*/
	.sunflower{width:637px; margin:0 0 9px; border:1px solid #b2b2b2; background:#e9e9e9;}
	/*.sunflower ul{background:#e9e9e9; width:577px; padding:11px 0 0 60px; border-bottom:1px solid #b2b2b2; text-align:center; overflow:hidden;}*/
	.sunflower ul{padding:11px 0 0 8px; height:185px; margin: 0;}
	.sunflower li{display:inline; width:132px; padding:0 0 7px; float:left; text-align:center}
	.sunflower li strong{display:block;}
	.sunflower .slider img{background:url(../images/bgd_illus.gif) no-repeat; padding:11px; display:block;}
	.sunflower .slider .active img {background:url(../images/bgd_illus_active.gif) no-repeat;}
	.sunflower .slider .previous img, .sunflower .slider .nextimg img {background:none}
	.sunflower .slider .previous .btnPre img {padding: 0;}
	.sunflower blockquote{font-size:14px; font-weight:700; text-align:center; padding:10px 10px 0; background:#fff; border-top:1px solid #b2b2b2;}
	.sunflower .slider {padding:0 9px; height:195px;}
	.sunflower .slider div.sliderWrap {height:190px; margin: 0 0 0 5px;}
	.sunflower .slider p {padding:60px 0 0 0}
	.sunflower .slider li {margin:0 12px 0 0}
	.sunflower .slider li img {border:none}
	/*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; text-align:left}
	.comalbum img{display:block; margin:0 auto 8px;}
	.comalbum  #visualTeam {width:430px; height:312px; background:url(../images/loader_01.gif) 50% 50% no-repeat; 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;}
	.albumslider02 ul {float:left; width:10470px; 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; margin:0}
	
	.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;}	
	/*news detail*/
	.popuplayer {overflow:hidden; padding:0 0 15px; }
	.popuplayer  p{padding:0 0 13px;}
	.popuplayer  p.close{padding:0;}
	.popuplayer   p.date{color:#999; font-size:11px; padding:0;}
	.popuplayer .smScrollContent{width:544px; height:450px; padding:0 14px 0 14px; overflow:hidden; float:left; display:block}
	.blognews .popuplayer h3 {width:544px;}
	.popuplayer .smScrollContent img{float:left; margin:0 11px 0 0; overflow:hidden;}
	.popuplayer  .smScroller p{line-height:normal;}
	.popuplayer .smScrollContent  p {display:block; padding:0 0 13px 0; margin:0; line-height:18px;}
	.popuplayer .smScrollContent ol {padding:10px 0; clear:both;}
	.popuplayer .smScrollContent ol li {list-style:decimal; margin:0 0 0px 20px; clear:none;}
	.popuplayer .smScrollContent ul li {list-style:disc; margin:0 0 0px 20px; clear:none;}
	
	/* pop up image || video*/	
	.newsMedia{ width:447px; float:left; overflow:hidden; text-align:center;}
	.newsMedia .showvideo{ width:447px; float:left; overflow:hidden; margin:0 auto; text-align:left;  }
	.newsMedia .info {margin:auto; width:400px; float:left; text-align:center; padding:5px 20px;}	
	.newsMedia img{display:block; margin:0 auto; }	
	.newsMedia  .videoPlayer {width:350px; height:450px;  float:left;  background:url(../images/loader_02.gif) 50% 50% no-repeat;  }
	.newsMedia  .videoPlayer img { text-align:center; max-width:350px; max-height:450px}
	.newsMedia div{float:left;}
.wide { width:647px; float:left; overflow:hidden; text-align:center;}
.wide .showvideo{ width:647px; float:left; overflow:hidden; margin:0 auto; text-align:left;  }
.wide  .info {margin:auto; width:607px; float:left; text-align:center; padding:5px 20px;}	
.wide  .videoPlayer {width:560px; height:450px;  float:left;  background:url(../images/loader_02.gif) 50% 50% no-repeat;  }
.wide  .videoPlayer img { text-align:center; max-width:560px; max-height:450px}
 		/*show Middle*/
		.videoPlayer {display: table; overflow: hidden;}
		.videoPlayer .innerM { display: table-cell; vertical-align: middle; float:none; }
		/*Element middle : IE 6 + 7*/
		*+ html .videoPlayer {position: relative!important;}
		*+ html .videoPlayer .innerM {position: absolute; top: 50%; left:50%; }
		*+ html .videoPlayer img {position: relative; top: -50%; left:-50%}
		

	/*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;}
	
	/* contact us
		***********************************************************************/
			.infoOffice, .infoCareer {width:307px; float:left; padding:17px 0 0 0;}
				.infoOffice h4 {color:#ed008c; margin:0 0 2px 0; text-transform:uppercase}
				.infoOffice span {float:left;}
					.infoOffice span img {margin:5px 0 0 3px;}
					.infoType .infoOffice p {padding:0;}
					.infoOffice .formContact {width:267px; padding:0 20px; margin:10px 0 0 0; background:url(../images/bgd_contact01.gif) 0 50% no-repeat;}
					.infoOffice .formContact input, .infoOffice .formContact textarea {width:260px;}
					.infoOffice .formContact span {float:none}
					.infoOffice .formContact p {padding:0 0 5px 0}
			
			#ordernewsOnline .formContact{background:none; padding:0px 25px 0; margin:0}
			.formContact{width:574px; float:left; padding:17px 25px 0 25px; margin:13px 0 0 0; background: url(../images/bgd_contact.gif) 0 50% no-repeat; overflow:hidden;}
			.formContact label{padding:0 0 2px 0; margin:0; display:block;}
			.formContact input{width:570px; padding:0 3px; border:#ababab solid 1px; height:18px; }
			.formContact textarea{border:#ababab solid 1px; padding:3px; width:570px; height:130px}
			.formContact span{color:#ff0000;}		
			.formContact p{font-size:11px; padding:0 0 5px 0;}
				.formContact p a{font-size:11px; text-decoration:none; color:#000}
				.formContact p a:hover{color:#ec008c;}
				.formContact .btn {text-align:right; font-weight:bold}
			.infoType02 {width:267px; float:left; margin:0 0 0 -40px}
				.infoType02 h4 {color:#ec008c; text-transform:uppercase; padding:0 0 20px 0}
				.infoType02 .name {color:#ec008c; text-transform:uppercase;}
				
			/* Newspaper Order popup */
			.newspaperOrder {width:756px;}
			.newspaperOrder .smScrollContent {width:730px; height:700px;}
			.smScrollContentHorizontal {width:750px; overflow:hidden; float:left;}
			.newspaperOrder .smScroller01 {width:756px; margin:3px 0; overflow:hidden; float:left; background: url(../images/bgd_scroller01.gif) 0 0 repeat-x;}		
					.smScroller01 a {display:block; width:15px; height:15px; cursor:pointer}
					.smScroller01  .smScrollLeft {width:15px; height:15px; margin:0; padding:0!important; text-align:center; background: url(../images/btn_left.gif) no-repeat; overflow:hidden; float:left}
					.smScroller01 .smScrollRight {width:15px; height:15px; margin:0; padding:0!important; text-align:center; background: url(../images/btn_right.gif) no-repeat; overflow:hidden; float:left;}
					.smScroller01 .smScrollBar {width:746px; height:13px; margin:0; padding:1px 0!important; text-align:center; background:url(../images/bgd_scroller01.gif) repeat-x; overflow:hidden; float:left}
					.smScroller01  .smScrollBar a {width:15px; height:13px; margin:0; padding:0; text-align:center; background:#858585; overflow:hidden; display:block; float:left}
					
				 
				.tblNewspaperOrder { border-right:1px solid #999999; border-bottom:1px solid #999999; width:1100px;}
				.tblNewspaperOrder td, .tblNewspaperOrder th { border-left:1px solid #999999; border-top:1px solid #999999; padding:3px 5px; text-align:center; vertical-align:middle; }
				.tblNewspaperOrder .type {font-size:22px; font-weight:normal; text-transform:uppercase; border:none; height:50px; line-height:50px; overflow:hidden;}
				.tblNewspaperOrder .type strong {color:#EC008C; font-size:30px; padding:0 5px 0 0;}
				.tblNewspaperOrder .colorStype {background-color:#f5b199}
				.tblNewspaperOrder .colorStype1 {background-color:#9cdcf9}
				.tblNewspaperOrder .colorStype2 {background-color:#e1eec1}
				.tblNewspaperOrder .colorStype3 {background-color:#ffe0b6}
				.tblNewspaperOrder .colorStype4 {background-color:#e2e7ea}
				.tblNewspaperOrder .colorStype5 {background-color:#efebe4}
				.tblNewspaperOrder .colorStype6 {background-color:#fad2de}
				.tblNewspaperOrder .colorStype8 {background-color:#fff}
				.tblNewspaperOrder .colorStype7 {background-color:#f5b199}
				.tblNewspaperOrder .widthType {width:150px;}	
				* html .tblNewspaperOrder .widthType {padding-left: 25px;}
				*+ html .tblNewspaperOrder .widthType {padding-left: 25px;}
			.newspaperOrder .info {background:#ec008c; clear:both; text-align:center; padding:15px 0; margin:5px 0 0 0;}
			.newspaperOrder .info a {text-transform:uppercase; color:#fff; font-size:20px; font-weight:bold}
			.newspaperOrder .info01 {text-align:center; font-size:24px; font-weight:bold; padding:10px 0; font-style:italic}	
			
				.tblNewspaperLast {width: 750px; position: relative;}
				#tblNewspaperTitle {width: 107px; position: relative;}
				#tblNewspaperTitle .tblNewspaperOrder {width: 105px; position: absolute; left: 0px; top: 60px; background:#fff; margin: 0; z-index: 9002; float: left;}
				* html  #tblNewspaperTitle  .tblNewspaperOrder {top:56px}
				* + html  #tblNewspaperTitle  .tblNewspaperOrder {top:56px}
				* html  #tblNewspaperTitle  .tblNewspaperOrder td{padding-top:0px; padding-bottom:0px;}
				* html  #tblNewspaperTitle  .tblNewspaperOrder th{padding-top:0px; padding-bottom:0px;}
				*+ html  #tblNewspaperTitle  .tblNewspaperOrder td{padding-top:0px; padding-bottom:0px;}
				*+ html  #tblNewspaperTitle  .tblNewspaperOrder th{padding-top:0px; padding-bottom:0px;}
				
				#tblNewspaperTitle th.headTitle {vertical-align: center; padding: 0 5px; margin: 0; height: 70px;}
				.tblNewspaperOrder th.headTitle {width: 95px}
				.tblNewspaperOrder th.headTitle p{width: 95px}
				* html .tblNewspaperOrder th.headTitle p{width: 67px;}
				*+ html .tblNewspaperOrder th.headTitle p{width: 67px;}

			
			/* Contact popup */
			.popupContact{width:630px; overflow:hidden;}			
			.popupContact   select {width:210px;}
			.popupContact   input, .popupContact   textarea {width:310px;}
			.popupContact   textarea {height:25px}
			.popupContact   table input {width:70px;}
			.popupContact   label {width:80px; float:left}	
			.popupContact   table {margin:5px 0 0 0; border-right:1px solid #999999; text-align:center}	
			.popupContact   table th {background:#EC008C; text-align:left; border:1px solid #999999; border-right:none; text-align:center; padding:5px; color:#fff}		
			.popupContact   table td {padding:3px 5px; border-left:1px solid #999999; border-bottom:1px solid #999999;}
			.popupContact   table th.last {text-align:center}
			.popupContact   table th.top {border-top:none}
			.popupContact   table td.date {vertical-align:middle; text-align:center}
			.popupContact   table td.tdborder {border-right:1px solid #999999}
			.popupContact   table .radio {border:none; width:auto}
			.popupContact   table strong {padding:0 50px 0 0}
			.popupContact 	table tfoot {text-align:right}
			.popupContact   .checkbox {border:none; width:auto}
			.popupContact  .btn {text-align:right; font-weight:bold}
			
	/* Career */
	.infoType .careerPosition {width:280px; overflow:hidden; border:1px solid #999999}
	.infoType .careerPosition span {width:145px; float:left; padding:0 20px 0 0}
	.infoType .tblCareer td{padding:5px}
	.infoType .smScrollContent {width:265px; height:68px;}
	.infoType .smScroller {height:68px;}
	.infoType .smScrollDx {height:38px;}
	.infoCareer {width:307px; overflow:hidden}
	.infoCareer .headContent {width:307px;}
	/*alert */
	.alertLayer {background:#ED008C; color:#FFF; z-index:101; position:absolute; top:-1500px}
	.alertLayer p {padding:2px}
	.hidden { display:none !important}

	/* footer
	***********************************************************************/
		#footer{width:1000px; background:#ed008c url(../images/bgd_footer.gif) 0 100%; height:28px; padding:10px 0 0 0; margin:0 auto;}
			#footer ul{margin:0 auto; width:200px;}
				#footer li{ color:#fff; font-size:10px; display:inline; border-right:#fff solid 1px; padding:0 10px;}
				#footer li a{color:#fff; text-decoration:none;}
				#footer li a:hover{text-decoration:underline;}
				#footer li.last{border-right:none; padding-right:0;}
				
.mooquee {border: solid 2px #C0C0C0;	padding: 5px;	position: absolute;	overflow: hidden;	white-space: nowrap;}
.mooquee-text{position: absolute;}
.warning {background:#ED008C; color:#FFF; padding:2px 2px 2px 10px!important; width:250px; float:left; display:none}
#magazineTypeContainer {margin: 0 0 5px 0}

/************************/
.breakcrumb{width:100%; overflow:hidden; margin:0 0 5px 0}
	.breakcrumb li{display:inline; padding:0 5px 0 0; margin:0 5px 0 0; font-size:10px; border-right:#010101 solid 1px;}
	.breakcrumb li a{color:#010101}
	.breakcrumb .current a{color:#eb0089}
	.breakcrumb li a:hover{color:#eb0089}
	.breakcrumb .last{border:none}

	
.contNews .year{padding:0 0 0 45px; font-size:11px; margin:0 0 5px 0}
	.contNews .year a{color:#000; margin:0 10px 0 0}
	.contNews .year .current{color:#EB0089}
	.blognews h3{text-transform:none}
	.contNews .blognews p{margin:0 0 5px 0;}
	.blognews .more{text-align:right}

.paging2{float:right; padding:0 30px 0 0; display:block;}
.headContent .paging2{padding:0 30px 0 0; display:block; float:right;}
	.headContent .paging2 li{margin:0; border:none; padding:0; display:block; float:left}
	.paging2 li{display:block; float:left}
	.paging2 li a{color:#fff; font-weight:bold; background:#bcc0c1; padding:2px 6px; font-size:11px; display:block; float:left; margin:0 2px 0 0}
	.paging2 .current a{background:#f80092;}
	.paging2 li a:hover{background:#f80092; text-decoration:none; color:#fff}
	.headContent .paging2 li a:hover{background:#f80092; text-decoration:none; color:#fff}
	.headContent .paging2 .first a:hover{background:#bcc0c1;}
	.paging2 .first a:hover{background:#bcc0c1;}
	.paging2 .first{margin:0 30px 0 0}
	.headContent .paging2 .first{margin:0 30px 0 0}
	.headContent .paging2 li a{color:#fff; background:#bcc0c1; padding:2px 6px; font-size:11px;}
	.headContent .paging2 .current a{background:#f80092;}

.pagingType{width:100%; background:url(../images/bgd_tith2.gif) 100% 0 no-repeat; overflow:hidden; padding:6px 0 0 0; margin:0 0 10px 0}
.contactInfo{width:100%; padding:15px 0 0 0}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#tblNewspaperTitle th {padding:0 5px;}
}