@charset "utf-8";
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "微軟正黑體", "新細明體", "標楷體";
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

#header {
	background-color: #FFF;
	height: 84px;
	width: 100%;
	box-shadow: 0 0 5px #000;
	float: left;
	z-index: 1000;
}
.area {
	width: 1020px;
	margin-right: auto;
	margin-left: auto;
}
#header .logo {
	float: left;
	height: 84px;
	width: 286px;
}
#header .logo a {
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	background-image: url(../images/logo.png);
	display: block;
	height: 84px;
	width: 286px;
}

ul, li, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#slider ul li img {
	height: auto;
	width: 100%;
	min-width: 1200px;
}
#header .area .but_bar {
	float: right;
	height: 84px;
	width: 730px;
}
#header .area .but_bar ul {
	float: right;
	height: 84px;
	font-size: 12pt;
	line-height: 84px;
	color: #333;
}
#header .area .but_bar ul li {
	float: left;
	height: 84px;
	width: 80px;
	margin-right: 10px;
	margin-left: 10px;
	text-align: center;
}
#header .area .but_bar ul li a {
	color: #333;
	height: 84px;
	width: 80px;
	display: block;
}
#header .area .but_bar ul li a:hover {
	height: 80px;
	width: 80px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #008537;
	float: left;
}
#header .area .but_bar ul li.color {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 84px;
	width: 100px;
}
#header .area .but_bar ul .color a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 84px;
	width: 100px;
	color: #FFF;
}
.g1 {
	background-color: #66a600;
}
.g2 {
	background-color: #518400;
}
#header .area .but_bar ul li.color a:hover {
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: 84px;
	width: 100px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#textslider {
	background-color: #66a600;
	height: 42px;
	width: 100%;
	float: left;
}
#textslider .tel {
	background-image: url(../images/tel_bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: right;
	height: 42px;
	width: 260px;
	font-size: 16pt;
	line-height: 42px;
	color: #66A600;
	padding-right: 30px;
	padding-left: 30px;
	text-align: center;
}
#textslider .newsflash {
	float: left;
	height: 42px;
	width: 700px;
	background-image: url(../images/newflash_title.png);
	background-repeat: no-repeat;
	background-position: left center;
	position: relative;
	overflow: hidden;
	display: block;
}
#textslider .newsflash ul {
	float: left;
	height: 42px;
	width: 600px;
	margin: 0px;
	padding: 0px;
}
#textslider .newsflash ul li {
	float: left;
	height: 42px;
	font-size: 13pt;
	line-height: 42px;
	color: #FFF;
	margin-right: 50px;
}
#textslider .newsflash ul li a {
	color: #FFF;
}
#intor {
	width: 1020px;
	margin-right: auto;
	margin-left: auto;
	min-height: 340px;
	font-size: 20pt;
	font-weight: bold;
	line-height: 28px;
}
#intor #index_ul {
	background-image: url(../images/ul_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 277px;
	width: 700px;
	padding-top: 63px;
}
#intor #index_ul ul {
	float: left;
	height: 277px;
	width: 700px;
}

#intor #index_ul li {
	height: 100px;
	width: 350px;
	float: left;
	margin-bottom: 31px;
	list-style-type: none;
}

#index_ul ul li a{
	
}
#index_ul ul #but1 a,#index_ul ul #but3 a {
	background-image: url(../images/ul_bg.jpg);
	height: 78px;
	width: 236px;
	padding-top: 22px;
	padding-left: 114px;
	display: block;
	color: #FFF;
}
#index_ul ul #but2 a,#index_ul ul #but4 a{
	background-image: url(../images/ul_bg.jpg);
	height: 78px;
	width: 236px;
	padding-top: 22px;
	padding-right: 114px;
	display: block;
	color: #FFF;
	text-align: right;
}

