/* CSS Document */


@charset "utf-8";
@import url("reset.css");
@import url(http://fonts.googleapis.com/css?family=Oswald);
/* CSS Document */
html {
}
body {
	margin: 0;
	padding: 0;
	color: #333;
	line-height:150%;
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif, "微軟正黑體";
	/*background:url(../images/header_bg.jpg) no-repeat;*/
}
p, h1, h2, h3 {
	line-height:150%;/*word-break:break-all;*/
}
pre{ word-break:break-all;
}
a {
	color:#00A0DC;
}
a:hover {
	color:#F60;
}
input, textarea, select {
	font-family:Tahoma, Geneva, sans-serif, "微軟正黑體";
	font-size: 14px;
	padding: 3px;
	color: #333;
	/*避免select長度不一*/
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
input:focus {
	outline: none;
}

.red {
	color:#e83828;
}
.align_r {
	text-align: right;
}
.align_c {
	text-align: center;
}
.clear {
	clear: both;
	height:1px;
	line-height:1px;
}
.bold {
	font-weight:bold;
}
.largeFont {
	font-size:15px;
}
.largestFont {
	font-size:23px;
}
.italic {
	font-style:italic;
}
.divider {
	width: auto;
	height: 10px;
	line-height: 10px;
}
ol.number {
	margin-left: 40px;
	list-style: decimal;
}
.FloatRight {
	float: right;
}
.imgFloatLeft {
	float:left;
	margin: 0 20px 20px 0;
}
.imgFloatRight {
	float: right;
	margin: 0 0 20px 20px;
}
.light {
	background: #f5f5f5;
}/*table 變色*/
.blunline {
	height:1px;
	background:#00A0DC;
	line-height:1px;
}
.grayline {
	height:1px;
	background:#ccc;
	line-height:1px;
}
.btn {
	border: none;
	color: #FFF;
	background:#00A0DC;
	cursor: pointer;
	padding:7px 20px;
	font-size:15px;
	-webkit-border-radius:5px;
	border-radius:5px;
	text-decoration:none;

}
.btn:hover {
	background:#99CC33;
	color: #FFF;
}
.upper {
	text-transform:uppercase;
}
.tip {
	color:#777;
	font-size:12px;
}
section{ margin-top:-50px;}
/*-------------table form--------------------*/
.tableform td {
	padding:8px 5px;
	border-bottom:0px solid #eee; line-height:180%;
}
.tableform th {
	padding:8px 5px;
	background:#f5f5f5;
}
.tableform input{ vertical-align:middle;}
.maxtext {
	width:100%;
	padding:5px;
	border:2px solid #ddd;
}
.largrtext {
	width:95%;
	padding:5px;
	border:2px solid #ddd;
}
.codetext {
	width:45px;
	padding:5px;
	border:2px solid #ddd;
}
.smalltext {
	width:80px;
	padding:5px;
	border:2px solid #ddd;
}
.midtext {
	width:200px;
	padding:5px;
	border:2px solid #ddd;
}
.questionItem li {
	float:left;
	width:300px;
}
/*--------------sticky-------------------*/
#menuStick.sticky {
	float: none;
	position:fixed;
	top:0;
	z-index:7;
	left: auto;
	width:100%;
}
#sidebar.sticky {
	float: none;
	position: fixed;
	top: 0;
	z-index: 6;
	left: auto;
	width:250px;
}

#header{ margin:0 auto; width:100%;  height:84px;   }
#header img{ display:block;  margin:0 auto;}

/*------------------menu------------------------*/
#menuWrapper {
	width:100%;
	height:51px;
	background:#0068b7;
	margin:0 auto;
}
#menu {
	width:1000px;
	margin:0 auto;
	background:#0068b7;
	height:50px;
	padding-top:1px;
	
}
#menu li {
	float:left;
	border-right:1px solid #fff;
	
}
#menu li a {
	display:block;
	padding:0 20px;
	width:auto;
	height:50px;
	line-height:50px;
	font-size:15px;
	text-decoration:none;
	color:#FFF;
}
#menu li.selected {
	background: #0CF ;
	

}
#menu li.selected:hover {
	background:none;
	
}
#menu li a:hover {
	background:#00acea;
	height:50px;
	
}





#menu li ul {
	position:absolute;
	width:180px;
	z-index:101;
	display:none;
}




#menu li ul li {
	border:0;
}
#menu li ul li a {
	width:180px;
	background:#333;
	line-height:50px;
	font-size:14px;
	color:#fff;
	text-align:left;
	border-bottom:1px solid #222;
}
#menu li ul li a:hover {
	background:#222;
}
/*home*/
#menu li.home {
	float:left;
	border-right:none;
}
#menu li.home a {
	display:block;
	padding:0 30px 0 30px ;
	width:auto;
	height:50px;
	line-height:50px;
	font-size:15px;
	text-decoration:none;
	color:#FFF;
	border-right:1px solid #FFF;
	/*background:url(../images/icon_home.png) left top no-repeat;*/
}

