* { border: 0; list-style-type: none; margin: 0; padding: 0; }
body { background-image: url(../img/bg00.jpg); background-repeat: repeat-x; font-size: 12px; text-align: center; color: #555; font-family: mingliu,pmingliu,Verdana, Arial, Helvetica, sans-serif; line-height: 18px;  background-position: 0 3px; }
p {}
td {}
a { color:#555; text-decoration: none; }
a:hover { color: #ff8000; text-decoration: underline; }
/***全局定義***/
#center { margin-top: 3px; width: 1000px; height: auto; margin-left: auto; margin-right: auto; background-color: #fff; }
.textbox { font-size: 12px; text-align: left; line-height: 20px; margin-top:15px; background-image: url(../img/newsbg.gif); background-repeat: no-repeat; background-position: 300px bottom; }
h1 { font-weight: bold;  color: #000; font-size: 12px; display: inline; }
h2 { font-weight: bold;  color: #ff8000; font-size: 13px; display: inline; }
.Title
{
	font-weight: bold;
	font-size: 18px;
	color: #cc3300;
}

.Code
{
	border: #8b4513 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	color: #000066;
	font-family: 宋体,'Courier New' , Monospace;
	background-color: #ff9933;
}
p { margin-bottom: 1em; }
#page { float: right; clear: both; margin-right: 15px; margin-top: 10px;  }
#pagea { float: right; text-align: center; margin-top: 10px; margin-right: 10px; }
#pagea img { width: 20px; height: 13px; margin-bottom: 20px; }
#page a { display: inline; float: none; width: 25px; }
.pagebox { float: left; height: 22px; line-height: 22px; margin-right: 5px; margin-bottom: 5px; }
.pagebox a { width: 20px; border: solid 1px #e0e0e0; display: block; margin-right: 5px; height: 20px; line-height: 20px; color: #000; }
.pagebox a:hover { background-color: #ff8000; color: #fff;  border-color:#000; text-decoration: none; }

/***頭部***/
#header { width: 100%; height: 85px; }
#headerLeft { float: left; width: 30px; height: 85px; background-image: url(../img/bg05.jpg); }
#headerLogo { float: left; width: 216px; height: 85px; margin-left: 2px; margin-right: 2px; }
#headerRight { float: right; width: 750px; height: 85px;  }
#headerTopMenu { width: 430px; height: 30px; line-height: 30px; margin-left: 320px; text-align: right; }
#headerTopMenu li { float: left; width: 70px; text-align: center; }
#headerMenu { width: 750px; height: 55px; }
#headerMenuTop { float: left; width: 100%; height: 6px; background-image: url(../img/bg06.jpg); background-repeat: repeat-x; margin: 0px; padding: 0px; }
#menu {float: left; height: 49px; margin-top:0px!important; margin-top:-7px; background-image: url(../img/bg07.jpg);}
#menu li { width: 83px; height: 46px; line-height: 45px; float: left; font-size: 13px; margin: 1px; }
#menu li a { display: block; background-color: #fff; text-decoration: none; }
#menu li a:hover { background-color: #189EF3; text-decoration: none; color: #fff; }

#form2 { padding-left: 15px; padding-right: 15px; }
#form2 input,#form2 select{ border:#999999 solid 1px; color:#000; margin-top: 10px; }
#form2 input {  width: 144px; line-height: 14px; font-size: 11px; height: 14px;}
#form2 select {  width:144px; line-height: 14px; font-size: 11px; height: 14px;}
#form2 label input { color:#000; border:#999999 solid 1px; width: 60px; height:18px; background-color:#e6e6e6; }
input,textarea,select { border: #999 solid 1px; }

/***導航***/
#contentTopLeft { background-image: url(../img/bg01.jpg); float: left; width: 30px; height: 164px; }
#contentTopCenter {  float: left; width: 216px; height: 164px; margin-left: 2px; margin-right: 2px; background-color: #e6e6e6; }
#searchInput {width: 216px; height: 93px; margin-bottom: 2px; }
#homeImg { width: 216px; height: 69px; }
#contentTopRight { float: left; width: 750px; height: 164px; background-image: url(../img/bg04.jpg); }

/***內容部分***/
#content { width: auto;}
#contentLeft { float: left; width: 30px; background-image: url(../img/bg03.jpg); background-repeat: no-repeat; height: 551px; }
#contentCenter { float: left; width: 216px; margin-left: 2px; margin-right: 2px; height: 100%; }
/*#contentSubmenu { text-align: left; width: 180px; margin-top: 20px; margin-left: 20px; height: auto; }*/

#contentSubmenu { text-align: left; width: 100%; margin-top: 20px; height: auto;}

#contentSubmenu ul { border: medium none; width: 190px; }
#contentSubmenu li { margin: 2px 5px 2px 15px; background: #fff; width: 180px; border-bottom: 1px dashed #9c9a9c; line-height: 15px; }
#contentSubmenu li a { display: block; padding: 2px 0 2px 33px; background: url(../img/dot01.jpg) no-repeat 10px center; text-decoration: none; overflow: hidden;}
#contentSubmenu li a:hover { }

#contentL { width: 100%; margin-top: 120px; }
#contentL img { padding-bottom: 10px; }

#contentRightTwo { width: 10px; float: left; height: 551px; background-image: url(../img/bg08.jpg); background-repeat: no-repeat; }
#contentRight { width: 590px; float: left; }
#quickMenu { width: 78px; float: left; margin-left: auto;  text-align: center; }
#flyTop { width: 65px; height: 265px; position:absolute; z-index:1; margin-top: 270px; margin-right:auto; background-color: blue; }
#contentBox { width: 572px; height: 102px;  margin-top: 30px; margin-left: 10px; text-align: left; margin-right: 8px; margin-bottom: 24px; }
#hotNewsBox { width: 360px; height: 100%; float: left;}
#hotNewsImg { width: 102px; height: 102px;  float: left; }
#hotNewsTitle { width: 258px; height: 102px; float: right; }
#hotNewsTitle li {border-bottom: 1px dashed #9c9a9c;  float: left; width: 258px; text-indent: 25px; overflow:hidden;}
#hotNewsTitle a { line-height: 19px; height: 19px; display: block; width: 258px; float: left; background: url(../img/dot03.jpg) no-repeat 10px center; text-decoration: none; overflow: hidden; } 
.hotNewsDate { width: 100px; float: left; line-height: 19px; height: 19px; }
#hotNewsBoxImg {  height: 102px; width: 185px; float: left; padding-left: 10px; }

#linebox { width: 100%; background: url(../img/bg09.jpg); height: 4px; }
#contentBoxTwo { text-align: left; float: left; width: 590px;  margin-top:0px!important; margin-top:-8px; padding-top: 24px; background-color: #fff; }
#contentBoxTwo ul {  }
#contentBoxTwo li { float: left; width: 270px; height: 100px; margin-bottom: 16px; padding-left:12px; padding-right: 12px; }
html>body #contentBoxTwo li { width: 270px; }
.boxTwoImg { height: 90px; width: 90px; float: left; background: url(../img/bg10.jpg) repeat-y center 0; padding-top: 10px; }
.boxTwoImg img { height: 66px; width: 84px; padding: 2px; border: solid 1px #e6e6e6; float: left; }
.boxTwotext { width: 150px;  height: 80px; float: left; margin-top: 10px; padding-left: 10px;}
.boxTwotexttop { float: left; color: #ff8000; line-height: 24px; background-image: url(../img/dot02.jpg); background-repeat: no-repeat; background-position: 0 center; text-indent: 22px; width: 160px; height: 24px; border-top: 1px solid #a2a2a2; border-bottom: 1px solid #a2a2a2; display:inline;}
.boxTwotextbottom { line-height: 18px; width: 150px; height: 54px; float: left; padding-top: 5px; }
#topbox { width: 590px; float: left; margin-top: 5px; height: 40px; text-align: left; line-height: 40px; text-indent: 22px; }
#line { height:100%; width: 100%; }

/*** 底部***/
#footer { line-height: 18px; clear: both; width: 744px; height: 88px; text-align: left; padding-top: 5px; padding-left: 256px; border-top: 1px solid #555; }
#footer img { margin-left: 450px;  }

/* JOB頁面 */
#jobBox { width: 590px; float: left;  text-align: center;}
.jobRow { width: 550px; text-align: left; margin: 0px 20px 25px 20px; border-top: 3px solid #ff8000; }
.jobLeft { width: 100px;  float: left; }
.jobLeft ul li {width: 100px; height: 22px; line-height: 22px; text-align: right; border-top: 1px solid #9c9a93;}
.jobRight { width: 450px; float: right;  }
.jobRight ul li { width: 430px; line-height: 22px; text-align: left; border-top: 1px solid #9c9a93; padding-left: 10px; padding-right: 10px; }
.jobRight ul {}
.jobName { float: left; width: 450px; background-color: #eee; text-indent: 24px; height: 28px; line-height: 28px; color: #000; font-weight: bold; font-size: 13px; }
.join { float: right; width: 100px; height: 28px; line-height: 28px; color: #000; background-color: #eee; }
.join a { color: #000; }
#joinus { text-indent: 30px; float: left; height: 40px; font-size: 16px; line-height: 40px; background-image: url(../img/joinus.gif); background-repeat: no-repeat; background-position: 5px center; }

/* Newslist頁面 */
#newslistbox { width: 590px; float: left; text-align: left; }
#newslistboxnav { width: 550px;  background-color: #e0e0e0; font-weight: bold;  color: #000; height: 24px; line-height: 24px; margin-left: 20px; margin-right: 20px;  margin-bottom: 8px; }
html>body #newslistboxnav {margin-bottom: 5px;} 
#newslistbox ul { }
.newslistboxli { margin-top: -4px; margin-right: 20px; margin-left: 20px; border-bottom: 1px solid #9c9a93; width: 550px; line-height: 26px; height: 26px; }
html>body .newslistboxli { margin-top: 0; }
.titleLeftimg { width: 410px; float: left; text-indent: 25px; line-height: 26px; height: 26px; background-image: url(../img/dot04.gif); background-repeat: no-repeat; background-position: 5px center; }
.titleLeft { width: 410px; float: left; text-indent: 26px; height: 26px; }
.titleCenter { width: 70px; float: left; text-align: center; height: 26px; }
.titleRight { width: 70px; float: right; text-align: center; height: 26px; }
.newslistboxli a { display: block; height: 26px; padding:0px; margin: 0px;}
.newslistboxli a:hover { background-color: #e0e0e0; text-decoration: none; color: #ff8000; }

/* 網站地圖 */
#site { text-align: left; width: 550px; margin-left: 20px; margin-right: 20px; }
.sitetitle { height: 28px; width: 548px; background-color: #e0e0e0; line-height: 28px; text-indent: 12px; color: #000; font-weight: bold; background-image: url(../img/dot04.gif); background-repeat: no-repeat; background-position: 2px center; }
.sitebox { margin-bottom: 25px; width: 548px; height: 55px; border-top: 3px solid #ff8000;}
.sitebox ul { width: 518px; margin-left: 30px; }
.sitebox ul li { float: left; width: 80px; height: 40px; line-height: 40px;}

/* 聯繫我們 */
.contactRow { width: 550px; text-align: left; margin: 0px 20px 20px 20px; border-top: 3px solid #ff8000; }
.contactLeft { width: 100px; float: left; }
.contactLeft ul li { width: 100px; height: 22px; line-height: 22px; text-align: right; border-bottom: 1px solid #9c9a93; }
.contactRight { width: 450px; float: right; }
.contactRight ul li { width: 430px; line-height: 22px; text-align: left; border-bottom: 1px solid #9c9a93; padding-left: 10px; padding-right: 10px; }
.contactRight ul {}
.contactName { float: left; width: 550px; background-color: #e0e0e0; text-indent: 40px; height: 28px; line-height: 28px; color: #000; font-weight: bold; }

/*  Newsshow */
#newsdate {float: left; width: 550px; text-indent: 24px; line-height: 28px; height: 28px; }

/* 產品列表頁面 */
.probox { width: 550px; text-align: left; margin: 0px 20px 10px 20px; border-top: 1px solid #9c9a93; }
.proboxleft { float: left; width: 150px; height: 105px; }
.proboxright { width: 400px; float: right; padding-top: 10px; }
.proboxright ul {}
.proboxright ul li { width: 350px; line-height: 24px; }
.proboxleft img { margin: 15px 0px 15px 25px; overflow:hidden; height: 66px; width: 84px;}
.fright { text-align: right; }

/* 产品展示图 */
#pimg { float: left; width: 550px; text-align: center; margin: 10px 0px 10px 0px; overflow-x:hidden;}
#pleft { float: left; width: 110px; border-top: 2px solid #9c9a93; }
#pleft li { width: 110px; border-top: 1px solid #9c9a93; line-height: 24px; text-indent: 45px; }
#pright { float: right; width: 440px; border-top: 2px solid #9c9a93; }
#pright li { width: 400px; border-top: 1px solid #9c9a93; line-height: 24px; padding-right: 40px; }
#pzx { width: 500px; text-align: right; padding-right: 50px; font-size: 14px; margin-top: 25px; background-image: url(../img/joinus.gif); background-repeat: no-repeat; background-position: 400px center;  clear: both; margin-bottom: 25px;}
#pzx a { display: block; border: 1px solid #9c9a93; height: 28px; width: 100px; line-height: 28px; text-align: center;  float: right; }
#pzx a:hover { background-color: #ff8000; color: #fff; text-decoration: none; border-color: #000;}