@charset "utf-8";
/* CSS Document */
body {
	background:url(../images/main-bg.jpg) repeat-x 0px 0px #fff;
	color:#333333;
	font-size:14px;
	line-height:35px;
	font-family:"微軟正黑體", Arial, "新細明體";
	margin:0px;
	padding:0px;
	letter-spacing:1px;
}

ul{
	margin:0; 
	padding:0; 
	list-style:none;
	font-weight: bold;
    font-size: 12pt;
}

#left{
	border: 3px solid #03365b40;
    /* border-radius: 20px; */
	padding:10px;
	border-radius:10px;
	margin-top:20px;
}

a {	/* 
	 color: #060;   */
	 color:#0f4e79;
	text-decoration: none;
}
a:hover { 
	/* color: #5FAC1F; 
	text-decoration: none; */
	
	/* color:#03365b;
	text-decoration:underline;
	font-size:18px; */
	
}


img, a img { border:none;}
.lazy{opacity:1;}
.lazy:hover{opacity:0.8;}
.clearfloat { clear:both;}
#gotop {
	display: none;
	position: fixed;
	right: 20px;
	bottom: 100px;
	width:40px;
	height:40px;
	/* background-color:rgba(0,0,0,0.2); */
	background-color:#666 \9;
	background-image:url(../images/gotop.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
	z-index:10000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#gotop:hover {
	/* background-color:rgba(0,0,0,0.8); */
	background-color:#000 \9;
}
p {	margin:0px 0px 15px 0px; padding:0px;}
table {
	border-collapse:collapse;
	border:none;
}
h1,h2,h3,h4,h5,h6{
	display:block;
	margin:0px 0px;
	padding:0px 0px;
	    text-shadow: 20px -11px #f6f6f6;
}
h2{ margin:0px 0px 10px 0px;}
input[type="text"], input[type="password"], input[type="number"], input[type="email"], select, textarea {
	border:none;
	background-color:#EFEFED;
	background-image:url(../images/input-bg.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-decoration: none;
	padding:2px 5px;
	margin:0px 0px;
	line-height:20px;
	font-size:14px;
	font-family:"微軟正黑體", Arial, "新細明體";
}

/*=====================================================*/
.wrap{
	/* width:960px; */
	width:100%;
	margin:0px auto;
	padding:0px;
	position:relative;
}
#header{
	/* height:346px; */
	height:310px;
	width:960px;
}
#logo{
	position:absolute;
	/* top:0px; */
	top:24px;
	left:0px;
	/* 
	width:400px;
	height:125px; 
	*/
}

#logo img{
	margin-left:20px;
	height:60px;
}


#language{
	position:absolute;
	top:58px;
	left:410px;
}
#language ul li{ float:left; margin:0px 0px; padding:0px 3px;}
#language ul li.line{ width:7px; background:url(../images/lang-line.jpg) no-repeat center 8px;}
#language ul li a{	color:#333;	font-size:13px;}
#language ul li a:hover{  
	color:#5FAC1F; 
	font-weight:bold; 
	text-decoration:underline;
	
}

#menu{
	position:absolute;
	/* top:45px; */
	top:40px;
	right:0px;
	/* width:428px; */
	height:60px;
	text-align: center;
}
#menu ul li{
	/* height:59px; */
	background-image:url(../images/menu.jpg);
	background-repeat:no-repeat;
	float:left;
	margin:0px;
	/* padding:0px; */
	/* padding:15px; */
	
	/* 
	border: 1px solid;
    border-radius: 20px;
    background: #0f4e79;
	margin-right: 20px; */
}
#menu ul li a img{width:100%; height:100%;}
#menu ul li.m1{width:110px; background-position:0px 0px;}
#menu ul li.m1:hover{background-position:0px -118px;}
#menu ul li.m1.mark{
	/* background-position:0px -59px; */
	border: 1px solid;
    border-radius: 20px;
    background: #0f4e79;
	margin-right: 20px;
}