#index_ul ul #but1 a:hover,#index_ul ul #but3 a:hover {
	background-image: url(../images/ul_bg_hover.jpg);
	height: 78px;
	width: 236px;
	padding-top: 22px;
	padding-left: 109px;
	display: block;
	color: #FFF;
}
#index_ul ul #but2 a:hover,#index_ul ul #but4 a:hover{
	background-image: url(../images/ul_bg_hover.jpg);
	height: 78px;
	width: 241px;
	padding-top: 22px;
	padding-right: 109px;
	display: block;
	color: #FFF;
	text-align: right;
}


#index_ul ul #but1 a {
	background-position: 0px -63px;
}

#index_ul ul #but2 a {
	background-position: -350px -63px;
}

#index_ul ul #but3 a {
	background-position: 0px -194px;
}

#index_ul ul #but4 a {
	background-position: -350px -194px;
}
#intor #index_ul ul li a span {
	font-size: 9pt;
	display: block;
	width: 100%;
	margin-top: 1px;
}
#intor .photo_ablum {
	height: 340px;
	width: 320px;
	float: left;
}
#intor .photo_ablum a {
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	background-image: url(../images/photo_album.jpg);
	background-repeat: no-repeat;
	background-position: left -40px;
	display: block;
	height: 300px;
	width: 320px;
	margin-top: 40px;
}

#intor .photo_ablum a:hover {
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	background-image: url(../images/photo_album.jpg);
	background-repeat: no-repeat;
	background-position: left -40px;
	background-size:102%;
	display: block;
	height: 300px;
	width: 320px;
	margin-top: 40px;
}
#intor .middle {
	display: inline-table;
	width: 100%;
	float: left;
	background-repeat: repeat-y;
	background-position: left top;
	z-index: 900;
	position: relative;
}
#footer {
	background-color: #ebedf0;
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}
#footer .area {
	width: 1020px;
	margin-top: 28px;
	margin-right: auto;
	margin-left: auto;
}
#footer .area .left {
	float: left;
	width: 700px;
	margin-bottom: 30px;
	font-size: 13px;
	color: #666;
	margin-top: 27px;
}
#footer .area .a {
	display: inline-table;
	width: 100%;
}
#footer .area .a .left ul {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 115px;
}
#footer .area .a .left .mar_30 {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
}
#footer .area .a .left a {
	color: #666;
}
#footer .area .a .left  .title {
	font-weight: bold;
	color: #000;
	margin-bottom: 7px;
}
#footer .area .a .left .mar_30 .title a {
	color: #000;
}
#footer .area .a .left a:hover {
	color: #4B7D00;
}
#footer .area .a .left ul .out {
	margin-bottom: 10px;
}
#footer .area .a .left ul .out .title a {
	font-weight: bold;
	color: #000;
}
#footer .area .a .left .mar_30 .out .title a:hover {
	color: #568801;
}
#footer .area .a .right {
	float: left;
	width: 300px;
	margin-top: 27px;
	margin-left: 20px;
}
#footer .area .a .left ul .nol {
	padding-right: 10px;
	line-height: 18px;
	margin-bottom: 5px;
}
#footer .area .a .copyright {
	font-size: 10pt;
	line-height: 20pt;
	color: #666;
	width: 100%;
	text-align: center;
	float: left;
}
#textslider .area .newsflash .areaflash {
	float: left;
	height: 42px;
	width: 620px;
	margin-left: 80px;
	overflow: hidden;
	position: relative;
}
#slider ul {
	width: 1000%;
	float: left;
}
#slider ul li {
	width: 10%;
	height: auto;
	float: left;
}
#slider {
	width: 100%;
	float: left;
	display: block;
}
#ss {
	display: block;
}
#ssarea {
	float: left;
	width: 100%;
}
#intor .middle #leftbar {
	float: left;
	width: 240px;
}
.haveleftbar {
	background-image: url(../images/leftbar.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
#leftbar .titlebar {
	color: #FFF;
	background-color: #518400;
	float: left;
	width: 210px;
	padding-top: 115px;
	padding-bottom: 20px;
	padding-left: 30px;
	font-weight: normal;
	font-size: 28px;
}
#leftbar .titlebar span {
	font-size: 13px;
	float: left;
	width: 100%;
	font-family: "微軟正黑體", "新細明體", "標楷體";
}
#leftbar #menubar {
	width: 100%;
	padding: 0px;
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#leftbar #menubar li {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	line-height: 25px;
}
#leftbar #menubar li a {
	font-size: 12pt;
	font-weight: normal;
	color: #FFFFFF;
	display: block;
	width: 190px;
	padding-left: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #AFD88C;
	margin-right: 10px;
	margin-left: 10px;
}
#menubar li a:hover{
	background-color: #518400;
}
#menubar li a.stay {
	background-color: #518400;
}
#leftbar #photobut {
	float: left;
	height: 260px;
	width: 240px;
	position: relative;
	margin-bottom: 30px;
}
#leftbar #photobut img {
	position: absolute;
	left: -10px;
	top: 0px;
}
#aboutus,#newscenter{
	float: left;
	width: 780px;
}
#intor #aboutus {
	background-image: url(../images/about_us_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	padding-top: 380px;
}
#intor #businessarea {
	background-image: url(../images/business_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	padding-top: 380px;
	width: 780px;
}
#intor #newscenter {
	background-image: url(../images/news_center_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	padding-top: 380px;
	margin-bottom: 30px;
}
#shandow {
	background-image: url(../images/shandow.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 10px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 3000;
}
#photobut a {
	background-image: url(../images/photo_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	position: absolute;
	height: 260px;
	width: 260px;
	left: -13px;
	top: 1px;
}
#photobut a:hover{
	background-image: url(../images/photo_bg2.png);
}
#aboutus .seeall ,#newscenter .seeall ,#businessarea .seeall {
	padding: 0px;
	float: left;
	width: 684px;
	margin-right: 18px;
	margin-left: 38px;
}
#aboutus .seeall li,#newscenter .seeall li {
	width: 208px;
	margin-left: 20px;
	float: left;
	margin-bottom: 12px;

}
#businessarea .seeall li {
	width: 320px;
	margin-left: 20px;
	float: left;
	margin-bottom: 12px;

}

