* { 
	margin: 0;
	padding: 0;
}
body {
	font-family:"微軟正黑體","Microsoft JhengHei","蘋果儷中黑", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #555;
	line-height: 20px;
	min-height:700px;
	font-size:12px;
	background-color:#ebf1f9;
}
.left {float:left;}
.right {float:right;}
a:link,
a:visited,
a:active,
a:visited {
	color:#009acb;
	text-decoration:none;
}


a:hover{
	color: #009acb;
	text-decoration:none;
}
ul, li {
		margin: 0;
		padding: 0;
		list-style: none;
}
input[type="text"], textarea, select, div.styled, input[type="file"],input[type="submit"],input[type="button"],input[type="reset"],input[type="password"] {  
	-moz-border-radius: 0px; /* Firefox */ 
	-webkit-border-radius: 0px; /* Safari, Chrome */ 
	-khtml-border-radius: 0px; /* Konqueror */ 
	border-radius:0px; /* Opera 10.50 and later (CSS3 standard) */ 
	box-shadow: 0px 1px 1px #ccc inset;
	border:1px solid #d5d5d5;
	padding:4px;

	+padding:2px 5px;/*ie7*/
}

input[type="text"], textarea, input[type="file"] { 
	background: #fcfcfc;
	margin:0px 10px 0px 0px;
}
img{
	border:0px;
	}
.cleaner {
		float: none;
		clear: both;
		height:0px;
}
.mainPage{
	width:100%;
	height:100%;
}
#topPage {
	width:920px;
	margin:0px auto;
	position:relative;
	height:25px;
}
#mega-menu-1 {	
	z-index:999999999;	
	position:relative;	
	right:0px;
	
	
}
#mega-menu-1 li {
	float:right;
	width:auto;
	margin:0px;
	text-align:left;
	position:relative;	        
}
#mega-menu-1 li a{
	color:#333;
	font-size:12px;
	padding:2px 10px 0px 5px;
	height:20px;
	display:block;	
}
#mega-menu-1 .qq a{
	color:#333;
	font-size:12px;
	padding:2px 10px 0px 25px;
	height:20px;
	display:block;	
}
/*#mega-menu-1 li .cn{*/
/*	background-image: url(../images/cn_icon.png);*/
/*	background-repeat: no-repeat;*/
/*	background-position: 0px 3px;	*/
/*}*/
/*#mega-menu-1 li .en{*/
/*	background-image: url(../images/en_icon.png);*/
/*	background-repeat: no-repeat;*/
/*	background-position: 0px 3px;	*/
/*}*/
#mega-menu-1 li .qq{
	background-image: url(../images/qq_icon.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;	
}
#menupanel{
	width:920px;
	margin:0px auto;
	top:0px;
	/*position:relative;*/
}
#logo{
	float:left;
	z-index:999999999999999999999;
	position:relative;
	top:0px;
}
ul.oe_menu{
	position: relative;
	list-style: none; 
	width:625px;
	float:right;
	margin-top:30px;
	padding:0px 0px 0px 0px\9;      /*all ie*/
	+z-index:9;      /*all ie*/
	z-index: 99;
}
ul.oe_menu > li{
	width:auto;
	height:15px;
	padding-bottom:2px;
	float:left;
}
ul.oe_menu > li > a{
	display:block;
	color:#000;
	text-decoration:none;
	font-size:12px;
	width:auto;
	height:30px;
	padding-right:11px;
	margin:0px 6px 0px 5px;
	background-image: url(../images/line-06.gif);
	background-repeat: no-repeat;
	background-position: right 4px;
	cursor:pointe
}
ul.oe_menu > li > a:hover,
ul.oe_menu > li.selected > a{
	color:#101010;
	opacity:1.0;
}
.oe_wrapper ul.hovered > li > a{
	background:#fff;
	text-shadow:0px 0px 1px #FFF;
}
ul.oe_menu div{
	position:absolute;
	top:28px;
	left:-295px;
	background: #e5edf5 url(../images/main-menu-bg1.jpg) no-repeat center 0px;
	width:860px;
	height:auto;
	padding:30px;
	display:none;
	box-shadow: 2px 5px 8px #888;
	-webkit-box-shadow: 2px 5px 8px #888;
	-moz-box-shadow: 2px 5px 8px #888;
	min-height:100px;
	z-index:9;
}

