* {
	padding:0px;
	margin:0px;
}
body {
	font-family:Tahoma;
	font-size:13px;
	background:#f2f2f2;
}
a {
	text-decoration:none;
}
#main_container {
	width:990px;
	clear:both;
	margin:0px auto;
}
#header_content {
	height:97px;
	clear:both;
}
#menu_container {
	background:url(image/menu.jpg) no-repeat;
	width:886px;
	height:38px;
	clear:both;
}
.menu_active {
	color:#FFFFFF;
	font-weight:bold;
}
#menu {
	list-style:none;
	position:relative;
	top:9px;
	right:12px;
}
#menu li {
	padding:0px 15px 0px 15px;
	display:inline;
}
#menu li a {
	color:#d5d3d3;	
	text-decoration:none;
}
#menu li a:hover {
	color:#ffffff;
}
/*
#logo {
	float:left;
	background:url(image/logo.jpg) no-repeat;
	width:188px;
	height:82px;
	border:none;
	position:relative;
	left:20px;
	top:5px;
	float:left;
	cursor:pointer;
}
*/
#logo {
	float:left;
	background:url(image/logo.jpg) no-repeat;
	width:180px;
	height:50px;
	border:none;
	position:relative;
	left:35px;
	top:25px;
	float:left;
	cursor:pointer;
}
#social_link_fb {
	width:35px;
	height:35px;
	cursor:pointer;
	float:left;
	top:10px;
	position:relative;
	left:5px;
}
#social_link_tw {
	width:35px;
	height:35px;
	cursor:pointer;
	float:left;
	top:10px;
	position:relative;
	left:10px;	
}
#social_link_gg {
	width:35px;
	height:35px;
	cursor:pointer;
	float:left;
	top:10px;
	position:relative;
	left:14px;	
}
#social_network {
	background:url(image/social_network.jpg) no-repeat;
	width:131px;
	height:55px;
	float:right;
	border:none;
	position:relative;
	top:20px;
	right:20px;
}
#body_container {
	clear:both;
	width:100%;
}
#body_h {
	background:url(image/body_h.jpg) no-repeat;
	width:900px;
	height:25px;
	clear:both;
}
.body_b {
	background:url(image/body_b.jpg) repeat-y;
	width:900px;
	clear:both;
}
#main_table {
	clear:both;
	position:relative;
	left:5px;
	width:880px;
}
.home_service_horizontal {
	clear:both;
	width:100%;
}
.home_service_hori_box {
	width:290px;
	float:left;
}
.home_service_hori_label {
	text-align:left;
	padding:10px 0px 10px 5px;
}
.home_service_hori_label a {
	color:#035a87;
	font-weight:bold;
	text-decoration:none;	
	font-size:15px;
}
.home_service_hori_label a:hover {
	color:#606060;
}
#home_service_hori_service_1 {
	background:url(image/home/service/1.jpg) no-repeat;
	width:275px;
	height:110px;
	clear:both;
}
#home_service_hori_service_2 {
	background:url(image/home/service/2.jpg) no-repeat;
	width:275px;
	height:110px;
	clear:both;
}
#home_service_hori_service_3 {
	background:url(image/home/service/3.jpg) no-repeat;
	width:275px;
	height:110px;
	clear:both;
}
#home_service_hori_service_4 {
	background:url(image/home/service/4.jpg) no-repeat;
	width:275px;
	height:110px;
	clear:both;
}
#home_service_hori_service_5 {
	background:url(image/home/service/5.jpg) no-repeat;
	width:275px;
	height:110px;
	clear:both;
}
#home_service_hori_service_6 {
	background:url(image/home/service/6.jpg) no-repeat;
	width:275px;
	height:110px;
	clear:both;
}
.home_service_hori_content {
	text-align:justify;
	clear:both;
	color:#60696b;
	width:95%;
	line-height:20px;
	padding:5px 0px 15px 0px;
	text-indent:20px;
	border-bottom:1px dashed #e5e4e4;
}
.home_service_hori_content_2 {
	text-align:justify;
	clear:both;
	color:#60696b;
	text-indent:20px;
	width:95%;
	line-height:20px;
	padding:5px 0px 15px 0px;
}
#home_customer_container {
	clear:both;
	margin-top:20px;
}
.home_label_container {
	clear:both;
	margin-top:10px;
	width:98%;
	height:30px;
}
.home_label_label {
	float:left;
	color:#6f6f6f;
	font-size:13px;
	font-weight:bold;
}
.home_label_more {
	float:right;
}
.home_label_more a {
	color:#0088cc;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}
.home_label_more a:hover {
	color:#656565;
}
#home_customer_logo {
	clear:both;
}
.home_customer_logo_style {
	border:none;
}
#home_customer_logo_ul {
	list-style:none;
}
#home_customer_logo_ul li {
	display:inline;
	padding:3px;
}
.line {
	background:url(image/line.jpg) no-repeat;
	width:857px;
	height:8px;
	clear:both;
}
#home_training_container {
	clear:both;
}
#home_training_ul_container {
	position:relative;
	right:6px;
}
#home_training_ul {
	list-style:none;
}
#home_training_ul li {
	display:inline;
}
.training_container {
	background:url(image/training.jpg) no-repeat;
	width:219px;
	float:left;
	height:358px;
}
.training_logo {
	clear:both;
	position:relative;
	top:20px;
	left:20px;
	width:175px;
}
.logo_training_style {
	clear:both;
	max-width:175px;
	max-height:120px;
	overflow:hidden;
}
.training_intro {
	clear:both;
	color:#000000;
	position:relative;
	top:10px;
	width:180px;
	position:relative;
	text-align:center;
	left:18px;
	top:20px;
}
.training_content {
	float:left;
}
.training_label {
	color:#000000;
	font-weight:bold;
	margin-top:5px;
	text-align:center;
}
.training_des {
	text-align:justify;
	color:#333333;
	margin-top:10px;
	line-height:19px;
}
.training_link {
	text-align:left;
	margin-top:15px;
}
.training_link a {
	color:#0088cc;
	text-decoration:none;
}
.training_link a:hover {
	color:#015c89;
}
.hot {
	background:url(image/hot.png) no-repeat;
	width:78px;
	height:84px;
}
#footer_container {
	clear:both;
}
#footer_h {
	background:url(image/footer_h.jpg) no-repeat;
	width:900px;
	height:15px;
}
#footer_b {
	background:url(image/footer_b.jpg) repeat-y;
	width:900px;
	clear:both;
}
#footer_f {
	background:url(image/footer_f.jpg) no-repeat;
	width:900px;
	height:18px;
	clear:both;
}
#footer_vertical_container {
	clear:both;
	position:relative;
	left:50px;
}
.footer_vertical {
	float:left;
	width:160px;
	margin-right:50px;
	margin-top:10px;
	margin-bottom:10px;
}
.footer_vertical_header {
	color:#666666;
	margin-bottom:5px;
	font-weight:bold;
	text-align:left;
	position:relative;
	left:4px;
}
.footer_vertical_body {
	clear:both;
	text-align:left;
}
.footer_ul {
	list-style:none;
}
.footer_ul a {
	list-style:none;
	color:#666666;
	text-decoration:none;
}
.footer_ul a:hover {
	color:#0088cc;
}
.footer_ul li {
	padding:5px;
	color:#666666;
}
#footer_copy {
	background:url(image/footer_copy.jpg) no-repeat;
	width:900px;
	height:66px;
	clear:both;
}
#footer_copy_top {
	width:670px;
	text-align:left;
	clear:both;
	color:#6b6b6b;
	font-size:12px;
	position:relative;
	top:12px;
	left:45px;
}
#footer_copy_bottom {
	font-size:12px;
	width:650px;
	text-align:left;
	clear:both;	
	position:relative;
	top:25px;
	color:#9b9a9a;
	left:35px;
}
.footer_copy_active {
	color:#3b3a3a;
}
#footer_copy_bottom a {
	text-decoration:none;
	color:#9b9a9a;
}
#footer_copy_bottom a:hover {
	color:#0088cc;
}
#home_service_container {
	clear:both;
	padding-top:20px;
}
#home_intro {
	position:relative;
	clear:both;
	position:relative;
	left:5px;
	top:10px;
}
#intro_line {
	background:#cccccc;
	width:887px;
	right:2px;
	height:1px;
	position:absolute;
}
#service_container {
	clear:both;
	width:100%;
	position:relative;
	right:7px;
}
.service_horizontal {
	clear:both;
	width:100%;
}
.service_header_container_left {
	position:relative;
	left:40px;
	top:20px;
	text-align:center;
	float:left;
}
.service_header h1 {
	color:#000000;
	font-weight:bold;
	font-size:22px;
	margin-bottom:2px;
}
.service_header_sub h2 {
	color:#4c4c4c;
	font-size:15px;
}
.service_header_container_right {
	position:relative;
	top:20px;
	right:140px;
	text-align:center;
	float:right;
}
#service_mobile {
	clear:both;
	background:url(image/service/mobile.jpg) no-repeat;
	width:990px;
	height:419px;	
}
#service_mobile_content {
	clear:both;
	line-height:22px;
	width:840px;
	position:relative;
	top:40px;
	float:left;
	text-indent:20px;
	text-align:left;
	top:35px;
	left:30px;		
}
#service_contactus {
	clear:both;
	background:url(image/service/contactus.jpg) no-repeat;
	width:990px;
	height:291px;	
}
#service_contactus_content {
	clear:both;
	line-height:22px;
	width:680px;
	position:relative;
	left:30px;
	top:40px;
	text-indent:20px;
	text-align:left;
	float:left;
}
#service_training {
	clear:both;
	background:url(image/service/training.jpg) no-repeat;
	width:990px;
	height:360px;	
}
#service_training_content {
	clear:both;
	line-height:22px;
	width:840px;
	position:relative;
	top:40px;
	text-indent:20px;
	text-align:left;
	float:left;
	top:35px;
	left:30px;	
}
#service_design {
	clear:both;
	background:url(image/service/design.jpg) no-repeat;
	width:990px;
	height:386px;	
}
#service_design_content {
	clear:both;
	line-height:22px;
	width:550px;
	position:relative;
	text-indent:20px;
	text-align:left;
	float:left;
	top:70px;
	left:30px;
}
#service_develop {
	clear:both;
	background:url(image/service/develop.jpg) no-repeat;
	width:990px;
	height:386px;
}
#service_develop_content {
	clear:both;
	line-height:22px;
	width:550px;
	position:relative;
	left:30px;
	top:40px;
	text-indent:20px;
	text-align:left;
	float:left;
}
.body_content_container {
	clear:both;
	position:relative;
	right:7px;
}
#training_intro {
	background:url(image/training/intro.jpg) no-repeat;
	width:900px;
	height:349px;
	clear:both;
}
#training_content {
	clear:both;
	line-height:22px;
	width:550px;
	position:relative;
	left:30px;
	top:40px;
	text-indent:20px;
	text-align:left;
	float:left;	
}
#training_ul_container {
	clear:both;
	position:relative;
	left:12px;
	clear:both;
}
#training_ul {
	list-style:none;
}
#training_ul li {
	display:inline;
}
#customer_container {
	clear:both;
	position:relative;
	right:7px;	
}
#customer_content {
	clear:both;
	line-height:22px;
	width:550px;
	position:relative;
	left:30px;
	top:40px;
	text-indent:20px;
	text-align:left;
	float:left;		
}
#knowledge_intro {
	background:url(image/knowledge/intro.jpg);
	width:900px;
	height:289px;
	clear:both;	
	position:relative;
}
#knowledge_content {
	clear:both;
	line-height:22px;
	width:450px;
	position:relative;
	left:30px;
	top:40px;
	text-indent:20px;
	text-align:left;
	float:left;		
}
#google_map {
	border:dotted 1px #cccccc;
	position:relative;
	bottom:5px;
}
#contactus_comment_content {
	position:relative;
	left:15px;
}
#contactus_intro {
	background:url(image/contactus/intro.jpg);
	width:900px;
	height:289px;
	clear:both;	
	position:relative;	
}
#contactus_content {
	clear:both;
	line-height:22px;
	width:550px;
	position:relative;
	left:30px;
	top:40px;
	text-indent:20px;
	text-align:left;
	float:left;		
}
#contactus_form {
	position:relative;
	left:10px;
}
#contactus_app_form {
	float:left;
	position:relative;
	top:8px;
	left:50px;
	height:450px;
}
.contactus_textarea {
	border:solid 1px #c0c0c0;
	background:#ffffff;	
	width:400px;
	height:150px;
	padding-left:10px;
	padding-top:10px;
}
.contactus_label_form {
	color:#4589ab;
}
.contactus_text {
	border:solid 1px #c0c0c0;
	background:#ffffff;
	width:400px;
	height:25px;
	line-height:24px;
	padding-left:10px;
}
.contactus_hori {
	clear:both;
	text-align:left;
	padding:0px 0px 10px 0px;
}
#contactus_comment_h {
	background:url(image/contactus/comment_h.jpg) no-repeat;
	width:323px;
	height:26px;
	clear:both;
}
#contactus_comment_b {
	background:url(image/contactus/comment_b.jpg) repeat-y;
	width:323px;
	height:auto;
}
#contactus_comment_f {
	background:url(image/contactus/comment_f.jpg) no-repeat;
	width:323px;
	height:24px;
	clear:both;
}
#contactus_comment {
	width:323px;
	float:left;
	position:relative;
	left:30px;
	height:237px;
	top:2px;
}
#contactus_submit {
	background:url(image/contactus/submit.png) no-repeat;
	width:110px;
	height:29px;
	cursor:pointer;
	border:none;
}
#customer_intro {
	background:url(image/customer/intro.jpg);
	width:900px;
	height:272px;
	clear:both;	
	position:relative;
}
#customer_intro_2 {
	background:url(image/customer/intro_2.jpg) no-repeat;
	width:206px;
	height:285px;
	position:absolute;
	left:620px;
	top:-15px;
	float:right;	
}
.customer_horizontal {
	clear:both;
	position:relative;
	margin-top:10px;
	left:30px;
}
.customer_web {
	padding-right:10px;
	float:left;
}
.customer_web_content {
	background:url(image/customer/1.jpg) no-repeat;
	width:273px;
	height:200px;
}
.customer_web_image {
	clear:both;
	width:250px;
	height:165px;
	border:solid 1px #cccccc;
	margin:0px auto;
	position:relative;
	top:10px;
}
.customer_label {
	clear:both;
	margin:0px auto;
	text-align:center;
	position:relative;
	top:20px;
	font-weight:bold;	
}
#knowledge_data {
	clear:both;
	width:98%;
	position:relative;
	left:9px;
	padding:10px;
}
#knowledge_categories {
	color:#404040;
	font-weight:bold;
	padding-bottom:10px;
}
#knowledge_list {
	color:#404040;
	font-weight:bold;	
	padding-bottom:10px;
}
#knowledge_categories_ul {
	list-style:none;
}
#knowledge_categories_ul li {
	padding:5px 0px 5px 5px;
	border-bottom:dashed 1px #cccccc;
}
#knowledge_categories_ul li a {
	color:#404040;
	text-decoration:none;
}
#knowledge_categories_ul li a:hover {
	color:#0088cc;
}
#knowledge_hover {
	color:#0088cc;	
}
#knowledge_list_ul {
	list-style:none;
	width:650px;
}
#knowledge_list_ul li {
	padding:7px;
	border-bottom:dotted 1px #cccccc;
}
#knowledge_list_ul li a {
	color:#035cb5;
	text-decoration:none;
}
#knowledge_list_ul li a:hover {
	color:#0088cc;
}
.knowledge_list_title {
	clear:both;
	color:#ce6549;
}
.knowledge_list_intro {
	clear:both;
	color:#666666;
	padding-top:3px;
	position:relative;
	font-size:11px;
}
#knowledge_description_container {
	clear:both;
	border-top:1px dotted #cccccc;
	margin-top:3px;
}
#knowledge_title h1 {
	clear:both;
	width:100%;
	font-weight:bold;
	font-size:16px;
	padding:10px 0px 10px 0px;
	text-align:left;
	color:#0088cc;
}
#knowledge_tags h1 a {
	color:#333333;
}
#knowledge_tags h1 a:hover {
	color:#0088cc;
}
#knowledge_tags h1 {
	color:#333333;
	font-size:12px;
	font-weight:normal;
	border-top:1px dotted #cccccc;
	padding:8px 0px 8px 0px;	
}
#knowledge_related {
	border-left:solid 2px #025685;
	padding:5px;
	margin-top:15px;
	margin-bottom:15px;
}
#knowledge_date {
	color:#333333;
	padding:2px 0px 10px 0px;
	font-size:11px;
}
#knowledge_description {
	clear:both;
	text-align:left;
	width:100%;
	line-height:22px;
	color:#333333;
	margin-bottom:10px;
}
#knowledge_description a {
	text-decoration:underline;
	color:#006699;
}
#training_detail {
	position:relative;
	left:7px;
	width:100%;
}
#training_detail_left {
	float:left;
	text-align:center;
	width:300px;
}
#training_detail_right {
	float:left;
	text-align:left;
	width:550px;
	padding-left:20px;
	padding-top:10px;
	border-left:1px solid #ebe9e9;
}
#training_detail_image {
	clear:both;
	max-width:280px;
	max-height:244px;
	padding-top:10px;
	position:relative;
	left:5px;
}
.training_detail_header {
	text-align:left;
	font-weight:bold;
	color:#025b87;
	clear:both;
	padding-top:20px;
}
.training_detail_content {
	text-align:left;
	clear:both;
	padding-top:5px;
	padding-bottom:20px;
	width:530px;
	line-height:22px;
	text-align:justify;
	border-bottom:dashed 1px #ebe9e9;
}
#training_detail_ads {
	clear:both;
	padding-top:30px;
	position:relative;
	right:5px;
}
.training_detail_ads_style {
	padding:5px;
	border:none;
	width:125px;
	height:125px;
}
.link a {
	color:#0088cc;
}
.link a:hover {
	color:#01527a;
}
#contactus_unfinish {
	border:solid 1px #d5554b;
	background:#e09a94;
	padding:5px;
	color:#000000;
	border-radius:10px;	
	display:none;
}
#contactus_finish {
	display:none;
	border:solid 1px #3f8335;
	background:#a7d79f;
	padding:5px;
	color:#000000;
	border-radius:10px;
}