#businessarea .seeall li a img{
	width: 316px;
	border: 4px solid #EFEFEF;
	}


#aboutus .seeall li a img,#newscenter .seeall li a img{
	width: 200px;
	border: 4px solid #EFEFEF;
	}
#aboutus .seeall li span a, #newscenter .seeall li a{
	float: left;
	width: 100%;
	font-size: 12pt;
	line-height: 30px;
	font-weight: normal;
	color: #099;
	text-indent: 10px;
}
#businessarea .seeall li a{
	float: left;
	width: 100%;
	font-size: 12pt;
	line-height: 30px;
	font-weight: normal;
	color: #099;
	text-indent: 10px;
}
#normal {
	float: left;
	width: 780px;
}
#normal .intext {
	width: 760px;
	padding-left: 20px;
	font-size: 11pt;
	line-height: 20pt;
	color: #666;
	font-weight: normal;
	margin-bottom: 30px;
}
.middle h2 {
	font-size: 30pt;
	line-height: 30pt;
	color: #000;
	padding-left: 20px;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 70px;
}
.middle h2 span {
	color: #099;
	font-size: 20pt;
	line-height: 30pt;
	display: block;
}
.middle h3 {
	font-size: 12pt;
	line-height: 20pt;
	color: #000000;
	padding-left: 20px;
	margin-bottom: 20px;
	font-weight: normal;
	min-height: 160px;
	display: block;
}
.middle h4 {
	font-size: 18pt;
	line-height: 20pt;
	color: #099;
	padding-left: 20px;
	font-weight: normal;
	margin-top: 30px;
	margin-bottom: 10px;
}
.middle h4 span {
	font-size: 12pt;
	line-height: 20pt;
	font-weight: normal;
	color: #999;
	margin-right: 10px;
}
#normal .intext h5 {
	font-size: 12pt;
	line-height: 20pt;
	color: #900;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