#menu li.home.selected {
	/*background:url(../images/icon_home.png) left top no-repeat;*/
	
	border-right: none;
}
#menu li.home.selected:hover {
	/*background:url(../images/icon_home.png) left top no-repeat;*/
	
}
#menu li.home a:hover {
	/*background:url(../images/icon_home.png) left top no-repeat #00acea;*/
}
/*home*/
/*none*/
#menu li.none {
	display:block;
	float:left;
	border-right:none;
	line-height:50px;
	width:100px;
}
#menu li.none a:hover {
	background:#0068b7;
}
#menu li.none.selected:hover {
	background:#0068b7;
}



/*----------------index---------------*/
#indWrapper{ width:100%}
#indHeader{ width:1180px ; margin:0 auto; background:url(../images/index_01.jpg) no-repeat center top; height:185px; text-indent:-9999px}
#indMenu{ width:1180px ; height:559px; margin:0 auto ; background:url(../images/index_banner01.jpg) no-repeat top center; position:relative;}

#indFooter {width:500px ; position:absolute; top:510px; left:650px; }

#indFooter li.map{float:left;  right:370px; background:url(../images/icon_map.png) no-repeat top left; width:300px; height:24px;padding-left:20px; color:#FFF; font-size:13px; font-weight:normal;}
#indFooter li.map a{ color:#FFF}
#indFooter li.map a:hover{ color:#6CF}
#indFooter li.tel{ float:left; background:url(../images/icon_tel.png) no-repeat top left; width:150px; height:24px;padding-left:25px;color:#FFF; font-size:13px; font-weight:normal;}

#indSlogan{ background:url(../images/index_slogn.png); width:694px; height:341px; position:absolute; top:259px; left:-18px;}

#wrapper{ width:auto;}

#content{ display:block; margin:50px auto; width:950px;  }
#content h1{ font-size:25px; color:#0068b7; font-weight:normal; }
#content h2{ color:#83c000; font-size:18px;font-weight:normal;}
#content p{ font-size:15px;}
#content img{ float:right; padding:0px 0px 0px 20px; z-index:1}
#content img1{float:left; }


#tabSeminar {
	width:970px;
	border-bottom: 0px solid #00ccff;
	overflow: hidden;
;
}
#tabSeminar li {
	float: left;
	margin: 0 2px 0 0;
	list-style: none;
	text-align: center;
	width: 49.5%;
}

#tabSeminar li a {
	display: block;
	padding: 10px;
	text-decoration: none;
	background: #DCDCDC;
	color: #666;
	font-size: 150%;
	list-style: none;
}
#tabSeminar li a:hover {
	background: #0068b7;
	color: #FFF;
}
#tabSeminar li.active a {
	text-decoration: none;
	color: #fff;
	background: #00ccff;
	list-style: none;
}
#tabSeminar li.active a:hover {
}

#footer_wrapper{background:#0068b7 ; height:180px; margin-top:100px; width:100%; }
#footer{ margin:0  auto; width:900px; height:138px;padding-top:30px; position:relative; }
#footer li.map{  background:url(../images/icon_map.png) no-repeat top left;  padding-left:30px; color:#00d0ff; font-size:13px; font-weightv:normal;  position:absolute; top:45px;left:160px ;font-size:15px; width:500px; height:30px; }
#footer li.map a{ color:#00d0ff}
#footer li.map a:hover{ color:#FFF}
#footer li.tel{  background:url(../images/icon_tel.png) no-repeat top left; width:150px; padding-left:30px;color:#00d0ff; font-size:13px; font-weight:normal;  position:absolute;  top:85px;left:160px;font-size:15px}
#footer li.mail a{  background:url(../images/icon_mail.png) no-repeat top left; width:150px; padding-left:35px;color:#00d0ff; font-size:13px; font-weight:normal;  position:absolute;  top:120px;left:158px;font-size:15px}
#footer li.mail a:hover{ color:#FFF}
#footer img{ text-align:center;float:left; padding-right:20px; position:absolute; }
#footer li.update {
	 width:500px; padding-left:30px;color:#76b7e9; font-size:13px; font-weight:normal;  position:absolute;  top:90px;right:10px;  text-align:right;
}