#menu ul li.m1.mark a{
	color:white;
}

#menu ul li.m2{width:104px; background-position:-110px 0px;}
#menu ul li.m2:hover{background-position:-110px -118px;}
/* #menu ul li.m2.mark{background-position:-110px -59px;} */

#menu ul li.m2.mark{
	/* background-position:0px -59px; */
	border: 1px solid;
    border-radius: 20px;
    background: #0f4e79;
	margin-right: 20px;
}

#menu ul li.m2.mark a{
	color:white;
}


#menu ul li.m3{width:104px; background-position:-214px 0px;}
#menu ul li.m3:hover{background-position:-214px -118px;}
/* #menu ul li.m3.mark{background-position:-214px -59px;} */
#menu ul li.m3.mark{
	/* background-position:0px -59px; */
	border: 1px solid;
    border-radius: 20px;
    background: #0f4e79;
	margin-right: 20px;
}

#menu ul li.m3.mark a{
	color:white;
}



#menu ul li.m4{width:110px; background-position:-318px 0px;}
#menu ul li.m4:hover{background-position:-318px -118px;}
#menu ul li.m4.mark{background-position:-318px -59px;}


#bigpic{
	/* position:absolute; */
	position:relative;
	/* top:125px; */
	top:110px;
	right:0px;
	height:220px;
	/* width:960px; 
	height:221px;*/
	
	
	/* height:200px; */
	
	
	/* width:100%;
	height:auto; */
	
	text-align:center;
	
	/* background:#0a2339; */
	
	
}

#bigpic img{
	/* width:100%;
	height:auto;  */
	border-radius: 20px;
	
	/* width:100%;
	height:200px; */
	
	/* height:100%;
	width:auto; */
	
	width:100%;
	height:auto;
	
	margin: 0 auto;
}

#main-content{
	/* margin-top:220px;  */
	
	/* padding-left:20px;
	padding-right:20px; */
	
	/* margin-top:20px;  */
	width:960px;
	margin:0 auto;
	
	
}
#main-content-left{
	/* width:200px; */
	width:28%;
	float:left;
	margin:0px;	
	padding:0px;
	/* margin-left:20px; */
	/* border:5px solid #eee;
	border-radius:20px; */
	
}
#main-content-right{
	/* width:720px; */
	width:65%;
	/* float:right; */
	float:left;
	/* margin:20px;	 */
	margin:0px 20px;
	padding:0px;
}
/* .sub-top{
	width:200px;
	height:85px;
	background:url(../images/sub-top.jpg) no-repeat 0px 0px;
	margin:0px;	padding:0px;
} */
.sub-middle{
	/* width:170px; */
	height:auto;
	background:url(../images/sub-middle.jpg) repeat-y 0px 0px;
	margin:0px;	padding:0px 15px;
	padding-bottom: 30px;
}