ul.aboutus {
	font-size: 12pt;
	color: #000;
	margin-top: 10px;
	margin-bottom: 20px;
	list-style-type: disc;
}
ul.aboutus li {
	list-style-type: disc;
	margin-left: 20px;
}
.intext p.nono {
	font-size: 12pt;
	line-height: 18pt;
	color: #000;
	margin: 0px;
	padding: 0px;
}
#aboutus .seeall li a:hover img {
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
#newscenter .seeall li a:hover img {
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}
.picright {
	float: right;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 15px;
}
.centerpic {
	float: none;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#historydata li {
	font-size: 12pt;
	line-height: 30px;
	color: #000;
	background-color: #E2E2E2;
	margin-bottom: 15px;
	float: left;
	border-radius:10px;
	box-shadow:0 0 5px #666;

}
#historydata li span.data {
	font-weight: normal;
	text-align: center;
	float: left;
	color: #000000;
	width: 120px;
}
#historydata li .even {
	font-size: 12pt;
	line-height: 30px;
	background-color: #F0F0F0;
	float: left;
	width: 610px;
	padding-left: 29px;
	background-image: url(../images/icon1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
		border-bottom-right-radius:10px;
		border-top-right-radius:10px;
}
#historydata {
	margin-top: 20px;
	float: left;
	width: 760px;
	margin-bottom: 50px;
}
#manageteam {
	float: left;
	width: 760px;
}
#manageteam li {
	float: left;
	width: 760px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#manageteam li .picpeopld {
	float: left;
	width: 160px;
	margin-right: 10px;
	margin-left: 10px;
}
#manageteam li .info {
	float: left;
	width: 550px;
	margin-left: 10px;
}
#manageteam li .picpeopld .picp {
	float: left;
	height: 160px;
	width: 160px;
	margin-bottom: 5px;
}
#manageteam li .info .namep {
	font-size: 14pt;
	color: #666;
	line-height: 20pt;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A1A1A1;
	margin-bottom: 10px;
}
#manageteam li .info .namep span {
	margin-right: 10px;
	color: #069;
}
#manageteam li .picpeopld .contacinfo {
	font-size: 10pt;
	line-height: 15pt;
	color: #666;
	float: left;
	width: 160px;
}
#manageteam li .picpeopld .contacinfo span {
	display: block;
}
#report {
	float: left;
	width: 760px;
	margin-bottom: 10px;
}
#report .title {
	color: #FFF!important;
	background-color: #67A600;
	font-size: 11pt;
	line-height: 30px;
	text-align: center;
}
#report li .newsform {
	float: left;
	width: 15%;
	text-align: center;
}
#report li .newsname {
	float: left;
	width: 68%;
	color: #000;
	padding-left: 10px;
}
#report li .newsdata {
	float: left;
	width: 14%;
	text-align: center;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
}
#report li {
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	width: 760px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	
}
#report li:nth-first-child(2n){
	background-color: #FFFDEC;
}
#report .title .newsname {
	color: #FFF;
	margin: 0px;
	padding: 0px;
	width: 70%;
}
#report li .newsname {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
}
#report li .newsname a {
	color: #518400;
}
#pageline {
	float: left;
	width: 100%;
}
#pageline {
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 11pt;
	font-weight: normal;
}
#pageline table tr td a {
	color: #FFF;
	background-color: #67A600;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 5px;
	margin-left: 5px;
}
#pageline table tr td a:hover {
	color: #518400;
	background-color: #D2F273;
}
#certificate {
	float: left;
	width: 760px;
	margin-bottom: 30px;
	margin-top: 30px;
}
#certificate li {
	float: left;
	width: 230px;
	margin-left: 18px;
	margin-bottom: 18px;
}

#certificate li a img {
	height: auto;
	max-height:330px;
	width: 230px;
	border: 1px solid #666;
	box-shadow:0 0 5px #666;
}
#newslist {
	float: left;
	width: 730px;
	border-radius: 15px;
	padding: 15px;
	border: 1px solid #999;
	background-color: #FFF;
	box-shadow:0 0 5px #666 inset;
}
#newslist .title {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	text-align: center;
	color: #FFF;
	background-color: #67A600;
}
#newslist li .newsname {
	width: 77%;
	float: left;
	padding-left: 2%;
}
#newslist li .newsdata {
	float: left;
	width: 20%;
	text-align: center;
	color: #67A600;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #67A600;
}
#newslist li {
	float: left;
	width: 730px;
	line-height: 30px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
