a{
 outline: none; /* for Firefox Google Chrome  */
 behavior:expression(this.onFocus=this.blur()); /* for IE */
}


*{margin: 0; padding: 0; }

li{
list-style-type: none;
}

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:10px 10px 0px 10px;
	height:30px;
	border-bottom:1px solid #666;
	background-color:#FF4601;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(../images/tabs.png) no-repeat -652px 0;
	font-size:12px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 111px;
	text-align:center;	
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -652px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -652px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.w1 			{ background-position: -519px 0; width:134px; }
ul.tabs a.w1:hover 	{ background-position: -519px -31px; }
ul.tabs a.w1.current { background-position: -519px -62px; }

/* width 2 */
ul.tabs a.w2 			{ background-position: -366px -0px; width:154px; }
ul.tabs a.w2:hover 	{ background-position: -366px -31px; }
ul.tabs a.w2.current { background-position: -366px -62px; }


/* width 3 */
ul.tabs a.w3 			{ background-position: -193px -0px; width:174px; }
ul.tabs a.w3:hover 	{ background-position: -193px -31px; }
ul.tabs a.w3.current { background-position: -193px -62px; }

/* width 4 */
ul.tabs a.w4 			{ background-position: -0px -0px; width:194px; }
ul.tabs a.w4:hover 	{ background-position: -0px -31px; }
ul.tabs a.w4.current { background-position: -0px -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}
.hi100{
	height:100px;
}
.clear {zoom:1; clear:both;} 
.clear:after {content:''; display:block; clear:both; visibility:hidden; height:0;}	 



/* 超連結樣式  */
a{
 outline: none; /* for Firefox Google Chrome  */
 behavior:expression(this.onFocus=this.blur()); /* for IE */
}

.link_a:link{color:blue; font-size:12px; text-decoration:none}
.link_a:visited{color:blue; font-size:12px; text-decoration:none}
.link_a:hover{color:red; font-size:12px; text-decoration:underline}