ection{ margin-top:-50px;}
#service li{ display:block; width:144px; height:144px; text-align:center; float:left; margin:20px; position:relative;}
#service li span{ width:144px; font-family:"微軟正黑體"; font-size:15px; display : table-cell; top:70%; position:absolute }
#service li.inquiry{ background:url(../images/service_01.jpg) no-repeat top left;}
#service li.goods{ background:url(../images/service_02.jpg) no-repeat top left;}
#service li.tally{ background:url(../images/service_03.jpg) no-repeat top left;}
#service li.tab{ background:url(../images/service_04.jpg) no-repeat top left;}
#service li.customs{ background:url(../images/service_05.jpg) no-repeat top left;}
#service li.container{ background:url(../images/service_06.jpg) no-repeat top left;}
#service li.qc{ background:url(../images/service_07.jpg) no-repeat top left;}
#service li.recyle{ background:url(../images/service_08.jpg) no-repeat top left;}
#service li.trans{ background:url(../images/service_09.jpg) no-repeat top left;}
#service li.buy{ background:url(../images/service_10.jpg) no-repeat top left;}


#service_center{ width:600px; float:left;  margin-right:20px; }
#service_center ul{}
#service_center li{ width:auto;font-size:20px; float:left; padding:20px 20px 20px 0px; margin:5px; }
#service_center li span{ font-size:30px; color:#52c3f1; font-family:Oswald}


.table_contact{ width:500px; margin:0}
.table_contact td{ }


#supplyChain{ display:block; background:url(../images/supplyChain_bg.jpg) top center; width:900px; height:730px; position:relative;  }
#supplyChain p{ display:block; width:130px; height:130px; padding:0px;}

.market { display:block; width:130px; height:130px;  position: absolute; top:60px; left:-15px;}
.car{  position:absolute; top:230px; left:-15px;}
.logistic{ position:absolute; top:350px; left:150px;}
.transport{  position:absolute; top:450px; left:180px;}
.add{  position:absolute; top:60px; left:320px;}
.sort{ position:absolute; top:60px; left:510px;}
.temp{  position:absolute; top:580px; left:310px;}
.order{   position:absolute; top:580px; left:500px;}
.in{ position:absolute; top:300px; left:600px;}
.buyin{  position:absolute; top:70px; left:780px; }
.check{   position:absolute; top:300px; left:780px; z-index:99}
.out{ position:absolute; top:560px; left:780px;z-index:100}
.back{ position:absolute; top:210px; left:110px;}

.table_job{ width:500px; }
.table_job th{padding:10px; background:#00acea; color:#FFF; font-size:15px; border-right: 1px solid #FFF}
.table_job td{ padding:10px 0px; border-bottom:#CCC 1px solid; font-size:13px;}
.table_job div{ background:#efefef; padding:10px; }

.table_jobin{ background:#FFF }
.table_jobin th{padding:10px; background:#00acea; color:#FFF; font-size:15px;}
.table_jobin td{ padding:10px; border-bottom:none;background:#FFF; padding:5px; font-size:15px;}


/*--------job css  star-----*/
#qaContent {
	width:100%;
	z-index:999
}
#qaContent h3 {
	width: 500px;
	height: 22px;
	text-indent: -9999px;
}
#qaContent h3.qa_group_1 {
	background: url(qa_group_1.gif) no-repeat;
}
#qaContent h3.qa_group_2 {
	background: url(qa_group_2.gif) no-repeat;
}
#qaContent ul.accordionPart {
	
	margin: 0px 0px 10px 0px;
	font-family: "微軟正黑體"
}
#qaContent ul.accordionPart li {
	padding-bottom: 12px;
	margin-top: 12px;
}
#qaContent ul.accordionPart li .qa_title {
	padding: 10px 5px 10px 10px;
	color: #FFF;
	background: #999;
	cursor: pointer;
	font-size:15px;
	z-index:999
}
#qaContent ul.accordionPart li .qa_title span{color:#FF0; margin-right:10x; display:block; height:30px; width:100px; float:left;}
#qaContent ul.accordionPart li .qa_title_on {
	text-decoration: underline;
}
#qaContent ul.accordionPart li .qa_content {
	margin:3px ;
	padding-left: 0px;
	color: #666;
	line-height:25px;
	font-size:13px;
}
#qaContent ul.accordionPart li .qa_content img{ float:left; padding:0px 10px 5px 0px; width:auto ; height:200px  }
#qaContent li li {
	
	font-size:15px;
	margin-bottom:10px;
}

.qa_showall {
	color: #FFF;
	font-family: "微軟正黑體";
	text-decoration: none
}
.qa_showall a:hover {
	color: #6F9;
}
.qa_hideall {
	color: #FFF;
	font-family: "微軟正黑體";
	text-decoration: none
}




/*--------job css end-----*/