@import url("fullflash2.css"); 

/* basic elements */
img {border: none;}
*{padding: 0px; margin: 0px;}
.clear {margin: 0px; padding: 0px; clear: both;}
acronym {font-weight: normal; cursor: help;}
.Orange{ color:#F15D27!important;}

body {
	background: url(../images/bg/bg-body.gif) repeat-x #fff;
	margin: 0px;
	padding: 0px;	
	font-family: "MS PGothic", "MS Gothic"; 
}

/* main */
#Wrapper {display: block; width: 780px; overflow: hidden; margin: 0px auto;  padding: 0px 0px; background: url(../images/bg/bg-01.png) 180px -90px no-repeat;}

/* header */
#Header {display: block; width: 780px; margin: 40px auto 0px; height: 31px;}
	#Header h1 {display: block; float: left; width: 90px; height: 31px; background: url(../images/logo-fullflash.png) no-repeat;}
		#Header h1 a {display: block; width: 90px; height: 31px; text-decoration: none;}
		#Header h1 span {visibility: hidden; position: absolute;}
		
		#Header .topNavigation {display: block; float: left; width: 490px; height: 31px; background: #fff; margin-left: 7px; margin-right: 3px;}	
			#Header .topNavigation li {display: inline; list-style: none; height: 31px; float: left;}
			#Header .topNavigation li a {text-decoration: none; border: none; height: 31px;}
			#Header .topNavigation li span {visibility: hidden; font-size: 8px;}
			#Header .topNavigation li#home a {display: block; background: url(../images/nav/nav-home.jpg) no-repeat; width: 66px; }
			#Header .topNavigation li#home a:hover { background: url(../images/nav/nav-home-over.jpg) no-repeat; width: 66px; height: 31px;}
			#Header .topNavigation li#whatnew a {display: block; background: url(../images/nav/nav-whatnew.jpg) no-repeat; width: 128px; }
			#Header .topNavigation li#whatnew a:hover  {background: url(../images/nav/nav-whatnew-over.jpg) no-repeat; width: 128px; height: 31px;}
			#Header .topNavigation li#service a {display: block; background: url(../images/nav/nav-service.jpg) no-repeat; width: 74px; }
			#Header .topNavigation li#service a:hover {background: url(../images/nav/nav-service-over.jpg) no-repeat; width: 74px; height: 31px;}
			#Header .topNavigation li#results a {display: block; background: url(../images/nav/nav-results.jpg) no-repeat; width: 77px; }
			#Header .topNavigation li#results a:hover {background: url(../images/nav/nav-results-over.jpg) no-repeat; width: 77px; height: 31px;}
			#Header .topNavigation li#faq a {display:block; background: url(../images/nav/nav-faq.jpg) no-repeat; width: 54px; }
			#Header .topNavigation li#faq a:hover {background: url(../images/nav/nav-faq-over.jpg) no-repeat; width: 54px; height: 31px;}
			#Header .topNavigation li#reference a {display: block; background: url(../images/nav/nav-referance.jpg) no-repeat; width: 91px; }
			#Header .topNavigation li#reference a:hover {background: url(../images/nav/nav-referance-over.jpg) no-repeat; width: 91px; height: 31px;}
	
		#Header .navigation {display: block; float: left; width: 190px; height: 31px; padding-top: 5px;}	
			#Header .navigation li {width: 90px; display: inline; margin-right: 1px; float: left;}
			#Header .navigation li.last {margin-right: 0px;}
			
		.flashSwf {display: block; width: 780px; height: 330px; margin: 5px auto;}
			
#container {display:block; width: 780px; overflow: hidden; margin: 10px auto;}		
	#container .sidebarLeft {width: 182px; display: block; overflow: hidden; float: left;}
		.sidebarLeft .navLeft {display: block; width: 182px; overflow: hidden;}
		.sidebarLeft .navLeft li {display: block; list-style: none; height: 32px;}
	 	
	.service {background: #F2F2F2; display: block; width: 150px; margin: 10px 0px; overflow: hidden; padding: 20px 15px;}	
	  	.service h2 {font-size: 18px; color: #5AA2D9; }	
		.service ul {display: block; width: 152px; overflow: hidden; margin-top: 20px;}
			.service ul li {display: block; width: 152px; overflow: hidden; } 
			.service ul li a{ text-decoration:none;}
			.service ul li span {font-size: 14px; font-weight: bold;  color: #5AA2D9; border-bottom: 1px solid #5AA2D9; width: 115px; display: block;}
				
			.flashMobile {background: url(../images/icon/ic-mobile-s.jpg) no-repeat; padding: 7px 0 0 35px; width: 117px; }
			.flashPC {background: url(../images/icon/ic-pc-s.jpg) no-repeat; padding: 7px 0 0 35px; width: 117px;  }
			.promotion {background: url(../images/icon/ic-promotion-s.jpg) no-repeat; padding: 7px 0 0 35px; width: 117px; }
			.charactor {background: url(../images/icon/ic-mobile-2-s.jpg) no-repeat; padding: 7px 0 0 35px; width: 117px;  }
			.portfolio {background: url(../images/icon/ic-ace-tech-s.jpg) no-repeat; padding: 7px 0 0 35px; width: 117px;  }
			.service ul li .submenu {display: block; width: 145px; overflow: hidden; margin: 10px 0px 10px -25px;}
				.service ul li .submenu li { background: url(../images/icon/ic-arrow.gif) 0px 5px no-repeat; padding: 5px 0px 3px 10px; margin: 0px; font-size: 12px; color: #666; width: 135px;}	
				.service ul li .submenu li a{ text-decoration:none; color:#666;}
				
	.qrCode {display: block; overflow: hidden; padding: 10px 10px; background: #999; margin-bottom: 10px; overflow: hidden; height: 1%;}	
		.qrCode p {font-size: 8px!important; display: block; float: left; color: #fff; margin-bottom: 5px; }
			.qrCode p span {color: #F15D27;}

		.codeLeft {font-size: 10px; display: block; color: #fff; }
		.codeLeft input.email {width: 45px; margin-right: 3px;}
		.codeLeft select.list {width: 65px; font-size: 10px; padding: 2px 1px;}
		.codeLeft input.button {font-size: 10px; border: 1px solid #333px;}
		.imgCode {display: block;margin-top: 7px; float: left; margin-right: 7px;}
		.imgCode span { display: block; color: #fff; float: right; width:62px; font-size: 12px; text-align: center; font-weight: 700; }
		.imgCode img { float: left; width: 80px; height: 80px;}
	.resultReport {display: block; background: url(../images/bg/bg-result.gif) repeat-y; width: 150px; padding: 10px 15px; color: #E6E6E6;}	

#mainContent {display: block; float: right; width: 589px; overflow: hidden;}
	.topBanner {display: block; width: 589px; overflow: hidden; margin: 0px 0px 10px;}
	.topBanner span {font-size: 10px;}
		.breadCrumb {display: block; width: 500px; overflow: hidden; height: 25px;}
		.breadCrumb ul {display: block; float: left; padding: 7px 0 10px 10px; }
		.breadCrumb ul li {display: inline; color: #fff; font-size: 12px; padding: 5px 5px 5px 5px; height:13px; overflow:hidden; float:left; }
		.breadCrumb ul li a {color: #fff; background: none; text-decoration: none; padding: 5px 10px 0px 0px!important;}
		.breadCrumb ul li.noborder {font-size: 10px;}
		.topBanner.topAboutus {display: block; background: url(../images/banner/banner-about.png) no-repeat; height: 145px;}
		 	.topBanner.topAboutus span {padding: 80px 0 0 20px; color: #fff; display: block; font-size: 10px;}
		
		.topBanner.topService {display: block; background: url(../images/banner/banner-service.png) no-repeat; height: 144px;}
		 	.topBanner.topService span {padding: 80px 0 0 20px; color: #fff; display: block; font-size: 10px;}

			
#mainContent h2 {display: block; background: url(../images/bg/bg-heade.gif) no-repeat #fff; width: 564px; height: 19px; padding: 5px 0 0 25px; font-size: 14px; font-weight: bold; color: #fff;}
	#mainContent h2 span {font-weight: normal;}
	#mainContent .detail {display: block; width: 559px; overflow: hidden; padding: 15px; background: #fff;}
	#mainContent .detail h3 {border-left: 2px solid #666; padding-left: 10px; font-size: 14px; color: #666;}
	
	#mainContent .detailService {display: block; width: 559px; overflow: hidden; padding: 15px;}

		.features {display: block; float: left; width: 350px; background: #C4E7EB; margin: 10px 0px; padding: 0px;}
			.features dl {display: block; width: 340px; overflow: hidden; padding:5px;}
			.features dl dt {float: left; width: 155px; margin: 0px;}
			.features dl dd {float: right; font-size: 12px; color: #333333; width: 165px; padding: 5px;}
			.features dl dd .moreDetail {display: block; background: url(../images/icon/ic-arrow.gif) 0px 3px no-repeat; margin-top: 15px; padding-left: 15px; width: 120px!important;}
		
		.buttonfeatures {display: block; float: right; margin: 15px 0px;}
		.buttonfeatures2 {display: block; float: right; margin: 45px 25px 0px 0px;}


		.listService {display: block; width: 550px; margin: 5px auto; overflow: hidden;}
			.listService li {border: 1px solid #4D8ABB; padding: 10px; width: 528px; overflow: hidden; display: block; margin-bottom: 15px;}
			.listService li .categoryService {display: block; float: left; width: 230px; margin: 0px; padding: 0px; border-right: 1px dotted #4D8ABB;}
			.listService li .categoryService img {float: left; margin-right: 5px;}
			.listService li .categoryService p {font-size: 18px; font-weight: bold; color: #1A1A1A; padding-top: 10px;}
			.listService li .categoryService span {font-size: 14px; font-weight: bold; color: #666666;}
			
			.listService li .contentService {display: block; float: right;  width: 270px; font-size: 12px; color: #666; padding-top: 15px;}
			.listService li .contentService span {display: block; background: url(../images/icon/ic-arrow.gif) 0px 1px no-repeat; margin-top:10px; padding-left: 15px; height: 17px;}
			.listService li .contentService span a { color: #F15D27; text-decoration:none; }
			
#footer {display: block; width: 780px; margin: 10px auto; overflow:hidden; clear:both;}
	#footer ul {display: block; width: 700px; margin: 0px; clear: both;}
	#footer ul li {list-style: none; padding: 3px 15px 3px; border-left: 1px solid #999; display: inline; float: left; font-size: 10px; }
	#footer ul li.first {padding-left: 0px; border-left: none;}
	#footer ul li a { color: #333; }
	
	.copyright {display: block; font-size: 10px; color: #333; width: 700px; margin-top: 5px;}


/*inquiry*/
.topBanner.topInquiry {display: block; background: url(../images/banner/banner-inquiry.png) no-repeat; height: 145px;}
.topBanner.topInquiry span { color:#FFFFFF; display:block; font-size:10px; padding:80px 0 0 23px; }

#inquiry { display:block; margin: 0 auto; width:518px; }
.bg-border { display:block; width:518px; margin:15px auto; }
.bg-border .top { background:url(../images/bg/bg-faq-top.gif) no-repeat; height:10px; width:518px; margin: 0px; padding: 0px; }
.bg-border .content { background:url(../images/bg/bg-faq-content.gif) repeat-y; padding:10px 0 13px 25px; width:493px;  }
.bg-border .bottom { background:url(../images/bg/bg-faq-btm.gif) no-repeat; height:10px; width:518px; }

#inquiry { color:#6d6e71; font-size:12px; }
#mainContent #inquiry  h3 { font-size:12px; color:#5AA2D9; font-weight:bold; padding:0 0 5px 0; border:none;  }
#mainContent #inquiry  h3.top25 { padding-top:25px; }
#inquiry p.select { font-size:12px; }
#inquiry .txtbox { border:1px solid #5aa2d8; color:#6d6e71; font-size:12px; }
#inquiry .w150 { width:150px; }
#inquiry .w70 { width:70px; }
#inquiry .contact { display:block; width:460px; }
#inquiry .contact th { padding:10px 0; text-align:left; width:140px; color:#5AA2D9; }
#inquiry .contact td { width:320px; } 
#inquiry .submit { margin: 20px 0 0 150px; }
#inquiry .confirm { text-align:center; margin-top:20px; width:465px; }
#inquiry .complete { text-align:center;  width:465px; }


/*sitemap*/
.topBanner.topSitemap {display: block; background: url(../images/banner/banner-sitemap.png) no-repeat; height: 145px;}

#sitemap { width:510px; margin: 0 auto; display:block; overflow:hidden; }
#sitemap .btn { background:url(../images/bg/bg-blue.jpg) no-repeat; width:194px; height:40px; float:left; color:#fff; font-size:14px; text-align:center;  margin-top:18px; font-weight:bold;  }
#sitemap .btn a { display:block; width:194px; height:27px; padding-top:13px; text-decoration:none; color:#fff;  }
#sitemap .left42 { margin-left:42px; }
#sitemap .left236 { margin-left:236px; _margin-left:118px;}
#sitemap .left18 { margin-left:18px; _margin-left:9px; }
#sitemap .line { border-bottom:1px solid #accfeb; clear:both; padding-top:33px; /padding-top:15px;  _padding-top:33px;margin-bottom:8px!important; overflow:hidden; display:block; background:none; height:0px; }
#sitemap .clear { clear:both; }
#sitemap .sub { width:196px; float:left; }
#sitemap .btn2 { background: url(../images/bg/bg-borderblue.jpg) no-repeat; width:196px; height:42px; float:left; color:#5aa3d8; font-size:14px; text-align:center;  margin-top:24px; font-weight:bold;  }
#sitemap .btn2 a { display:block; width:196px; height:28px; padding-top:14px; text-decoration:none; color:#5aa3d8; } 
#sitemap ul { clear:both; padding:5px 0 0 12px; }
#sitemap ul li { list-style:none; font-size:11px; background:url(../images/icon/list-sitemap.gif) no-repeat left; padding:3px 0 0 10px; line-height:14px;  }
#sitemap ul li a { color:#838385; text-decoration:none; }

/*policy*/
.topBanner.topPolicy {display: block; background: url(../images/banner/banner-policy.png) no-repeat; height: 145px;}
#policy { width:500px; display:block; overflow:hidden; padding:25px 0 25px 25px ;  color:#666666; font-size:12px;  }
#mainContent #policy h3 {color:#666666; font-size:14px; border:none; padding:0px; }
#policy p { line-height:20px; padding-top:10px; } 
#policy ol { padding-left:10px; }
#policy ol li { list-style:decimal; list-style-position:inside; margin-top:25px; font-size:11px; line-height:14px; }
#policy ol li a { color:#666666; text-decoration:none; } 

/*faq*/
.padR{ padding-right:65px;}
	#mainContent .detail h5 { color:#F15D27; font-size:18px; letter-spacing:5px; width:518px; margin:10px auto 0;}
		.topBanner.topFAQ {display: block; background: url(../images/banner/banner-faq.png) no-repeat; height: 145px;}
		 	.topBanner.topFAQ span {padding: 80px 0 0 20px; color: #fff; display: block; font-size: 12px;}
	.faqCont{ border-left:1px solid #000; padding-left:11px; width:470px; overflow:hidden;}
		.faqCont dt{ color:#F15D27; font-size:14px; font-weight:700; letter-spacing:2px; display:block; margin-bottom:14px;}
		.faqCont dd{ font-weight:700; font-size:11px; color:#414142;}
			.faqCont dd span{ display:block; float:left;}
			.faqCont dd p{ display:block; float:left; width:450px;}
		.specialContent{ width:235px; display:block; float:left; overflow:hidden; border-right:1px dotted #000; padding:0 23px; margin-top:19px;}
		.specialContent2{ width:237px; display:block; float:left; overflow:hidden; padding-left:45px; margin:19px 0;}
			.specialContent h4, .specialContent2 h4{ border-left:2px solid #000; padding-left:4px; margin-bottom:11px;}
			.specialContent p, .specialContent2 p{ margin-top:7px; color:#333; font-size:11px;}
		.link{ display:block; text-align:right; clear:both;}
			.link a{ color:#565656; font-size:11px; background:url(../images/icon/list-sitemap.gif) left center no-repeat; padding-left:10px;}
			
/* banner*/
.topBanner.topPc {display: block; background: url(../images/banner/banner-pc.png) no-repeat; height: 145px;}
	.topBanner.topPc span {padding: 80px 0 0 20px; color: #fff; display: block; font-size: 10px;}
.topBanner.topPro {display: block; background: url(../images/banner/banner-promotion.png) no-repeat; height: 145px;}
	.topBanner.topPro span {padding: 80px 0 0 20px; color: #fff; display: block; font-size: 10px;}
.topBanner.topWorks {display: block; background: url(../images/banner/banner-works.png) no-repeat; height: 145px;}
	.topBanner.topWorks span {padding: 80px 0 0 20px; color: #fff; display: block; font-size: 10px;}
.topBanner.topMobile {display: block; background: url(../images/banner/banner-mobile.png) no-repeat; height: 145px;}
	.topBanner.topMobile span {padding: 77px 0 0 20px; color: #fff; display: block; font-size: 10px;}


/* pc page*/
.pcTop {display: block; background:  url(../images/bg/bg-promotion-top.gif) no-repeat ; height: 2px; width: 542px;}
.pcBottom {display: block; background: url(../images/bg/bg-promotion-b.gif) no-repeat ; height: 4px; width: 542px; margin-bottom: 15px;}
.pcDetail {display: block ; background: url(../images/bg/bg-promotion-detail.gif) repeat-y ; width: 482px; padding: 15px 30px; height: 1%; overflow: hidden;}

.pcDetail dt { display: block;  padding-right: 10px; width: 125px; float: left;}
.pcDetail dt img { border: 4px solid #ddd; }
.pcDetail dd {display: block; width: 295px; float: right; border-left: 2px dotted #ddd; padding:0 0 0 28px; line-height: 18px;}
.pcDetail h4 { font-size: 16px; font-weight: 700; color: #393636; margin-bottom: 12px; border: none;}
.pcDetail p { font-size: 12px; font-weight: 700; color: #595757; line-height: 18px;}
.moreDetail { font-size: 10px; color: #595757; background: url(../images/icon/ic-arrow.gif) no-repeat left center; padding: 5px 0 5px 12px;}
.moreDetail a { color: #F15D27; text-decoration: none;}

/* works page */
.navWorks { display: block;  height: 21px; font-size: 11px; color: #5aa2d8;}
.works_mobile { background: url(../images/bg/bg-work-nav1.gif) no-repeat; }
.works_pc { background: url(../images/bg/bg-work-nav2.gif) no-repeat; }
.works_promo { background: url(../images/bg/bg-work-nav3.gif) no-repeat; }
.works_charactor { background: url(../images/bg/bg-work-nav4.gif) no-repeat; }
.navWorks li { display: block; overflow: hidden; float: left; padding-top: 6px;}
	.navWorks li.mobile { padding-left: 10px;}
	.navWorks li.pcFlash { padding-left: 10px; margin-left: 23px;}
	.navWorks li.pro { padding-left: 10px; margin-left: 10px;}
	.navWorks li.char { padding-left: 10px; margin-left: 5px;}
	
.navWorks li a { color: #5aa2d8; text-decoration: none;}
.workBox { display: block; border: 1px solid #afcfe8; overflow: hidden ; clear: both; padding: 15px;}
.workDetail { display: block; height: 1%; overflow: hidden; margin-bottom: 37px;  }
.workDetail dt { display: block;  padding-right: 10px; width:209px; float: left; }
.workDetail dt img {border: 11px solid #ddd;}
.workDetail dd { display: block ; width: 275px; float: right; border-bottom: 1px solid #4d8abb; height: 176px;}
.workDetail h4 { font-size: 16px; font-weight: 700; color: #000; border-left: 1px solid #000; padding-left: 5px; line-height: 20px;}
.workDetail dd p { display: block; margin: 9px 0 12px; color:#595757; display: block;}
.workDetail dd p.sub { font-size: 10px;}
.workDetail dd p.main { font-size: 12px; font-weight: 700; }
.workBox .last { margin-bottom: 0;}

/* mobile page */
.detailTran { display:block; overflow:hidden;}
.mobileTop {display: block; background:  url(../images/bg/bg-mobile-top.png) no-repeat ; height: 8px;}
.mobileBottom {display: block; background: url(../images/bg/bg-mobile-bottom.png) no-repeat ; height: 8px;}
.mobileDetail {display: block ; background: url(../images/bg/bg-mobile-content.png) repeat-y ; padding: 15px 30px 10px; height: 1%; overflow: hidden;}
.mobileDetail dt { width: 127px; display: block; float: left; margin-right: 20px;}
.mobileDetail dd { display: block; overflow: hidden ; float: right; width: 345px; padding: 0 0 0 25px; border-left: 4px solid #4d8abb;}
.mobileDetail h4 { font-size: 16px; font-weight: 700; color: #f15c28; display: block; margin: 5px 0;}
.mobileDetail dd p { display: block; font-size: 12px; line-height: 18px; color: #383839; padding-right: 10px;}

.mobileDetail dd span { font-size: 10px; color: #595757; background: url(../images/icon/ic-arrow.gif) no-repeat left center; display: block; margin-top: 10px; padding-left: 10px; float: left;}
.mobileDetail dd span a { color: #F15D27; text-decoration: none;}

/* index*/
#middleContent { display: block; overflow: hidden; width: 393px; padding-left: 10px; float: left;}
#rightContent { display: block ; overflow: hidden; width: 180px; float: right;}


.indexHead { display: block ; background: url(../images/bg/bg_indexHead.gif) no-repeat ; height: 25px; font-size: 16px; color: #fff; padding: 5px 0 0 20px; font-weight: 700; clear: both;}
.newsToppic { display: block; width: 390px; overflow: hidden; margin: 5px 0; margin-right: 20px; height: 1%; border: 1px solid #999999;}
.newsToppic dt { display: block ; width: 61px; overflow: hidden; float: left;}
.newsToppic dd { display: block ; width: 300px; overflow: hidden; float: left; margin-top:10px; margin-left: 10px; }
.newsToppic p.date { color: #548EC1; display: block; /*background: url(../images/bg/line_news.gif) no-repeat  bottom;*/ font-size: 17px; margin-bottom: 10px; font-weight: 700;}
.newsToppic p.date a { color: #548EC1; text-decoration: none;}
.newsToppic p { font-size: 10px; color: #4D4D4D; display: block ; line-height: 14px;}
.rightNews { margin-right: 0;}
.Top20 { margin-bottom: 20px; display: block; clear: both;}

/* Update Information  */		
	.update { display: block; padding: 10px 0; list-style: none; color: #4D4D4D; font-size: 10px;}
		.update li { display: block; overflow: hidden; border-bottom: 1px dashed #4D4D4D;  padding: 5px 0 ;  line-height: 10px; margin-right: 5px; height: 1%;}
		.update li p { display: block; overflow: hidden; width: 80px; float: left; padding-left: 18px; background:  url(../images/icon/ic-arrow-update.gif) no-repeat left center; font-size: 12px; font-weight: 700;}
		.update li span { display: block; overflow: hidden ; width: 290px; text-align: left; line-height: 12px; float: right;}
		.update li p a {color: #4D4D4D; text-decoration: none;}
		.update li p a:hover { text-decoration: underline;}

/* portfolio*/
.titlePort { font-size: 16px; font-weight: 700; display: block; margin-bottom: 15px;}
.titlePort span { font-size: 10px;}
.portView {display: block; background: url(../images/icon/ic-arrow.gif) no-repeat left; font-size: 10px; margin-bottom: 5px; padding: 4px 0 4px 12px;}
.portView a { color: #F9C159; text-decoration: none;}
.portViewil a:hover { text-decoration: underline;}
.portDetail { font-size: 11px; font-weight: 700; line-height: 14px; display: block; margin-top: 5px;}

.headTitle{ background: url(../images/bg/bg-header-content.gif) no-repeat; width:489px; overflow:hidden; padding:18px 76px 0 26px; display: block; }
	.headTitle h3{ font-size:28px; color:#ef5c28; padding-bottom:4px; overflow:hidden; display: block;}
		.headTitle h3 span{ display:inline; float:right; color:#58595d; font-size:14px; margin:10px 5px 0 0;}
		.headTitle h3 strong{ display:inline; float:left;}
.outterFlash{ padding:0 21px 0 22px!important; width: 546px!important;}
.sample_banner { padding-left:30px; margin:10px 0 5px 0; display:block; overflow: hidden; }
.sample_banner  img { border: 1px solid #5AA2D9; }
.sample_banner .imgright { margin-left:70px; }
.sample_text { overflow:hidden; display:block; margin: 0px; padding: 0px; height: 30px; }
 .sample_text2 { width:500px; display:block; overflow:hidden; }
.sample_text  span { display:block; float:left; width:50%; text-align:center; color:#58585A; font-size:11px; line-height:15px; }
.sample_text2  span { display:block; float:left; width:33%; text-align:center; color:#58585A; font-size:11px; line-height:15px; }

.sample_pcgame { margin:8px 0 5px 0; display:block; }
.sample_pcgame  img { border: 1px solid #5AA2D9; }
.sample_pcgame .imgright { margin-left:10px; }
.subTitle{ font-size:11px; color:#58585a; margin-bottom:13px; line-height:15px; border-top:2px dotted #7e7d82; width:489px; padding-top:5px;}
.subTitle strong{ font-size:18px; line-height:26px;}
.innerFlash{ border:1px solid #a9cee9; padding:16px 10px 15px 13px; margin-bottom:10px; color:#333333; overflow:hidden; display:block; height:auto; width:523px;}
	.innerFlash .steps{ list-style:none; overflow:hidden;}
		.innerFlash .steps li{ overflow:hidden; padding:1px; display:block;}
		.steps .stp1{ background:url(../images/other/step1.gif) no-repeat; width:88px; height:65px; overflow:hidden; color:#FFF; display:block; font-size:10px; padding:24px 27px 0 59px; line-height:12px;}
		.steps .stp2{ background:url(../images/other/step2.gif) no-repeat; width:88px; height:60px; overflow:hidden; color:#FFF; display:block; font-size:10px; padding:29px 27px 0 59px; line-height:12px;}
		.steps .stp3{ background:url(../images/other/step3.gif) no-repeat; width:88px; height:60px; overflow:hidden; color:#FFF; display:block; font-size:10px; padding:29px 27px 0 59px; line-height:12px;}
		.steps .row3{ padding-top:23px!important; height:66px!important;}
			.steps .samPic{ margin-right:20px; display:block; float:left; overflow:hidden;}
			.steps .picDT{ display:block; float:left; width:350px;}
		.steps p{ font-size:11px; margin-bottom:5px; line-height:15px;}
		.steps .highLight{ font-size:18px; color:#58585a; line-height:26px;}
		.steps .machi, .steps .machi2{ display:block; clear:both; margin-bottom:20px; overflow:hidden; width:523px;}
			.steps .machi li, .steps .machi2 li{ display:inline; float:left; margin-right:9px; width:86px; text-align:center; font-size:11px;}
			.steps .machi2 li{ width:202px; font-size:16px; font-weight:bold; margin:0;}
			.steps .machi2 li p{ font-size:16px;}
			.steps .machi2 li img{ display:inline; float:left; margin:0 5px 5px 0;}
			.steps .machi .qr, .steps .machi2 .qr{ width:87px; font-size:10px; font-weight:normal;}
		.steps p.machiL{ font-size:16px; margin-top:20px;}
.tabs{ list-style:none; height:23; width:332px;}
.lib{background:url(../images/bg/manytab.gif) no-repeat;}
.custom{ background:url(../images/bg/manytab2.gif) no-repeat;}
	.tabs li{ display:inline; padding:0 16px; height:21px;}
		.tabs li a{ font-size:10px; color:#5AA2D9; text-decoration:none;}
.SContL { width:335px; display:inline; float:left; clear:both;}
	.SContL p.head{ height:21px; display:block; margin-bottom:0px; }
		.SContL p.head strong{border-top:1px solid #accfeb; border-left:1px solid #accfeb; display:inline; float:left; padding:2px 6px 0; height:19px; color:#58a1d8; font-size:14px;}
		.SContL p.head span{ background:url(../images/bg/tab.gif) no-repeat; width:16px; height:22px; overflow:hidden; display:inline; float:left;}
		.inSContL{color:#59595b; width:303px; border:1px solid #add0ec; padding:8px 16px; overflow:hidden; float:left;}
		.inSContL p{color:#59595b; display:block;}
			.inSContL p strong{ font-size:11px; line-height:15px;}
		.inSContL img{ float:left;}
		.inSContL .ScontDetail{ float:right; width:130px; position:relative; min-height:116px; _height:116px; overflow:hidden;}
			.ScontDetail .row1{ color:#464648; font-size:9px;}
			.ScontDetail .row2{ position:absolute; top:100px; left:0; }
				.ScontDetail .row2 a{color:#f25c29; display:block; font-size:10px; text-decoration:none; margin-top:2px;}
				.ScontDetail .row2 .more{ background:url(../images/icon/ic-arrow-orange.gif) no-repeat; padding-left:11px; }
.SContR { width:188px; display:inline; float:right; border:1px solid #b7b7b7; margin-top:22px; padding:31px 0 16px; text-align:center; }
	.SContR p{ font-size:12px; width:124px; display:block; margin:0 auto 6px; text-align:left;}
	.SContR p strong{ font-size:18px;}
	.SContR a{ background:url(../images/botton/btn-Click-s.jpg) no-repeat; width:128px; height:55px; overflow:hidden; display:block; margin:0 auto;}
.topFlash{ background:url(../images/banner/flashmobile.gif) no-repeat!important; height:121px!important;}
.comment{ font-size:7px!important;}
.comment span { float:left; display:block; margin-left:55px; }
.comment span.next { float:left; display:block; margin-left:115px; }

.line{ width:511px; height:2px; display:block; clear:both; overflow:hidden; background:#d6d6d6; margin:0 0 28px;}
.Flashsite{ background:url(../images/banner/flash_site.gif) no-repeat!important; height:121px!important;}
.flashSiteDT{ position:relative; overflow:hidden; width:100%; margin-top:15px;}
	.flashSiteDT img{ float:left;}
	.flashSiteDT span{ float:left; display:inline; margin-left:27px;}
	.flashSiteDT .orange{ float:right; margin:6px 30px 20px;}
		.flashSiteDT .orange a{ color:#F15D27; background:url(../images/icon/ic-arrow-orange.gif) no-repeat; padding-left:11px;}
		.flashSiteDT span a{ background:url(../images/icon/ic-arrow.gif) no-repeat; padding-left:11px; text-decoration:none; color:#F15D27;}
		.orng{ color:#F15D27!important; background:url(../images/icon/ic-arrow-orange.gif) no-repeat!important; padding-left:11px!important;}
		.flashSiteDT .LinkTop{ position:absolute; bottom:0; right:30px; background:url(../images/icon/up-arrow.gif) no-repeat; padding-left:17px; text-decoration:none; color:#F15D27;}
.imageBox{ float:left; width:150px; display:inline; margin-right:14px;}
	.imageBox img{ display:block; margin-bottom:6px;}
	.imageBox span{ display:block; text-align:center;}
	
.topBanner.topChar { background:url(../images/banner/banner-charactor.png) no-repeat; height:144px;}

.glossymenu{
padding: 0;
margin-top:20px;
width: 147px; /*width of menu*/
}

.glossymenu a.menuitem{
font-size: 14px;
font-weight: bold;
color: #5AA2D9;
display: block;
/*position: relative;*/ /*To help in the anchoring of the ".statusicon" icon image*/
width: 117px;
padding: 7px 0 7px 35px;
text-decoration: none;
height:18px;
}
.glossymenu a.menuitem span {font-size: 14px; font-weight: bold; color: #5AA2D9; width: 115px; display: block; }

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #5AA2D9;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
display:block;
margin:0px 0 5px 12px;
overflow:hidden;
width:145px;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
margin-top:0px;
}

.glossymenu div.submenu ul li{
background:transparent url(../images/icon/ic-arrow-grey.gif) no-repeat scroll 0 5px;
color:#666666;
font-size:12px;
margin:0;
padding:5px 0 3px 10px;
width:135px;
}

.glossymenu div.submenu ul li a{
color:#666666;
text-decoration:none;
}

.accordprefix , .accordsuffix {border: none!important; display: none!important; height:1px; font-size:1px;}

.nav {border-bottom: 1px solid #5AA2D9; }

span#sname , span#semail { color:#FF0000; }