#report li:nth-child(2n){
	background-color: #EFEFEF;
}
#newslist .title .newsdata {
	color: #FFF;
}
#newslist li .newsname a {
	color: #666;
}
#normal.newsbg {
	background-image: url(../images/newspic.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#normal.videobg {
	background-image: url(../images/videopic.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#mediaarea {
	float: left;
	width: 750px;
	margin-left: 10px;
}
#mediaarea li {
	float: left;
	height: 200px;
	width: 249px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-right-color: #999;
	border-bottom-color: #999;
	text-align: center;
}
#mediaarea li:nth-child(3n) {
	float: left;
	height: 200px;
	width: 249px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: none;
	border-bottom-style: dotted;
	border-right-color: #fff;
	border-bottom-color: #999;
}
#mediaarea li .picp {
	width: 200px;
	margin-left: 24px;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
}
#mediaarea li .picp img {
	height: auto;
	width: 200px;
}
#mediaarea li .namep {
	font-size: 11pt;
	line-height: 20pt;
	float: left;
	width: 220px;
	padding-left: 15px;
	padding-right: 14px;
}
#mediaarea li .namep a {
	color: #000;
}
#mediaarea li:hover {
	background-color: rgba(0,0,0,0.1);
}
#mediaarea li .picp .playbut {
	height: 110px;
	width: 100%;
	position: absolute;
}
#mediaarea li .picp .playbut a {
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	background-image: url(../images/play_but.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 110px;
	width: 100%;
}
#normal.photoalbum {
	background-image: url(../images/photoalbumpic.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#photoalbum li {
	float: left;
	width: 250px;
	position: relative;
	margin-bottom: 15px;
}
#photoalbum li .picp {
	float: left;
	width: 230px;
	margin-right: 10px;
	margin-left: 10px;
	height: 144px;
	overflow: hidden;
	box-shadow:0 0 5px #666;
}

#photoalbum li .picp img{
	float: left;
	width: 230px;
	height:auto;
}
#photoalbum li .namep {
	position: absolute;
	width: 220px;
	left: 10px;
	bottom: 0px;
	background-color: rgba(0,0,0,0.5);
	padding: 5px;
	display: none;
}
#photoalbum li .namep a {
	color: #FFF;
}
body#black {
	background-color: #000;
	background-image: url(../images/hope.jpg);
	background-size:cover;
}







 
	#showbox{
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	background-color: rgba(0,0,0,0.5);
}
	#showImg , #showImg table{
	width: 820px;
	height: 600px;
}
 
	#imgList{
	margin-top: 10px;
	margin-left: 3px;
	padding-bottom: 10px;
	overflow: hidden;
}
	#imgList span{float:left; display:block; width:22px;  margin:2px; line-height:50px;}
 
	#list{position:relative; float:left; width:350px; height:60px;}	
	#list img{width:40px; height:40px;}
	#list{
	width: 760px;
	float: left;
	margin: 0 2px;
	overflow: hidden;
}
	#list ul{ position:absolute; left:0; top:0; white-space: nowrap;/* 不斷行 */}
	#list ul li{
	display: inline;
	padding: 5px;
	margin-top: 0;
	margin-right: 4px;
	margin-bottom: 0;
	margin-left: 4px;
	}
	#list ul li.on img{
	border: solid 2px #ccc;
}	
	#list ul li img {

}
 
	/* 秀大圖 */
	#imgB{border:solid 7px #fff;}
	/* 滑入顯示圖片區塊 */
	#overImg{position:absolute; top:-99999; left:-99999; display:none; z-index:100; border:solid 5px #666; padding:5px; background:#fff;}
 
