/*
	TECHNETCAL Website system v2.5
	Designed by Design Team of TECHNETCAL
*/

body {
	margin:0px;
	padding:0px;
	font-size:13px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background:url("grey/body_background.png") repeat-x #f3f4f4;
	}
img {
	border:0px;
	}
a {
	color:#0F5494;
	text-decoration:none;
	}
a:hover {
	color:#0F5494;
	text-decoration:underline;
	}
.clear {
	clear:both;
	}
h3.heading3 {
	margin-top:0px;
	}
p.spacing {
	letter-spacing:1px;
	line-height:18px;
	}

/* Form */
form input,form textarea {
	border:1px solid #e6e0e0;
	color:#a29494;
	background:#FDFDFD;
	}
form input:focus,form textarea:focus {
	border:1px solid #b4a7a7;
	color:#786767;
	background:#FFFFFF;
	}
form textarea {
	width:95%;
	height:250px;
	font-size:105%;
	padding:5px;
}

/* Header */
#header {
	width:100%;
	height:219px;
	background:url("grey/background.png") no-repeat center;
	}
#header-bar {
	margin:auto;
	width:950px;
	height:69px;
	}
#header-bar h1 {
	margin:0px;
	padding:0px;
	background:url("grey/header_logo.png") no-repeat;
	width:262px;
	height:69px;
	float:left;
	}
#header-bar h1 a {
	text-indent:-100000px;
	display: block;
	width:100%;
	height:100%;
	}
#header-menu2 {
	float:left;
	width:627px;
	height:100%;
	padding:18px 0px 0px 25px;
	background:url("grey/menu_background.png") repeat-x;
	}
#header-menu {
	float:left;
	width:auto;
	height:100%;
	}
#header-menu ul.menu {
	margin:0px;
	padding:0px;
	}
#header-menu ul.menu li {
	list-style-type:none;
	margin:0px;
	padding:0px;
	float:left;
	display: block;
	width:119px;
	height:69px;
	}
#header-menu ul.menu li a {
	color:#a29494;
	display: block;
	width:100%;
	height:66%;
	padding-top:17%;
	text-align:center;
	background:url("grey/menu_item_bg.png");
	}
#header-menu ul.menu li a:hover, #header-menu ul.menu li a.selected {
	display: block;
	text-decoration:none;
	background:url("grey/menu_item_bg_hover.png");
	}
#menu-search {
	float:left;
	width:151px;
	height:69px;
	padding:18px 0px 0px 25px;
	background:url("grey/menu_background.png") repeat-x;
	}
#menu-search form {
	margin:0px;
	padding:0px;
	}
#menu-search input {
	width:120px;
	height:17px;
	border:1px solid #e6e0e0;
	color:#a29494;
	font-size:90%;
	padding:2px 5px;
	}
#menu-search input:focus {
	border:1px solid #b4a7a7;
	color:#786767;
	font-size:100%;
	}
#header-menu2 form label {
	margin-left:35px;
	margin-right:5px;
	color:#555858;
	}
#header-menu2 form button {
	margin-left:15px;
	}
#header-right {
	float:left;
	background:url("grey/menu_rightbg.png") no-repeat right;
	width:36px;
	height:69px;
	}

/* Page */
.page {
	width:100%;
	}

/* Footer */
.ads {
	margin:20px auto 0px auto;
	width:100%;
	text-align:center;
	}
.footer_bottom {
	margin-top:10px;
	width:100%;
	height:8px;
	background:url("grey/footer_bg.png") repeat #939a9a;
	}
#footer-link-list {
	margin:0px 0px 0px 8px;
	padding:0px;
	float:left;
	}
#footer-link-list2 {
	margin:0px 8px 0px 0px;
	padding:0px;
	float:right;
	}
#footer-link-list li,#footer-link-list2 li {
	list-style-type:none;
	float:left;
	margin:0px 10px 3px 0px;
	padding:0px 10px 0px 0px;
	border-right:1px solid #DDDDDD;
	color:#615d5d;
	font-size:85%;
	}
#footer-link-list li:last-child, #footer-link-list2 li:last-child {
	border:none;
	}
#footer-link-list2 li:last-child {
	margin-right:3px;
	padding:0px;
	}
#footer-link-list li a,#footer-link-list2 li a {
	color:#615d5d;
	}
#footer-cr {
	width:950px;
	font-size:75%;
	color:#777777;
	margin:8px auto 0px auto;
	}
#footer-link {
	border-bottom:1px solid #DDDDDD;
	width:950px;
	margin:10px auto 0px auto;
	}
#footer-cr .left {
	float:left;
	margin-left:8px;
	}
#footer-cr .right {
	float:right;
	margin-right:8px;
	}
#footer-cr .right a {
	color:#615d5d;
	}

/* Main */
.main {
	width:950px;
	margin:20px auto;
	}
.wrap {
	margin-top:10px;
	width:950px;
	}
.wrap_top {
	width:100%;
	height:24px;
	background:url("grey/wrap_layout_top.png") #f3f4f4;
	}
.wrap_bottom {
	width:100%;
	height:27px;
	background:url("grey/wrap_layout_bottom.png") #f3f4f4;
	}
.wrap_main {
	width:100%;
	background:url("grey/wrap_layout_bg.png") #FFFFFF;
	}
.wrap_main_left {
	width:220px;
	float:left;
	}
.wrap_main_right {
	width:690px;
	float:right;
	padding:0px 20px;
	overflow:hidden;
	}
.wrap_main_left ul {
	margin:0px;
	padding:0px;
	}
.wrap_main_left ul li {
	margin:0px;
	padding:0px;
	list-style-type:none;
	width:220px;
	height:27px;
	}
