/* CSS Default */
*{ padding:0px; margin:0px;}
body{ font-family:Tahoma; font-size:11px; color:#222;}
a{ font-family:Tahoma; color:#f00; cursor:pointer; border:none;}
a:hover{ text-decoration:none;}
img{ font-size:0px; border:none; overflow:hidden;}
input{ font-family:Tahoma; font-size:11px; padding:2px 3px 1px;}
select{ font-family:Tahoma; font-size:11px; padding:1px 1px 1px 1px;}
textarea{ font-family:Tahoma; font-size:11px; padding:1px 1px 1px 3px; overflow:auto;}
h1,h2,h3,h4,h5,h6{ font-family:Tahoma; font-size:100%;}

/* CSS Common */
.clear{ clear:both; font-size:0px;}
.fLeft{ float:left;}
.fRight{ float:right;}
.aLeft{ text-align:left;}
.aRight{ text-align:right;}
.aCenter{ text-align:center;}

.wrapper{ width:970px; margin:0 auto;}
.ln_end{ height:15px; background:url(../images/ln_gray.gif) left 8px repeat-x;}

.chk_box{ width:14px; height:14px; vertical-align:middle;}

.w_300{ width:300px;}
.w_310{ width:302px; *width:304px; _width:304px;}

.h_100{ height:100px;}

.padT_5{ padding-top:5px;}
.padT_10{ padding-top:10px;}
.padB_10{ padding-bottom:10px;}

.txt_10{ font-size:10px;}
.txt_12{ font-size:12px;}

.txt_gray{ color:#CCCCCC;}
.txt_blue{ color:#0000FF;}
.txt_orange{ color:#FF6600;}


.lk_underline_none a{ text-decoration:underline;}
	.lk_underline_none a:hover{ text-decoration:none;}
.lk_none_underline a{ text-decoration:none;}
	.lk_none_underline a:hover{ text-decoration:underline;}
.lk_none_none a{ text-decoration:none;}
	.lk_none_none a:hover{ text-decoration:none;}
.lk_underline_underline a{ text-decoration:underline;}
	.lk_underline_underline a:hover{ text-decoration:underline;}

.pages{ width:99%; font-family:Tahoma; font-size:11px; font-weight:bold; text-align:center; background:#fff; padding:15px 0 5px;}
	.pages a{ color:#fff; background:#004c61; border:1px #004c61 solid; margin:0 3px; padding:1px 5px; text-decoration:none;}
	.pages a:hover{ color:#999; background:#fff; border:1px #999 solid; text-decoration:none;}
	.pages .del{ font-weight:normal;}
		.pages .del a{ background:none; border:none; color:#004c61; padding:0 5px;}
		.pages .del a:hover{ background:none; border:none; color:#999;}
	.pages .selected{ color:#999; background:#fff; border:1px #ccc solid; margin:0 3px; padding:1px 5px;}

.btn_contact{}
	.btn_contact a{ float:left; color:#fff; font-weight:bold; padding:4px 8px; background:#f00; text-decoration:none; margin-right:5px;}
	
/* CSS Content */
.content{ width:970px;}
	.content .col_left{ float:left; width:554px; position:relative;}
		.col_left .bn_544x500{ float:left; width:544px; height:500px; position:absolute; z-index:0; left:0px; top:0px;}
		.col_left .nav{ width:303px; position:absolute; z-index:10; left:120px; top:380px;}
			.nav li{ float:left; list-style-type:none; font-size:12px; text-transform:uppercase; padding-right:1px;}
			.nav a{ float:left; width:100px; height:21px; color:#222; text-decoration:none; text-align:center; background:#cddce4; padding-top:9px;}
			.nav a:hover{ background:#f3c91a;}
			.nav .selected a{ background:#f3c91a;}
		.col_left .bg_trans_white{ width:520px; height:360px; position:absolute; z-index:100; left:12px; top:10px; background:url(../images/bg_trans_520x360.png) left top no-repeat;}
			.bg_trans_white .detail{ width:488px; height:310px; position:relative; padding:25px 2px 25px 30px; overflow:hidden;}
			.bg_trans_white .detail h4{ font-size:12px; color:#f68400; text-transform:uppercase; padding-bottom:20px;}
			.bg_trans_white .detail .btn_close{ position:absolute; right:2px; top:2px;}
			.bg_trans_white .detail .introduction{ width:460px; height:310px; font-size:12px; overflow:auto; padding-right:28px;}
				.bg_trans_white .detail .introduction p{ line-height:18px; text-align:justify;}
			.bg_trans_white .detail .contact{ width:460px; height:310px; font-size:11px; overflow:auto; padding-right:28px;}
				.contact .ls_form{ width:460px;}
					.contact .ls_form li{ list-style-type:none;}
					.contact .ls_form .col_title{ float:left; width:100px; padding:9px 10px 0 0;}
					.contact .ls_form .col_form{ float:left; width:350px; padding-top:6px;}
						.contact .ls_form .col_form input{ float:left; width:320px;}
						.contact .ls_form .col_form textarea{ float:left; width:322px; *width:324px; height:100px;}
						.contact .ls_form .col_form .btn_send{ float:left; width:350px; padding-top:8px;}
							.contact .ls_form .col_form .btn_send a{ float:left; height:18px; color:#222; text-decoration:none; text-transform:uppercase; font-weight:bold; text-align:center; background:#cddce4; padding:5px 12px 0; background:#f3c91a;}
							.contact .ls_form .col_form .btn_send a:hover{ color:#fff;}
	
	.content .col_right{ float:right; width:416px; position:relative;}
		.col_right .ls_services{ width:416px;}
			.ls_services li{ float:left; width:183px; height:245px; list-style-type:none; overflow:hidden; padding:0 10px;}
			.ls_services .bg_design{ background:url(../images/bg_203x245_design.jpg) left top no-repeat; margin-right:10px;}
			.ls_services .bg_promotion{ background:url(../images/bg_203x245_promotion.jpg) left top no-repeat;}
			.ls_services .bg_hosting{ background:url(../images/bg_203x245_hosting.jpg) left top no-repeat; margin-right:10px; margin-top:7px;}
			.ls_services .bg_software{ background:url(../images/bg_203x245_software.jpg) left top no-repeat; margin-top:7px;}
			.ls_services .ico_pos{ width:183px; text-align:center;}
			.ls_services h4{ font-size:17px; text-align:center; text-transform:uppercase; padding-top:5px;}
				.ls_services h4 a{ color:#222; text-decoration:none;}
				.ls_services h4 a:hover{ color:#fff;}
			.ls_services .info{ width:183px; height:100px; overflow:hidden; padding-top:10px; line-height:16px;/* text-align:justify;*/}
			.ls_services .lk_catch{ width:183px; text-align:right; font-weight:bold; padding-top:13px;}
				.ls_services .lk_catch a{ color:#222; text-decoration:underline;}
				.ls_services .lk_catch a:hover{ color:#fff; text-decoration:underline;}
	
	
	
/* CSS Footer */
.footer{ width:970px; height:47px; color:#fff; text-align:center; background:url(../images/bg_footer.gif) left bottom no-repeat; padding-top:10px;}