#showImg table tr td #imgB img {
	max-width:780px;
	height:auto;
}
#intor .middle .photoalbumx {
	padding: 0px;
	width: 840px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-weight: bold;
}
#intor .middle .photoalbumx h4 {
	font-size: 20pt;
	line-height: 30pt;
	color: #FFF;
	margin: 0px;
	padding: 0px;
	height: auto;
	font-weight: bold;
}
#intor .middle .photoalbumx h4 span {
	color: #000;
	margin-right: 10px;
	margin-left: 10px;
}
#normal select.legislation {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-top: 5px;
}
#normal .se {
	float: left;
	width: 760px;
	margin-bottom: 10px;
	margin-left: 20px;
	background-color: rgba(0,0,0,0.5);
}
#normal.legislation {
	background-image: url(../images/law_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#normal .intext #law ,#normal .intext #job{
	padding: 9px;
	float: left;
	width: 740px;
	border-top-width: 8px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #099;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
}
#normal .intext #contactform{
	padding: 9px;
	float: left;
	width: 740px;
	border-top-width: 8px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #099;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	background-image: url(../images/etudiant_MBA.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#law .title ,#job .title {
	background-color: #F0F0F0;
	color: #000;
	text-align: center;
}
#law li .newsname{
	float: left;
	width: 70%;
}
#job li .jobname {
	float: left;
	width: 80%;
}
#law li .lawclas{
	float: left;
	width: 15%;
	text-align: center;
}
#job li .needpeople {
	float: left;
	width: 20%;
	text-align: center;
}
#law li .downloadfile {
	float: left;
	width: 15%;
	text-align: center;
}
#law li {
	line-height: 30px;
	float: left;
	width: 740px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

#job li {
	line-height: 30px;
	float: left;
	width: 740px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}



#law li .newsname a {
	background-image: url(../images/copy.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	padding-left: 30px;
	color: #000;
	font-size: 12pt;
}
#law li .downloadfile a {
	color: #0099AB;
}
#menubar li ul {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 15px;
	float: left;
}
#menubar li ul li {
	font-size: 11pt;
	line-height: 20pt;
	color: #FFF;
	width: 100%;
		margin-bottom: 5px!important;
}
#menubar li ul li a {
	font-size: 12pt!important;
	line-height: 20px;
	color: #FFC!important;
	padding-left: 40px!important;
	width: 180px!important;
	border-bottom-style: none!important;

}
#factorywork_but li {
	float: left;
	width: 700px;
	margin-right: 30px;
	margin-bottom: 15px;
	margin-left: 30px;
	height: 120px;
	position: relative;
}
#factorywork_but li .buttext {
	position: absolute;
	height: 90px;
	width: 300px;
	left: 0px;
	top: 0px;
	background-color: rgba(0,0,0,0.5);
	text-align: center;
	padding-top: 30px;
	font-size: 20pt;
	line-height: 30px;
	color: #FFF;
}
#factorywork_but li .buttext span {
	font-size: 10pt;
	color: #CCC;
	display: block;
	line-height: 14pt;
}
#normal h5 {
	width: 740px;
	margin-left: 20px;
	margin-bottom: 10px;
	font-weight: normal;
	color: #000;
	background-image: url(../images/icon2.png);
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left 4px;
	font-size: 13pt;
	line-height: 20pt;
	margin-top: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.picleft {
	float:left;
}
#needpaper{
	list-style-type: disc!important;
}
#needpaper li {
	list-style-type: disc!important;
}
#factorywork_but {
	width: 740px;
	padding-left: 20px;
}
#whyweare {
	font-size: 12pt;
	color: #000;
}

#whyweare li {
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
#whyweare li span {
	color: #C00;
	display: block;
}
#normal .intext ul.step li h5 {
	color: #000;
	padding: 0px;
}
.intext  ul.step li h5 {
	color: #000!important;
	padding-top: 0px!important;
	padding-right: 0px!important;
	padding-bottom: 0px!important;
	padding-left: 20px!important;
	margin-top: 0px;
	margin-right: 0px!important;
	margin-bottom: 5px;
	margin-left: 0px!important;
}
#normal .intext ul.step span {
	margin-left: 15px;
	margin-right: 15px;
}
#normal .intext .step li {
	margin-bottom: 20px;
}
#normal .intext #installations {
	padding: 10px;
	width: 740px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #67A600;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #67A600;
}
#installations li {
	font-size: 11pt;
	line-height: 30px;
	color: #666;
	width: 740px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	height: 30px;
	margin-bottom: 5px;
}
#installations li .namep,#installations li .telp {
	float: left;
	width: 20%;
	text-align: center;
}
#installations li .telp {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666;
}

