@charset "utf-8";
* html * {
behavior: url(iepngfix.htc);/*-------------ie6支援png 背景透明---------------------*/
}
* {
	margin: 0px;
	padding: 0px;
}
body {
	background-attachment: fixed;
	_background-attachment:scroll;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	font-size: 12px;
	color: #008EE3;
	_behavior: url("../js/csshover3.htc");/*-------------ie6支援hover--加入body-------------------*/
	line-height: 20px;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#outer-wrapper {
	width: 1024px;
	min-height:768px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/cbgs.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	background-attachment: fixed;
    _height:expression(this.scrollHeight < 768 ? "768px" : "auto");/*ie6支援min-height*/
	_overflow:auto;/*ie6支援min-height*/
}



#header-wrapper {
	background-image: url(../images/topbg.jpg);
	height: 187px;
	width: 614px;
	position: fixed;
	_position: absolute;
	margin-left: 410px;
	background-repeat: no-repeat;
}
#headout-wrapper {
	height: 187px;

}

#menubar {
	background-image: url(../images/mbbgr.png);
	height: 73px;
	width: 610px;
	display: block;
	background-repeat: no-repeat;
	position: absolute;
	top: 95px;
}
.menubar {
	list-style-type: none;
	color: #FFF;
	font-size: 18px;
	display: block;
	padding-top: 26px;
	padding-left: 5px;
}
.menubar li {
	float: left;
	display: block;
	width: 150px;
	text-align: center;
}
.menubar li a {
	color: #FFF;
	font-family: "華康中黑體", "微軟正黑體";
	font-weight: bold;
	text-decoration: none;
}
.menubar li a:hover {
	color: #FF0;
}

.hlink a{
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;	
    color: #FFF;
}
.hlink a:hover{
	color: #F9F744;
}
.hlink {
	float: right;
	list-style-type: none;
	color: #FFF;
	font-size:9px;
	display: block;
	padding-top: 50px;
	padding-right: 15px;
}

.hlink li {
	float: left;
}

#flash-wrapper {
	height: 768px;
	width: 410px;
	position: fixed;
	_position: absolute;
	float: left;
	color: #000;
}
#content-wrapper {
	background-image: url(../images/conttbg.png);
	background-repeat: repeat-y;
	width: 614px;
	float: right;
}
#main-wrapper {
	min-height: 180px;
	 _height:expression(this.scrollHeight < 180 ? "180px" : "auto");/*ie6支援min-height*/
	_overflow:auto;/*ie6支援min-height*/
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
	
}
.mh1 {
	margin-bottom: 15px;
}
.img_02 {
	margin-right: 30px;
}
.img_06 {
	margin-bottom: 15px;
}

.abmp {
	width: 240px;
}
.rfloat {
	float: right;
}
.prids {
	list-style-type: none;
	margin-top: 15px;
}
.prids li {
	float: left;
	margin-right: 30px;
	_margin-right: 21px;
	
}
.prids li p {
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 3px 9px;
	padding-left: 15px;
	margin-top: 10px;
}
.prids li a {
	color: #009BF9;
	text-decoration: none;
}
.prids li a:hover {
	color: #0085D5;
}
.prids img {
	border: 1px solid #CDEAFC;
}
.prids img:hover {
	border: 1px solid #82CBF7;
}
.mains {
	margin-bottom: 30px;
	padding-left: 10px;

}
.cctab th {
	font-size: 12px;
	padding: 5px;
}
.input2 {
	cursor: hand; 
	cursor: pointer;
	background-color: #7CF;
	border: 1px solid #FFF;
	padding-right: 3px;
	padding-left: 3px;
	font-size: 12px;
	color: #FFF;
	padding-top: 2px;
	width: 60px;
	height: 20px;
	font-weight: bold;
}
.input2:hover {
	background-color: #B5E3FF;
}
.input {
	border: 1px solid #7CF;
}


.mains p {
	margin-bottom: 20px;
}
.mains2 p {
	padding-right: 10px;
	padding-left: 10px;
	
}