/* BOL:website */
#website_container {
	width:100%;
	padding:5px;
}
.checked {
	background:url(image/website/checked.jpg) no-repeat;
	border:none;
	width:20px;
	height:20px;
	float:left;
}
.checked_label {
	color:#7f8184;
	float:left;
	position:relative;
	left:8px;
	bottom:4px;
	font-size:20px;
}
.website_vertical {
	clear:both;
	width:100%;
}
.website_detail_title {
	color:#1d1330;
	font-weight:bold;
	padding-bottom:4px;
}
.website_detail {
	color:#5a686f;
	text-align:left;
	line-height:22px;
}
#website_detail_table {
	width:98%;
	clear:both;
}
#website_detail_table tr td {
	padding:7px;
	padding-bottom:15px;
}
.website_icon {
	width:32px;
	height:32px;
	border:none;
	margin-top:10px;
}
#website_icon1 { background:url(image/website/icon1.png) no-repeat; }
#website_icon2 { background:url(image/website/icon2.png) no-repeat; }
#website_icon3 { background:url(image/website/icon3.png) no-repeat; }
#website_icon4 { background:url(image/website/icon4.png) no-repeat; }
#website_icon5 { background:url(image/website/icon5.png) no-repeat; }
#website_icon6 { background:url(image/website/icon6.png) no-repeat; }
#website_icon7 { background:url(image/website/icon7.png) no-repeat; }
#website_icon8 { background:url(image/website/icon8.png) no-repeat; }
#website_icon9 { background:url(image/website/icon9.png) no-repeat; }
#website_icon10 { background:url(image/website/icon10.png) no-repeat; }
#website_icon11 { background:url(image/website/icon11.png) no-repeat; }
#website_icon12 { background:url(image/website/icon12.png) no-repeat; }
.website_line {
	background:url(image/website/line.jpg) no-repeat;
	width:712px;
	height:24px;
	border:none;
	margin-top:10px;
	margin-bottom:10px;
}
#website_intro_left {
	width:570px;
	text-align:center;
	float:left;
}
#website_intro_right {
	float:left;
	text-align:center;
	padding-top:10px;
}
.website_intro_checked {
	clear:both;
	padding-top:15px;
	padding-left:15px;
}
#website_box_example {
	width:200px;
	height:48px;
	border:solid 1px #0a536e;
	background:#247695;
	bottom:8px;
	position:relative;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