.sub-middle h1{ 
	
	/* margin-top:30px; */
	 /* margin-bottom:10px; */ 
	/* background: #03365b; */
	color:#03365b;
    /* color: white; */
    padding: 10px;
    border-radius: 5px;
	/* text-shadow: 20px 9px 0px #f6f6f6; */
}
/* .sub-bottom{
	width:200px;
	height:22px;
	background:url(../images/sub-bottom.jpg) no-repeat 0px 0px;
	margin:0px;	padding:0px;
}
.sub-contact{
	width:200px;
	height:152px;
	margin:5px 0px;	padding:0px;
} */
ul.sublist{}
ul.sublist > li{
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-top:1px dotted #ccc;
	line-height:30px;
}
ul.sublist > li:first-child{border-top:none;}
ul.sublist > li span{
	display:block;
	margin:0px 0px 0px 0px;
	padding:3px 5px 3px 22px;
	background-image:url(../images/arrow.png);
	background-position:3px 12px;
	background-repeat:no-repeat;
	background-color:transparent;
	text-align:left;
	cursor:pointer;
	font-size:15px;
	font-weight:bold;
}
ul.sublist > li span:hover{
	background-color:#f6f6f6;
}
ul.sublist > li span.openbg-hover, ul.sublist > li span.openbg{
	/* background-color:#EEE; */
	background:#03365b87;
	color:white;
}
ul.sublist > li span a,ul.sublist > li span a:hover{
	font-family:"微軟正黑體", Arial, "新細明體", Helvetica, sans-serif;
	text-decoration:none;
	color:#333;
}
ul.sublist > li > ul{
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:none;
}
ul.sublist > li > ul > li{
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:none;
	line-height:23px;
}
ul.sublist > li > ul > li a{
	display:block;
	margin:0px 0px 0px 18px;
	padding:3px 0px 5px 15px;
	background-image:url(../images/arrow2.png);
	background-position:0px 8px;
	background-repeat:no-repeat;
	background-color:transparent;
	text-decoration:none;
	color:#555;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}
ul.sublist > li > ul > li a:hover{
	text-decoration:underline;
}
ul.sublist > li > ul > li a.mark{
	text-decoration:none;
	color:#60AC1F;
}
#footer{
	width:100%;
	/* height:170px; */
	height:80px;
	display:block;
	margin:25px 0px 0px 0px;
	padding:0px 0px;
	background:#03365b;
}
#footer > .wrap{
	/* background:url(../images/footer-bg.jpg) 80% 0px no-repeat; */
	padding-top:15px;
	/* padding-left:20px; 
	height:155px;*/
}
#footer ul li {
	line-height:25px;
	float:left; margin:0px 0px; padding:0px 5px 0px 15px;
	background:	url(../images/footer-ul-line.jpg) no-repeat 0px 5px;
}
#footer ul li:first-child{
	padding:0px 5px 0px 0px;
	background:none;
}
#footer ul li a{	color:#fff;	text-decoration:none;}
#footer ul li a:hover{	color:#fff;	text-decoration:underline;}
#footer p{
	color:#fff;
	font-weight:bold;
	line-height:24px;
	margin:3px 0px;
}
#title{
	width:100%;
	height:39px;
	/* margin:18px 0px 10px 0px; */
	margin:18px 0px 0px 0px;
	background:url(../images/title-bg.jpg) no-repeat 0px bottom;
}

#title h1{
	color:#03365b;
}

#about_main_item{
	/* padding:30px 0px;  */
	margin:0px 0px 15px 0px;
}

#about_main_item h2{
	border: 1px gray dashed;
    border-radius: 20px;
    padding: 1px 10px;
    background: #03365b;
    color: white;
}

#about_main_item h3{
	color: #03365b;
}



ul.numberlist li{
	display:block;
	padding:0px 0px 0px 25px;
	margin:3px 0px 3px 10px;
	line-height:30px;
	background-position:0px 7px;
	background-repeat:no-repeat;
	font-weight: normal;
}
ul.numberlist li.no1{background-image:url(../about/images/no1.jpg)}
ul.numberlist li.no2{background-image:url(../about/images/no2.jpg)}
ul.numberlist li.no3{background-image:url(../about/images/no3.jpg)}
ul.numberlist li.no4{background-image:url(../about/images/no4.jpg)}
ul.numberlist li.no5{background-image:url(../about/images/no5.jpg)}

.recruit-one{ padding:0px 5px;	line-height:30px; margin-bottom:30px;}
.recruit-one h3{
	font-size:14px;
	font-weight:normal;
	margin:0px -15px 0px -15px;
	padding:7px 18px 15px 18px;
	width:701px;
	height:30px;
	background:url(../recruit/images/stitle-bg.jpg) no-repeat 0px 0px;
	position:relative;
}
.recruit-one h3 > strong{ font-size:15px;}
.recruit-one h3 > .top{
	position:absolute;
	widht:32px;
	height:22px;
	top:11px;
	right:20px;
}
.recruit-one h4{
	font-size:15px;
	font-weight:bold;
	color:#60AC1F;
	margin:0px 0px 5px 0px;
	padding:3px 0px;
	border-bottom: 1px dotted #d5d5d5;
}
.recruit-one > div{
	display:block;
	margin-bottom:5px;
	border-bottom: 1px dotted #d5d5d5;
}