ul.oe_menu div ul li a{
	padding: 0px 5px 0px 15px;
	font-weight: normal;
	background-image: url(../images/icon-06.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	color:#006699;
	display:block;
}
ul.oe_menu div ul.oe_full{
	width:100%;
}
ul.oe_menu div ul li a:hover{
	color:#666;
}
ul.oe_menu li ul{
	list-style:none;
	float:left;
	width: 200px; 
	margin:0px 15px 25px 0px;
}


.oe_menu li div ul li ul{ 
	margin:0px;
	float:none;
}
.oe_menu li div ul li ul li{ 
}
ul.oe_menu li div ul li ul li a{
background-image: url(../../images/icon-04.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
padding: 2px 0px 2px 15px;
}
ul.oe_menu li div ul li ul li a:hover{
	color: #bf1017;
}
ul.oe_menu > li:hover .mPull{
	display: block;
}
.menu01pic {
	background-image: url(../images/menu-01-pic.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:block;
	width:277px;
	height:145px;
	right:0px;
	bottom:0px;
	position:absolute;
	z-index:-9;
}
.menu02pic {
	background-image: url(../images/menu-02-pic.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:block;
	width:277px;
	height:145px;
	right:0px;
	bottom:0px;
	position:absolute;
	z-index:-9;
}
#picpanel1{
	width:100%;
	margin:0px auto;
	height:42px\9;
	position: absolute;
	left: 0px;
	top:0px;
}
/*.bannerImg .swiper-slide{position: absolute; left: 0px; top: 0px;}*/
.bannerImg{width: 100%;  height: 100%;}
.headerimg {background-position: center top; background-repeat: no-repeat; width:100%; height:413px; /*ie7*/  }

#headernav-outer {margin:0 auto; width:920px;}
.btn { height:17px; width:17px; float:left; cursor:pointer; margin-left:5px;}
.bannerImg .swiper-button-next{position: relative; left: 0px; top: -45px; background-image:url("../images/btn_next.png"); background-repeat: no-repeat; left:890px;}
.bannerImg .swiper-button-prev{position: relative; left: 0px; top: -45px; background-image:url("../images/btn_back.png"); background-repeat: no-repeat; left:860px;}

#index-footer{
	width:920px;
	margin:0px auto 0px auto;
	padding:20px 0px 10px 0px;
	background-image: url(../images/copyright.png);
	background-repeat: no-repeat;
	background-position: center 0px;
}
#index-footer div{
	width:730px;
	padding:8px 0px 0px 220px;
	color:#999;
	font-size:12px;
}
.inconspicuous_link {
	color:#999 !important;
}
#picpanel{
	width:100%;
	margin:0px auto;
	top:0px;
	height:42px\9;
}
.pic-header { 
	height:388px;
}
#PicBox{
	width:100%;
	height:413px;
	position:absolute;
	margin-top:-25px;
	z-index:-999999999999999999999999999999;
	
	margin-top:-25px\9;      /*all ie*/
	height:202px\9;
	+margin-top:-80px;        /*ie7*/
}
.auto-pic {
    background-image: url(../images/aboutImg.jpg);
    /*background-position: center top;*/
    background-position: 100%;
    background-repeat: no-repeat;
}
#mainpanel{
	width:955px;
	margin:0px auto;
	background-image: url(../images/main-bg.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
}
#mainpanel-in{
	display: block;
	overflow: hidden;
	margin:0px auto;
	padding:25px 35px;
	width:850px;
	min-height:150px;
	background-color:#fff;
	background-image: url(../images/main-in-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#leftpane {
    width: 209px;
    float: left;
    padding: 0px;
    margin: 0px;
}
.PicBox{
	width: 209px;
	height:120px;
	display:block;
}
 #leftpane .auto_pic{
      background:url(../images/abLtImg.png) no-repeat 0px 0px;
 }
#leftpane h3{
	padding:9px 0px 6px 20px;
	color:#333;
	background:url(../images/arrow-02.png) no-repeat 0px 11px;
	font-size:13px;
	cursor: pointer;
	font-weight:normal;
	border-top:1px solid #e5e5e5;
}
#leftpane h3 a{
	color:#333;
	font-size:13px;
	cursor: pointer;
	font-weight:normal;
}