.link_01:link{color:#00cc33; font-size:12px; text-decoration:none}
.link_01:visited{color:#00cc33; font-size:12px; text-decoration:none}
.link_01:hover{color:#336600; font-size:12px; text-decoration:underline}

.link_02:link{color:#FF6E66; font-size:12px; text-decoration:none}
.link_02:visited{color:#FF6E66; font-size:12px; text-decoration:none}
.link_02:hover{color:#D9003D; font-size:12px; text-decoration:underline}



.link_03:link{color:#005599; font-size:12px; text-decoration:none}
.link_03:visited{color:#005599; font-size:12px; text-decoration:none}
.link_03:hover{color:#005599; font-size:12px; text-decoration:underline}


.link_04:link{color:#000000; font-size:12px; text-decoration:none}
.link_04:visited{color:#000000; font-size:12px; text-decoration:none}
.link_04:hover{color:#555555; font-size:12px; text-decoration:underline}

/* 連結為白色 hover為黃色 有底線 */
.link_05:link{color:#FFFFFF; font-size:12px; text-decoration:none}
.link_05:visited{color:#FFFFFF; font-size:12px; text-decoration:none}
.link_05:hover{color:#F7D900; font-size:12px; text-decoration:underline}

/* 連結為白色 hover為黃色 有底線 */
.lin_06{color:#7b7b7b; font-size:12px}
.link_06:link{color:#7b7b7b; font-size:12px; text-decoration:none}
.link_06:visited{color:#7b7b7b; font-size:12px; text-decoration:none}
.link_06:hover{color:#01C8EF; font-size:12px; text-decoration:underline}

.li_07{color:#0099FF; font-size:12px; text-decoration:none}
.link_07:link{color:#0099FF; font-size:12px; text-decoration:none}
.link_07:visited{color:#0099FF; font-size:12px; text-decoration:none}
.link_07:hover{color:#3ACBF7; font-size:12px; text-decoration:underline}

.link_07_15:link{color:#0099FF; font-size:15px; text-decoration:none}
.link_07_15:visited{color:#0099FF; font-size:15px; text-decoration:none}
.link_07_15:hover{color:#3ACBF7; font-size:15px; text-decoration:underline}

.link_08:link{color:#02b3d6; font-size:12px; text-decoration:none}
.link_08:visited{color:#02b3d6; font-size:12px; text-decoration:none}
.link_08:hover{color:#02b3d6; font-size:12px; text-decoration:underline}

.link_09:link{color:#FF9900; font-size:12px; text-decoration:none}
.link_09:visited{color:#FF9900; font-size:12px; text-decoration:none}
.link_09:hover{color:#F77B00; font-size:12px; text-decoration:underline}

.link_10:link{color:#FF4601; font-size:12px; text-decoration:underline}
.link_10:visited{color:#FF4601; font-size:12px; text-decoration:underline}
.link_10:hover{color:#F77B00; font-size:12px; text-decoration:underline}

.link_11:link{color:#992790; font-size:12px; text-decoration:none}
.link_11:visited{color:#992790; font-size:12px; text-decoration:none}
.link_11:hover{color:#F77B00; font-size:12px; text-decoration:underline}



.link_hw:link{color:#FFFFFF;text-decoration:none}
.link_hw:visited{color:#FFFFFF;text-decoration:none}
.link_hw:hover{color:#0099FF;text-decoration:underline}

.link_hb:link{color:#000000;text-decoration:none}
.link_hb:visited{color:#000000;text-decoration:none}
.link_hb:hover{color:#0099FF;text-decoration:underline}

/* padding */
.pad5{
	padding:5px;
}
.pad10{
	padding:10px;
}
/* margin */
.mar5{margin:5px;}
.mar10{margin:10px;}
.mar_top5{margin-top:5px;}
.mar_top10{margin-top:10px;}
.mar_bottom5{margin-bottom:5px;}
.mar_bottom10{margin-bottom:10px;}
.hi0{height:0;}
.inl{
display: inline;
}

/* clear */
.clr_b{
clear:both;
}


/* 共用模塊 */

#mainall{
position:absolute;
left:0;
top:371px;
}

#mainall_lrc{
position:absolute;
left:0;
top:460px;
}

#hod1{
width:970px;
background-color:#2e2e2e;
color:#FFFFFF;
position:absolute;
left:0;
top:0;
}
#gg {
position:static;
width:380px;
top:0px;
right:0px;
}

#all{
position:relative;
width:970px;
margin: 0 auto; 
background-color:#FFFFFF;
left:0;
 top:0;
}




#top {
	height:140px;
	background-color:#000000;
}
#logo {
	margin:15px;
}
#login {
	height:26px;
	background-color:#222222;
	color:#FFFFFF;
	font-size:12px;
	text-align:right;
	padding:0px 10px 0px 10px;
}
#menu {
	height:24px;
	background-color:#24313C;
	z-index:3;
}
#news_top {
	height:16px;
	font-size:12px;
	background-color:#e5e5e5;
	padding:0px 10px 0px 10px;
}
#mpath {
position:absolute;
left:0;
top:356px;
}

body{


	background-color:#FFFFFF;
	background: url(../images/all_bk.gif) ;
	background-repeat:repeat-y;
	background-position:center top;
	font-size:12px;
}

#foot {
	width:970px;
	height:55px;
	background-color:#F77B00;
	color:#FFFFFF;
	text-align:center;
	clear: both;
	margin: 0 auto; 
	margin-top:	10px;
}

#float_ad1{
height:100%;
width:300px;
position:absolute;
}
#ads {
position: relative;
width: 300px;
padding: 0px;

		}

		
	


/* 左側幻燈片 */
#slider2 { 
   width: 200px; /* important to be same as image width */ 
   height: 110px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#slider2Content {
   width: 200px; /* important to be same as image width or wider */
   height: 110px; /* important to be same as image height */
   position: relative; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.slider2Image {
   width: 200px; /* important to be same as image width or wider */
   height: 110px; /* important to be same as image height */
   text-align : center; 

   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.slider2Image span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 0px 10px 0px;
   text-align:center;
   width: 200px;
   background-color: #5C7DCA;

   color: #fff;
   display: none; /* important */
   top: 70px;
   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}



/* 右側幻燈片 */
#slider3 { 
   width: 300px; /* important to be same as image width */ 
   height: 150px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#slider3Content {
   width: 300px; /* important to be same as image width or wider */
   height: 150px; /* important to be same as image height */
   position: relative; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.slider3Image {
   width: 300px; /* important to be same as image width or wider */
   height: 110px; /* important to be same as image height */
   text-align : center; 

   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.slider3Image span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 0px 10px 0px;
   text-align:center;
   width: 300px;
   background-color: #5C7DCA;

   color: #fff;
   display: none; /* important */
   top: 100px;
   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}



.h1000{
	min-height: 1000px; 
	_height: 1000px; 
}

.list_01 li{
margin-top:6px;

	height:18px;
	vertical-align:middle;
	border-bottom:1px #FFFFFF dotted;
}
.list_02{
width:410px;
margin-top:6px;

	vertical-align:middle;
white-space:nowrap; 
    text-overflow:ellipsis;
    overflow: hidden; 
    border-bottom:1px #FFFFFF dotted;
}

.list_02 li{
margin-top:6px;

	height:18px;
	vertical-align:middle;
	border-bottom:1px #FFFFFF dotted;
}

/* 圓角框 */

.rj640 dd{
display:inline;
}

.rj640{
width:640px;
margin-bottom:10px;
}
.rj640_title{
width:640px;
height:22px;
margin:0;
padding-top:8px;padding-left:8px;
background-color:#222222;
background: url(../images/top_1.gif) no-repeat;
}

.rj640_content{
border-width:1px; 
border-left-style:solid;
border-bottom-style:solid;
border-right-style:solid;
border-color:#bac3c8;
padding:10px;
}


.lrc_g1{float:right;margin-top:5px;margin-bottom:0px;}
.lrc_g2{background: url(../images/740_bk1.gif);height:10px;margin-top:5px;font: 0px Arial;}
.lrc_g3{background-color:#d7d8da;background: url(../images/740_bk3.gif);padding:10px;}
.lrc_g4{float:right;padding-left:10px;width:200px;}
.lrc_g5{font-size:16px;color:#000000;height:30px;display:inline;}
.lrc_g6{font-size:16px;height:30px;display:inline;}
.lrc_g7{background: url(../images/740_bk2.gif);height:10px;margin-bottom:5px;font: 0px Arial;}

.lrc_g8{border:solid 1px;border-width:0 0 2px;border-color:#FF9900;padding:0;margin:0;height:25px;line-height:20px;cursor:pointer;font-size:25px;color:#0055FF;}

.lrc_g9{background: url(../images/740_bk1.gif);height:10px;margin-top:5px;font: 0px Arial;}
.lrc_g10{background-color:#E8E9EA;padding:10px;}
.lrc_g11{background: url(../images/740_bk2.gif);height:10px; font: 0px Arial;}
.lrc_g12{background: url(../images/740_bk1.gif);height:10px;margin-top:5px;font: 0px Arial;}
.lrc_g13{background: url(../images/740_bk2.gif);height:10px;font: 0px Arial;}
.lrc_g14{height:343px;width:400px;BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-highlight-color: #CCCCCC; scrollbar-shadow-color: #CCCCCC; scrollbar-arrow-color: #000000; scrollbar-face-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #2D2D2D;overflow-x: hidden;padding:8px;margin:8px;background-color:#000000;}
.lrc_g15{font-size:16px;color:#FFFFFF;height:30px;display:inline;}

.lrc_g16{float:right;margin-top:5px;margin-bottom:0px;}
.lrc_g17{height:343px;width:400px;BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-highlight-color: #CCCCCC; scrollbar-shadow-color: #CCCCCC; scrollbar-arrow-color: #000000; scrollbar-face-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #2D2D2D;overflow-x: hidden;padding:8px;margin:8px;background-color:#000000;}
.lrc_g18{font-size:16px;color:#FFFFFF;height:30px;display:inline;}
.lrc_g19{font-size:16px;color:#FFFFFF;height:30px;display:inline;}