.mains2 {
	padding-right: 10px;
	margin-bottom: 50px;
	background-image: url(../images/lines2.png);
	background-position: 0px bottom;
	background-repeat: no-repeat;
	padding-bottom: 25px;
}
.mains2 h2 {
	padding-left: 20px;
	background-image: url(../images/arrow3.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	display: block;
	padding-bottom: 10px;
}


.mains2 dt {
	display: block;
	background-color: #00B0FE;
	color: #FFF;
	padding-left: 10px;
	font-weight: bold;
	margin-bottom: 10px;
	border: 3px solid #FFF;
}


.mains iframe{
	display: block;
	background-color: #FFF;
	height: 280px;
	width: 510px;
	padding: 10px;
}

.mains h2 {
	font-size: 15px;
	color: #0081CE;
	margin-bottom: 5px;
	font-family: "華康中黑體", "微軟正黑體";
}
.mains2 h2 strong{
	color: #F30;
	font-family: Arial, Helvetica, sans-serif;
}
.mains2 h2 span {
	font-size: 12px;
	font-weight: normal;
}


.logoall {
	list-style-type: none;
}
.logoall li {
	float: left;
	padding-left: 5px;
}
.cambs {
	padding-left: 30px;
	padding-top: 25px;
	list-style-type: none;
	background-image: url(../images/caim_01.png);
	background-repeat: no-repeat;
	height: 155px;
	display: block;
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
}
.cambs li {
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	padding-left: 15px;
	display: block;
	width: 230px;
	margin-bottom: 5px;
	background-color: #E3F1FB;
}
.cambs .camover {
	background-color: #F8FCFE;
}


.caim_01 {
	margin-right: 40px;
}
.img_04 {
	margin-left: 10px;
}
.lfloat {
	float: left;
}
.aps {
	list-style-type: none;
	display: block;
	height: 100px;
}
.aps li {
	float: left;
	padding: 7px;
	display: block;
}
small {
	display: block;
	text-align: right;
	padding-right: 20px;
}
small a {
	color: #009BF9;
	display: block;
	float: right;
	padding-left: 20px;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 10px 9px;
}
small a:hover {
	color: #007DFB;
}
.clear {
	clear: both;
}
.lkp {
	margin-right: 10px;
	display: block;
}












#sidebar-wrapper {
	height: 220px;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
	background-image: url(../images/lines.png);
	_background-image: url(../images/lines.jpg);
	background-repeat: no-repeat;
	background-position: 20px top;
}
#slink {
	position: absolute;
	width: 55px;
	top: 380px;
	left: 350px;
}
#slink ul {
	list-style-type: none;
}

#slink li a {
	height: 55px;
	width: 51px;
	display: block;
	margin-top: 10px;
}
.slk_01 a {
	background-image: url(../images/slk_01.png);
	background-repeat: no-repeat;
}
.slk_02 a {
	background-image: url(../images/slk_02.png);
	background-repeat: no-repeat;
}
.slk_03 a {
	background-image: url(../images/slk_03.png);
	background-repeat: no-repeat;
}
.slk_04 a {
	background-image: url(../images/slk_04.png);
	background-repeat: no-repeat;
}
.slk_01 a:hover {
	background-image: url(../images/slk_01a.png);

}
.slk_02 a:hover {
	background-image: url(../images/slk_02a.png);

}
.slk_03 a:hover {
	background-image: url(../images/slk_03a.png);

}
.slk_04 a:hover {
	background-image: url(../images/slk_04a.png);
}

#footer-wrapper {
	width: 614px;
	background-image: url(../images/footbg.png);
	background-repeat: no-repeat;
	clear: both;
	float: right;
}
#footer-wrapper p {
	padding-top: 30px;
	color: #009BF9;
	padding-left: 100px;
	padding-bottom: 30px;
}
#footer-wrapper p a {
	color: #28B9FF;
}
#footer-wrapper p a:hover {
	color: #137DB7;
}