.wrap_main_left ul li a {
	display: block;
	width:100%;
	height:100%;
	line-height:27px;
	background:url("grey/sidebar_bg.png") no-repeat;
	padding:0px 0px 0px 30px;
	color:#777a7c;
	}
.wrap_main_left ul li a:hover {
	background:url("grey/sidebar_hoverbg.png") no-repeat;
	color:#3f4244;
	text-decoration:none;
	}
.wrap_main_left ul li.selected a {
	background:url("grey/sidebar_selectedbg.png") no-repeat;
	color:#4e5153;
	text-decoration:none;
	}
.wrap_main_left ul li h3 {
	margin:0px;
	padding:0px;
	font-size:110%;
	}


/* Box */
.box {
	border: 1px solid #e7eaea;
	width:330px;
	float:left;
	margin-right:8px;
	}
.boxwide {
	width:660px;
	float:none;
	margin-right:0px;
	}
.box .header {
	background:url("grey/box_header.png") repeat-x;
	margin:0px;
	padding:0px;
	height:21px;
	font-size:110%;
	border-bottom: 1px solid #e7eaea;
	padding:4px 0px 0px 7px;
	color:#504949;
	}
.box .content {
	padding:8px;
	font-size:95%;
	background:url("grey/box_content_bg.png") repeat-x bottom;
	}
.box .content .news {
	width:50%;
	float:left;
	margin-bottom:8px;
	}
.box .content .news h4 {
	margin:0px;
	padding:0px;
	font-size:115%;
	}
.box .content .news span.date {
	font-size:90%;
	color:#5b5656;
	}
.box .content .more {
	font-weight:bold;
	text-decoration:underline;
	text-align:right;
	margin-bottom:2px;
	}
.roundbox {
	width:670px;
	height:125px;
	background:url("grey/box_round_bg.png") no-repeat;
	margin:0px 0px 15px 2px;
	}

/* Table */
table.table {
	width:97%;
	border:solid #DEDEDE;
	border-width:1px 1px 0px 1px;
	border-spacing:0px;
	font-size:90%;
	margin:5px 0px;
	}
table.table th {
	text-align:left;
	border:solid #DEDEDE;
	border-width:0px 1px 1px 0px;
	background:#F4F4F4;
	padding:3px;
	width:20%;
	color:#434343;
	}
table.table td {
	padding:5px;
	background:#FFFFFF;
	border-bottom:1px solid #DEDEDE;
	}
table.table span.tips {
	font-size:90%;
	color:#868383;
	font-style:italic;
	}
table.t2 th {
	text-align:center;
	}
table.t2 th.noright, table.table th.noright {
	border-right:none;
	}
table.t2 td.right {
	border-right:1px solid #DEDEDE;
	}
table.t2 td.grey,table.table td.grey {
	background:#F4F4F4;
	}

/* Order */
h2.order_services {
	margin:0px;
	}
.step {
	width:670px;
	height:125px;
	margin:0px auto 15px auto;
	}
.step1 {
	background:url("grey/order/step_1.png") no-repeat;
	}
.step2 {
	background:url("grey/order/step_2.png") no-repeat;
	}
.step3 {
	background:url("grey/order/step_3.png") no-repeat;
	}
.step4 {
	background:url("grey/order/step_4.png") no-repeat;
	}
.step5 {
	background:url("grey/order/step_5.png") no-repeat;
	}
.step6 {
	background:url("grey/order/step_6.png") no-repeat;
	}
.order_tos {
	width:95%;
	height:450px;
	margin:auto;
	padding:10px;
	overflow:auto;
	border:1px solid #CBCBCB;
	}
.order_tos ul, .order_tos ol {
	margin:0px;
	}
.order_tos ul li, .order_tos ol li {
	margin:3px 0px;
	}
.order_tos h1, .order_tos h2, .order_tos h3, .order_tos h4, .order_tos h5, .order_tos h6 {
	margin:10px 0px 8px 0px;
	}
form.orderform {
	margin:10px 0px 20px 0px;
	text-align:center;
	font-size:125%;
	}
form.orderform .table {
	text-align:left;
	font-size:80%;
	}


/* Index */
.loginform {
	line-height:25px;
	}
.loginform label {
	font-weight:bold;
	font-size:120%;
	}
.loginform input {
	width:50%;
	height:19px;
	font-size:120%;
	padding-top:2px;
	margin-bottom:10px;
	}
.loginform span.forgetpw a {
	font-size:90%;
	text-decoration:underline;
	}

/* Multibox */
.multibox {
	width:670px;
	background:url("grey/multibox/box_bottom.png") no-repeat bottom;
	padding-bottom:20px;
	}
.multibox .element {
	clear:both;
	background:url("grey/multibox/box_middle.png") repeat-y;
	padding:8px 15px;
	}
.multibox .element h3 {
	display:none;
	}
.multibox .element .more {
	text-align:right;
	}
.multibox .menu {
	width:100%;
	height:36px;
	background:url("grey/multibox/box_top.png") no-repeat;
	}
.multibox .menu ul {
	margin:0px;
	padding:10px 0px 0px 25px;
	}
.multibox .menu li {
	margin:0px 5px 0px 0px;
	padding:5px 5px 2px 5px;
	list-style-type:none;
	float:left;
	color:#717171;
	}
.multibox .menu li.selected {
	-moz-border-radius-topright:10px;
	-moz-border-radius-topleft:10px;
	-webkit-border-radius-topright:10px;
	-webkit-border-radius-topleft:10px;
	background:#FFFFFF;
	font-weight:bold;
	font-size:110%;
	color:#3c3c3c;
	border:solid #d7d5d5;
	border-width:1px 1px 0px 1px;
	}
@media screen and (-webkit-min-device-pixel-ratio:0){
.multibox .menu li {padding-bottom: 3px;}
}