#installations .title {
	background-color: #F0F0F0;
	color: #000;
}
#installations li .addressp {
	float: left;
	width: 58%;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
}
#normal .intext #case {
	width: 100%;
	float: left;
}
#normal .intext #case li {
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	margin-bottom: 20px;
	float: left;
}
#normal .intext #case li .companylogo {
	float: left;
	height: 160px;
	width: 160px;
	margin-right: 10px;
}
#normal .intext #case li .companyinfo {
	float: right;
	width: 590px;
	height: 170px;
	overflow: hidden;
}
#normal .intext #case li .companyinfo h5 {
	font-size: 15pt;
	color: #518400;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: none;
	padding: 0px;
	line-height: 18pt;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#case li .companylogo img {
	height: auto;
	width: 160px;
}
#case li .companyinfo div ol {
	margin: 0px;
	float: left;
	list-style-type: number;
	width: 95%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5%;
}
#case li .companyinfo div ol li {
	float: left;
	width: 100%;
	margin-bottom: 5px!important;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none!important;
	border-left-style: none;
	height: auto!important;
	list-style-type: disc!important;
}
#case li .companyinfo div {
	float: left;
	width: 100%;
}
#relatedlink {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}
#relatedlink li {
	float: left;
	width: 220px;
	margin-top: 8px;
	margin-right: 14px;
	margin-bottom: 8px;
	margin-left: 14px;
}
#relatedlink li img {
	height: auto;
	width: 220px;
}
#embassy {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}
#embassy li {
	float: left;
	width: 100%;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 8px;
	padding-bottom: 8px;
}
#embassy li .position {
	float: left;
	width: 30%;
}
#embassy li .paddress {
	width: 43%;
	float: left;
	padding-left: 2%;
}
#embassy .title .telandfax {
	float: left;
	width: 23%;
}
#embassy .title {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #67A600;
	text-align: left;
	padding: 0px;
}
#embassy li .position span {
	font-size: 9pt;
	display: block;
}
#embassy li .paddress span {
	font-size: 9pt;
	display: block;
}
#embassy li .telandfax {
	float: left;
	width: 23%;
	padding-left: 2%;
}
#embassy li .telandfax span {
	display: block;
}
#faq {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}
#faq li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-top: 10px;
	float: left;
	margin-bottom: 10px;
}
#faq li .q {
	float: left;
	width: 730px;
	padding-left: 30px;
	background-image: url(../images/q.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
}
#faq li .q a {
	font-size: 12pt;
	line-height: 25px;
	color: #009999;
	cursor: pointer;
}
#faq li .a {
	font-size: 10pt;
	line-height: 18pt;
	color: #333;
	background-image: url(../images/a.png);
	background-position: 10px top;
	float: left;
	width: 690px;
	padding-left: 60px;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #E1F1FF;
	display: none;
	padding-right: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
}
#normal .intext ol li {
	list-style-type: disc;
}
#normal .intext table {
	margin-left: 20px;

}
#fileload {
	float: left;
	width: 740px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
#fileload .title {
	border-bottom-width: 2px!important;
	border-bottom-style: solid!important;
	border-bottom-color: #A50000!important;
}
#fileload li .filename {
	float: left;
	width: 82%;
	padding-left: 3%;
	background-image: url(../images/copy.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#fileload li {
	float: left;
	width: 100%;
	margin-bottom: 10px!important;
	padding: 0px!important;
	border-bottom-width: 1px!important;
	border-bottom-style: dashed!important;
	border-bottom-color: #EBEDF0!important;
	font-size: 11pt;
	font-weight: normal;
}
#fileload .title {
	font-size: 11pt;
	line-height: 25px;
	font-weight: normal;
	color: #666;
}
#fileload li .download {
	text-align: center;
	float: left;
	width: 15%;
}
#fileload .title .filename {
	background-image: none!important;
}
#fileload li .download img {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}

