@charset "utf-8";

/*CSS Reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0; padding:0;
	font-family: "Segoe WP","Segoe UI",Microsoft YaHei,tahoma,verdana,arial,sans-serif;
}
body {font-size:14px ;  color:#767676; text-align:center;}
table {font-size:inherit;}pre,code,kbd,samp,tt{ }

table {
	border-collapse:collapse; border-spacing:0; 
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal; font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%; font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}
a{color:#000;
	text-decoration:none;
}
a:link{}
a:hover {text-decoration:underline; color:#00a1e9;}
a:active{color:#767676;}
a:visited{ color:#767676;}
a:focus { outline:0 } 

.pointer {cursor:pointer;}

/*self-fix css*/
.clearfix {zoom:1} /*for IE */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} /* for Others */

/*home style setting*/
.home{ background: url(../images/bg.jpg) no-repeat center top;}
.header{ background:#fff; height:60px; position:relative; width:100%;}
.header .logo{ position:absolute; left:20px;}
.header .slogon{ position:absolute; right:20px; line-height:65px; background:url(../images/techexcel_logo.gif) no-repeat right; padding-right:60px; }

.main{ padding:0 20px;}
.main h2{ font-size:36px; color:#d3f1fe; padding-top:66px; font-family:"Segoe UI"; letter-spacing:-1px;}
.main p.title{ font-size:18px; color:#fff;}
.main .boxWrap{ padding:0 20px; padding-top:60px;}
.main .boxWrap .left, .main .boxWrap .middle, .main .boxWrap .right{ width:33%; float:left;}
.main .boxWrap .box h3{ font-size:24px; text-transform:uppercase; line-height:76px; border-radius:6px 6px 0 0; border-bottom:1px solid #ccd5d9; background:#fff;}
.main .boxWrap .box ul.content li{ border-bottom:1px dashed #afbec4; padding:16px 0; position:relative;}
.main .boxWrap .box ul.content li.last{ border:none;}

.main .boxWrap .left .box{ margin-right:20px; }
.main .boxWrap .left .box h3{ color:#00a1e9;}
.main .boxWrap .left .box .content{ display:block; background:#d3f1fe; padding:30px; text-align:left; border-radius: 0 0 6px 6px;}
.main .boxWrap .left .box .content .l{ width:auto; margin-right:100px; }
.main .boxWrap .left .box .content .l h4{ font-size:18px; font-family: "Segoe UI"; color:#000; letter-spacing:-1px;}

.main .boxWrap .left .box .content .r{width:90px; position:absolute; right:0; top:30px;}
.main .boxWrap .left .box .content .r a.buttonSmall{ padding:6px 22px; color:#000; background:#fff; border:1px solid #bfbfbf; border-radius: 3px; text-decoration:none;}
.main .boxWrap .left .box .content .r a.buttonSmall:hover{ background:#00a1e9; color:#fff; border:1px solid #00a1e9; }

.main .boxWrap .middle .box{ margin-right:20px;}
.main .boxWrap .middle .box h3{ color:#13c75b;}
.main .boxWrap .middle .box .content{ background:#d3fed5; padding:30px; text-align:left; border-radius: 0 0 6px 6px;}
.main .boxWrap .middle .box .content h4 a { display:block;font-size:18px; font-family: "Segoe UI"; color:#000; letter-spacing:-1px; background:url(../images/icon1.png) no-repeat right; padding-right:26px;}
.main .boxWrap .middle .box .content h4 a:hover{ color:#13c75b;}


.main .boxWrap .right .box{}
.main .boxWrap .right .box h3{ color:#e9aa00;}
.main .boxWrap .right .box .content{ background:#f8fed3; padding:30px; text-align:left; border-radius: 0 0 6px 6px;}
.main .boxWrap .right .box .content ul{ border-bottom:1px dashed #afbec4; padding:16px 0;}
.main .boxWrap .right .box .content ul a{font-size:18px; font-family: "Segoe UI"; color:#000; letter-spacing:-1px; background:url(../images/icon.png) no-repeat right; padding-right:28px; line-height:24px; display:block;}
.main .boxWrap .right .box .content ul a:hover{ color:#e9aa00;}



.footer{ background:#fff; width:100%; height:36px; line-height:36px; position: fixed; bottom:0;}

/*child page style setting*/
.childPage{ background:url(../images/bg1.jpg) no-repeat center top; }
.child{ padding:0;}
.child h3{font-size:22px; color:#00a1e9; line-height:66px; height:66px; margin-top:60px; position:relative; padding-left:30px; border-bottom:1px solid #ccd5d9; background:#fff; letter-spacing:-1px; text-align:left;}
.child h3 .back{ color:#000;}
.child h3 .back{ padding:6px 22px; font-size:14px; position:absolute; height:auto; line-height: normal; right:30px; color:#000; background:#fff; border:1px solid #bfbfbf; border-radius: 3px; text-decoration:none; top:18px;}
.child h3 .back:hover{ background:#00a1e9; color:#fff; border:1px solid #00a1e9; }

.child  .mainBox{ background:#e5f6fe; text-align:left; padding:30px; font-size:16px; line-height:24px;}
.child  .mainBox .l{ width:auto; float:none; margin-right:568px;}
.child  .mainBox .l h4{font-size:18px; font-family: "Segoe UI"; color:#000; letter-spacing:-1px;}
.child  .mainBox .l p,.child  .mainBox .l ul{ padding-bottom:26px;}
.child  .mainBox .l ul li{ list-style:square; margin-left:20px;}

.child  .mainBox .r{ width:448px; float:right; padding:30px; border-radius:5px; background:#fff;}
.child  .mainBox .r h4{font-size:18px; font-family: "Segoe UI"; color:#000; letter-spacing:-1px;}
.child  .mainBox .r .button { width:166px; margin:16px 0;}
.child  .mainBox .r .button a{ display:block; text-align:center; text-decoration:none; background: url(../images/buttonBg.gif) repeat-x; line-height:34px; height:34px; border-radius:3px; font-size:16px; color:#fff;}
.child  .mainBox .r .button a:hover{ background:#0284be;}
.child  .mainBox .r li{ font-size:14px; padding:10px 0; padding-left:38px;}
.child  .mainBox .r li.no1{ background:url(../images/1.gif) no-repeat left;}
.child  .mainBox .r li.no2{ background:url(../images/2.gif) no-repeat left;}
.child  .mainBox .r li.no3{ background:url(../images/3.gif) no-repeat left;}
.child  .mainBox .r li.no4{ background:url(../images/4.gif) no-repeat 0 10px;}
.child  .mainBox .r li a{ color: #00A1E9;font-weight: bold;}


.footerChild{ background:#fff; width:100%; height:36px; line-height:36px; }