#leftpane h3 a.active,#leftpane h3 a:hover {
	color:#cc0000;
	text-decoration:none;
	font-weight:normal;
}
#rightpane {
	width: 580px;
	float:right;
	margin:0px;
	word-wrap:break-word;
}

#rightpane a:link,
#rightpane a:visited,
#rightpane a:active,
#rightpane a:visited {
	color:#009acb;
	text-decoration:underline;
}


#rightpane a:hover{
	color: #009acb;
	text-decoration:none;
}
.MainTitleBox{
	padding:0px;
	width:100%;
	float:right;
}
h2.CrumbreadTitle{
	color:#333;
	font-weight:bolder;
	font-size:30px;
	line-height:40px;
	padding:10px 0px 15px 0px;
	letter-spacing: -1px;
}
.abCon{width: 100%; float: left;}
.abCon img{max-width: 100%; height: auto !important;}
.taTop{width: 100%; float: left; margin-top: 20px;}
table.Contact-tbl{
	width:100%;
	border:1px solid #eee;
	border-collapse:collapse;
}	
table.Contact-tbl th{
	padding:2px 10px;
	text-align:left; 
	font-weight: normal;
	color:#555;
	background-color:#f6f6f6;
}
table.Contact-tbl td.TablTitle{
	color:#009acb;
	font-weight:bold;
	font-size:15px;
	text-decoration:none;
	background-image: url(../images/select-bg2.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border-bottom:1px solid #ccc;
}
table.Contact-tbl td{
	padding:10px 20px;
}
table.Contact-tbl th .red{color:red;}
table.Contact-tbl td input{
	width: 400px;
}
table.Contact-tbl td textarea{
	width: 400px;
}
.line{
	background-image: url(../images/line-03.gif);
	background-repeat: repeat-x;
	background-position: 0px;
	height:20px;
	padding:10px 0px;
	width:100%;
	display:block;
}
input[type="submit"]{
	padding:6px 20px;
	min-width:60px;
	background:url(../images/btn-bg.png);
	background-repeat:no-repeat;
	background-position:center top;
	color:#fff;
	background-color:#0d97c4;
	border:1px solid #0d97c4;
	box-shadow: 0px 0px 8px #999;
	-webkit-box-shadow: 0px 0px 5px #999;
	-moz-border-radius: 5px; /* Firefox */ 
	-webkit-border-radius: 5px; /* Safari, Chrome */ 
	-khtml-border-radius: 5px; /* Konqueror */ 
	border-radius:5px; /* Opera 10.50 and later (CSS3 standard) */ 
	-moz-box-shadow: 0px 0px 0px #999;

	+min-width:110px;        /*ie7*/
	+padding:1px 20px;/*ie7*/
	+border:0px;
}
#header { height:261px; }
#indexpanel{
	background-image: url(../images/index-main-bg.jpg);
	background-repeat: no-repeat;
	background-position: center 44px;
	margin-top:302px\9;      /*all ie*/
	position: relative;
	z-index: 99;
}
.inNews{
	width: 920px;
	margin: 86px auto 0px auto;
	border-bottom:1px solid #e3e5e5;
	top:0px;
	background-color:#fff;	
	+margin: -76px auto 0px auto;
	display: block;
	overflow: hidden;
	background: #fff;
	
}
#lMail{
	float: left;
	width: 160px;
	padding: 20px;
}

#lMail p{
	margin-bottom: 20px;
}
#lMail .qq{
	width: 100%;
	float: left;
	background-image: url(../images/qq_icon.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;	
}
#lMail .qq a{
	color:#333;
	font-size:12px;
	padding:2px 10px 0px 25px;
	height:20px;
	display:block;	
}

#lMail .mail{
	width: 100%;
	float: left;
	background-image: url(../images/mail_icon.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;	
}
#lMail .mail a{
	color:#333;
	font-size:12px;
	padding:2px 10px 0px 25px;
	height:20px;
	display:block;	
}
#lt_news{
	width:319px;
	float: left;

}
#lt_news h3{
	background-image: url(../images/index-news-bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height:41px;
	color:#fff;
	padding:10px 0px 0px 20px;
}
#lt_news h3 a{color: #fff;}
#newsBo{display: block; overflow: hidden; height:230px; margin-bottom:20px;}
#lt_news ul{
	padding:5px 30px 0px 30px;
}
#lt_news ul li{
	border-bottom:1px solid #e5e5e5;
	padding:12px 0px 12px 20px;
	background-image: url(../images/icon-02.gif);
	background-repeat: no-repeat;
	background-position: left 19px;	
}
#lt_news ul li a{
	display: block;
	overflow: hidden;
	height: 21px; 
	line-height: 21px;
}