#normal .intext .fortable {
	width: 760px;
	display: inline-table;
	height: 350px;
}
#normal .intext .fortable #pointable {
	float: left;
	width: 740px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
}
#pointable tr th, #pointable tr td {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #999;
	padding: 5px;
}
#pointable tr th {
	color: #FFF;
	background-color: #67A600;
}
.jobbg {
	background-image: url(../images/job_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#job li .jobname a {
	font-size: 12pt;
	line-height: 30px;
	color: #009999;
	background-image: url(../images/icon4.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	float: left;
	cursor: pointer;
}
#job li .infomation {
	font-size: 11pt;
	line-height: 20px;
	color: #333;
	float: left;
	width: 700px;
	background-color: #F1FEFD;
	margin: 10px;
	padding: 10px;
	border-radius:10px;
	display:none;
}
#contactform fieldset {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-color: #CCC;
	float: left;
	width: 700px;
}
#contactform fieldset label {
	color: #333;
	width: 120px;
	float: left;
}
#contactform fieldset label span {
	color: #900;
}
#contactform fieldset select, #contactform fieldset input {
	float: left;
	height: 25px;
}
#contactform fieldset img {
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}
#contactform .butline {
	border-bottom-style: none;
	text-align: center;
}
#contactform .butline input {
	height: 30px;
	width: 120px;
	margin-right: 20px;
	margin-left: 20px;
	color: #666;
}
#normal .intext iframe#map {
	background-color: #FFF;
	padding: 5px;
	box-shadow:0 0 5px #666;
}
#law li .lawclass {
	float: left;
	width: 15%;
	text-align: center;
}
#fileload.nospace {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin: 0px;
}
.load_bg {
	background-image: url(../images/load_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#organ {
	position: relative;
}
#organ #obut1 {
	
	position: absolute;
	height: 66px;
	width: 134px;
	left: 333px;
	top: 298px;
}
#organ #obut2 {
	
	position: absolute;
	height: 66px;
	width: 134px;
	left: 459px;
	top: 108px;
}

#organ #obut3 {
	
	position: absolute;
	height: 66px;
	width: 134px;
	left: 532px;
	top: 250px;
}
#organ #obut4 {
	
	position: absolute;
	height: 66px;
	width: 134px;
	left: 493px;
	top: 377px;
}

#organ #obut5 {
	
	position: absolute;
	height: 66px;
	width: 134px;
	left: 351px;
	top: 447px;
}

#organ #obut6 {
	
	position: absolute;
	height: 66px;
	width: 134px;
	left: 206px;
	top: 402px;
}

#organ #obut7 {

	position: absolute;
	height: 66px;
	width: 134px;
	left: 138px;
	top: 283px;
}

#organ #obut8 {

	position: absolute;
	height: 66px;
	width: 134px;
	left: 171px;
	top: 137px;
}

#organ #obut9 {
	position: absolute;
	height: 66px;
	width: 134px;
	left: 314px;
	top: 66px;
}

#organ .obut a{
	height: 66px;
	width: 134px;
	display: block;
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	cursor: pointer;

}
#organ .sq{
	height: 80px;
	width: 230px;
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	z-index: 300;
	padding: 10px;
	font-size: 10pt;
	line-height: 14pt;
	color: #FFF;
	text-align: center;


}
#sq1{
	left: 276px;
	top: 198px;
	
	}
	
#sq2{
	left: 459px;
	top: 9px;
	
	}	
#sq3{
	left: 532px;
	top: 144px;
	
	}	
		
#sq4{
	left: 518px;
	top: 445px;
	
	}	
#sq5{
	left: 286px;
	top: 340px;
	
	}		
#sq6{
	left: 74px;
	top: 471px;
	
	}	
#sq7{
	left: 23px;
	top: 172px;
	
	}
#sq8{
	left: 56px;
	top: 29px;
	
	}		
#sq9{
	left: 277px;
	top: 136px;
	
	}	
	
#organ .sq a {
	color: #FFC;
}