#website_box_example_label {
	color:#ffffff;
	font-size:22px;
	text-align:center;
	width:100%;
	position:relative;
	top:10px;
	cursor:pointer;
}
#website_box_example:hover {
	background:#4d97b2;	
}
#website_box_demo {
	width:253px;
	height:48px;
	border:solid 1px #d8b20b;
	background:#ffd622;
	margin-left:13px;
	margin-top:5px;
	float:left;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
#website_box_demo:hover {
	background:#fde061;
}
#website_box_demo_label {
	color:#22211e;
	font-size:22px;
	text-align:center;
	width:100%;
	position:relative;
	top:10px;
	cursor:pointer;
}
#website_box_price {
	width:253px;
	height:75px;
	border:solid 1px #0a536e;
	background:#247695;
	margin-top:50px;
	margin-left:13px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
#website_box_price_label {
	color:#ffffff;
	font-size:40px;
	text-align:center;
	width:100%;
	position:relative;
	top:12px;
}
#website_box_social {
	text-align:center;
	clear:both;
	padding-top:20px;
	margin-bottom:20px;
	width:300px;
}
.website_social_icon:hover {
    cursor:pointer;
    opacity:0.6;
    filter:alpha(opacity=60);
}
.website_social_icon {
	width:30px;
	height:30px;
	border:none;
	cursor:pointer;
	float:right;
	padding-left:10px;
}
#website_social_fb { background:url(image/website/social_fb.jpg) no-repeat; }
#website_social_gp { background:url(image/website/social_gp.jpg) no-repeat; }
#website_social_tw { background:url(image/website/social_tw.jpg) no-repeat; }
.website_example {
	border:none;
	cursor:pointer;
	max-width:251px;
	width:251px;
}
.website_example:hover {
    cursor:pointer;
    opacity:0.6;
    filter:alpha(opacity=60);	
}
#website_example_label {
	color:#636363;
	font-size:25px;
}
#website_example_free_label a {
	color:#f26522;
	font-size:25px;
}
#website_example_free_label a:hover {
	text-decoration:underline;
}
/* EOL:website */

/* BOL:website service */
#service_website {
	clear:both;
	background:url(image/service/website.jpg) no-repeat;
	width:990px;
	height:400px;	
}
#website_link {
	width:190px;
	height:55px;
	cursor:pointer;
	border:none;
	position:relative;
	clear:both;
	top:118px;
	float:left;
	left:245px;
}
#service_website_content {
	clear:both;
	line-height:22px;
	width:430px;
	position:relative;
	left:30px;
	top:40px;
	text-indent:20px;
	text-align:left;
	float:left;
}
/* EOL:website service */