#rt_ys{
	float: left;
	width: 400px;
	border-left:1px solid #e3e5e5;
}
#rt_ys h3{
	background-image: url(../images/index-news-bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height:41px;
	color:#fff;
	padding:10px 0px 0px 20px;
}
.ysTab{
	display: block;
	overflow: hidden;
	margin: 10px;
}
.ysTab table{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #eee;
}
.ysTab table thead td{
	color: #009acb;
    font-weight: bold;
    font-size: 15px;
    text-decoration: none;
    background-image: url(../images/select-bg2.jpg);
    background-repeat: repeat-x;
    background-position: 0px 0px;
    border-bottom: 1px solid #ccc;
	text-align: center;
}

.ysTab table td{padding:10px 20px;border: 1px solid #eee;}
.ysTab table .ltd{
	padding:2px 10px;
	text-align:left; 
	font-weight: normal;
	color:#555;
	background-color:#f6f6f6;
	text-align: center;
	width: 16%;
}

.artiPane{
	display: block;
	overflow: hidden;
}
.articleTitle{
	color: #009acb;
    font-weight: bold;
    font-size: 15px;
    line-height: 30px;
    text-decoration: none;
}
.pag{
	width:100%;
	float: left;
	margin: 30px 0 10px 0;
	text-align: center;
}
.pag a{
	margin: 0 5px;
}
.pag .active{
	color: red;
}
.pag font{
	color: red;
}

.pernexCon{
	width:100%;
	float: left;
	margin: 30px 0 10px 0;
}
.pernexCon .l{float: left;}
.pernexCon .r{float: right;}

table.tbl-list{
	width:100%;
	border:1px solid #eee;
	Border-collapse:collapse;
}	

table.tbl-list th {
	border-collpase:collpase; 
	padding:5px 5px;
	text-align:center; 
	font-weight: normal;
	color:#555;
	background-color:#cdcdcd;
	background-image: url(../images/select-bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border-bottom:1px solid #999;
	border:1px solid #eee;
	Border-collapse:collapse;
}

table.tbl-list td {
	padding:10px 5px;
	border:1px solid #eee;
	Border-collapse:collapse;
}
table.tbl-list td:last-child {
	background-image:none;
}
table.tbl-list th a{
	color:#cc0000;
}
table.tbl-list th a:hover{
	text-decoration:underline;
}					
table.tbl-list td a{
	color:#0099cc;
	text-decoration:none;
}
table.tbl-list td a:hover{
	text-decoration:underline;
}	
table.tbl-list tr:nth-child(odd) {
    background-color: #f7f7f7;
}

#tabs {
	width: 100%;
}
ul.ultabs {
	width: 100%;
	height: 44px;
	background-image: url(../images/main-tab-bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	list-style: none;
}
ul.ultabs li {
	float: left;
	height: 44px;
	width:25%;
	text-align:center;
	line-height: 44px;
	overflow: visible;
	position: relative;
	margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
	background-image: url(../images/main-tab-line.jpg);
	background-repeat: no-repeat;
	background-position: right 0px;
}
	
ul.ultabs li:last-child{
	background-image:none;
}
ul.ultabs li a{
	display: block;
	padding: 0 10px;
	color: #fff !important;
	text-decoration: none !important;
}
.ui-state-default a:hover {
	background: #4f78ad;
}
.ui-state-active a:hover{
	background: #fff;
	color:#025591;
}
.ui-state-active {
    background: #fff;
    font-weight: normal;
    color: #0663a6;
}
ul.ultabs .ui-state-active a{
	color: #0663a6 !important;
}
.ulTImg{
    width: 104%;
    margin-top: 4%;
    display: block;
    overflow: hidden;
}
.ulTImg a{
    width: 46%;
    float: left;
    margin-right: 4%;
    margin-bottom: 4%;
    /*height: 180px;*/
    overflow: hidden;
}
.ulTImg a img{
    float: left;
    width: 100%;
    height: 210px !important;
}
.inta{
    margin-bottom: 40px;
}
.inta li{
    float: left;
    margin: 0 19px;
}