.recruit-one > div > label{
	background:url(../recruit/images/arrow3.jpg) no-repeat -2px 8px;
	font-weight:bold;
	padding-left:13px;
	margin:0px 20px 0px 0px;
	float:left;
}
.recruit-one > div > span{
	font-weight:normal;
	width:610px;
	float:right;
	margin:0px 0px 0px 0px;
}
.contact-left{
	/* width:445px; */
	width:100%;
	float:left;
	letter-spacing:0.01em;
}
/* .contact-right{
	width:270px;
	float:right;
	font-weight:bold;
	letter-spacing:0em;
	padding:80px 0px 255px 5px;
	background:url(../contact/images/pic1.jpg) right bottom no-repeat;
	line-height:28px;
} */
.contact-right a{ color:#FF3300; text-decoration:underline;}
.contact-right a:hover{ color:#390; text-decoration:underline;}

ul.contact-list{
	margin:0px 0px 30px 0px;
	padding:0px;
	list-style:none;
}
ul.contact-list li{
	display:block;
	text-align:left;
	margin:13px 0px 13px 0px;
	padding:0px 0px;
	vertical-align:top;
	clear:both;
	line-height:20px;
}
.captcha{
	display:inline-block;
	margin:0px 0px -7px 5px;
}
ul.contact-list li label{
	/* width:60px; */
	width:120px;
	padding:2px 13px 2px 0px;
	margin:0px 3px 0px 0px;
	text-align:left;
	vertical-align:top;
	float:left;
}
ul.contact-list li label.star{
	background:url(../contact/images/star.jpg) no-repeat 61px 6px;
}
.btn-submit{
	width:100px;
	height:45px;
	background-image:url(../contact/images/btn.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	cursor:pointer;
	border:none;
	margin:0px 1px 0px 0px;
	background: #03365b;
    color: white;
    font-weight: bold;
    font-size: 12pt;
}
.btn-submit:hover{background-position:0px -45px;}
.btn-reset{
	width:100px;
	height:45px;
	background-image:url(../contact/images/btn.jpg);
	background-position:-106px 0px;
	background-repeat:no-repeat;
	cursor:pointer;
	border:none;
	margin:0px 1px 0px 0px;
    font-weight: bold;
    font-size: 12pt;
	float:right;
}
.btn-reset:hover{background-position:-106px -45px;}
.breadcrumb{
	display:block;
	/* text-align:left;
	text-align:right; */
	/* margin:0px 0px 10px 0px; */
	margin:0px 0px 20px 0px;
	margin-top: -35px;
	margin-left:100px;
}
.breadcrumb ul li{
	float:left;
	/* padding:0px 0px 0px 20px; */
	padding:0px 0px 0px 0px;
	margin:0px 10px 0px 0px;
	background:url(../images/arrow.png) no-repeat 0px 11px;
}
.breadcrumb ul li:first-child{ background:none; padding:0px 0px 0px 0px;}

.p-group{width:735px;}
.p-one{
	width:213px;
	height:250px;
	/* margin:0px 14px 24px 0px; */
	margin:0px 3px 10px 0px;
	padding:8px 8px 12px 9px;
	background:url(../products/images/p-one.jpg) no-repeat 0px 0px;
	float:left;
	text-align: center;
	    border: 1px solid #efefed;
}
.p-one .p-pic{
	display:block;
	width:210px;
	height:175px;
	padding:0px;
	margin:0px 0px 15px 0px;
	background-color:transparent;
}
.p-one .p-pic table{
	border:none;
	border-collapse:collapse;
	width:100%;
}
.p-one .p-pic table td{
	width:210px;
	height:175px;
	vertical-align:middle;
	text-align:center;
}
.p-one .p-pic table td img{
	max-width:210px;
	max-height:175px;
}
.p-one .p-model{
	color:#888;
	display:block;
	font-size:13px;
	line-height:14px;
	margin:5px 3px 2px 3px;
	font-family:Arial, "新細明體", Helvetica, sans-serif;
}
.p-one .p-name{
	color:#333;
	display:block;
	font-size:14px;
	margin:5px 14px;
	font-family:"微軟正黑體", Arial, "新細明體";
	font-weight:bold;
	line-height:22px;
	margin:3px 3px;
}
.p-one .p-name a{ color:#333; text-decoration:none;}
.p-one .p-name a:hover{ color:#5FAC1F; text-decoration:none;}

.page{
	margin:10px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	display:block;
	vertical-align:middle;
	vertical-align:top \9;
}
.page ul{
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.page ul li{
	display:inline;
	margin:0px 1px 0px 0px;
	padding:0px 0px 0px 0px;
}
.page ul li a{
	vertical-align:top \9;
	font-size:14px;
	line-height:14px;
	padding:5px 8px;
	margin:0px 0px;
	border:1px solid #c5c5c5;
	color:#666;
	background-color:#fff;
}
.page ul li a:hover{
	border:1px solid #c5c5c5;
	background-color:#eee;
	color:#666;
}
.page ul li a.selected{
	/* border:1px solid #62AD20;
	background-color:#62AD20; */
	
	border:1px solid #03365b;
	background-color:#03365b;
	color:#fff;
}

.p-view-pic{
	float:left;
	/* width:350px; */
	width:40%;
	/* height:290px; */
	padding:8px 15px 15px 11px;
	margin-left:-3px;
	background:url(../products/images/p-veiw-pic.jpg) no-repeat 0px 0px;
	padding: 45px 0px 0px 0px;
}
.p-view-pic table{
	border:none;
	border-collapse:collapse;
	width:100%;
}
.p-view-pic table td{
	width:350px;
	height:290px;
	vertical-align:middle;
	text-align:center;
}
.p-view-pic table td img{
	/* max-width:350px; */
	max-width:250px;
	max-height:290px;
}
.p-view-intro{
	/* width:330px; */
	/* width:55%; */
	width:40%;
	float:right;
	background:url(../products/images/p-intro-title.jpg) no-repeat 0px 0px;
	/* padding:53px 0px 0px 0px; */
	padding:35px 0px 0px 0px;
}
.btn-zoom{
	float:left;
	width:116px;
	height:45px;
	background-image:url(../products/images/btn.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	cursor:pointer;
	border:none;
	margin:0px 1px 0px 0px;
}
.btn-zoom:hover{background-position:0px -45px;}
.btn-back{
	float:left;
	width:101px;
	height:45px;
	background-image:url(../products/images/btn.jpg);
	background-position:-118px 0px;
	background-repeat:no-repeat;
	cursor:pointer;
	border:none;
	margin:0px 1px 0px 0px;
}
.btn-back:hover{background-position:-118px -45px;}

ul.p-intro-row li{
	/* border-bottom:1px #ccc dotted; */
	padding:5px 0px;
	margin:5px 0px;
	display:block;
}
ul.p-intro-row li label{
	padding:0px 0px 0px 13px;
	color:#999;
	background:url(../products/images/dot.jpg) no-repeat 0px 14px;
	/* width:50px; */
	/* width:10%; */
	float:left;
}
ul.p-intro-row li span{
	/* width:250px; */
	width:80%;
	float:right;
	color:#333;
}
label.feature{
	width:100%;
	display:block;
	/* padding:0px 0px 0px 13px; */
	margin:10px 0px 0px 0px;
	color:#03365b;
	background:url(../products/images/dot.jpg) no-repeat 0px 12px;
	font-weight: bold;
    font-size: 16pt;	
}