@charset "utf-8";
/*font*/
* {font-family: "verdana", "Helvetica", "sans-serif","Arial","微軟正黑體","Microsoft JhengHei","Heiti TC"; }
span,div,p,a {color:#666666}
.bold {font-weight:bold}

.f8pt {font-size:8pt;}
.f9pt {font-size:9pt;}
.f10pt {font-size:10pt}
.f11pt {font-size:11pt}
.f12pt {font-size:12pt}
.f13pt {font-size:13pt}
.f14pt {font-size:14pt}
h1,.h1 {font-size:22pt;font-weight:bold;margin:10px 0px}
h2,.h2 {font-size:20pt;font-weight:bold;margin:9px 0px}
h3,.h3 {font-size:18pt;font-weight:bold;margin:8px 0px}
h4,.h4 {font-size:16pt;font-weight:bold;margin:7px 0px}
h5,.h5 {font-size:14pt;font-weight:bold;margin:6px 0px}
h6,.h6 {font-size:12pt;font-weight:bold;margin:5px 0px}



.wordbreak {
		table-layout:fixed;
		table-layout: \9;
		word-wrap:break-word;
		word-wrap: \9;
		word-break:break-all \9;
		overflow:hidden;
		overflow:auto \9;
}


.red {color:#FF0000}
.ora {color:#FF6600}
.blk {color:#000000}
.gre {color:#090}
.gra {color:#999999}
.whi {color:#FFFFFF}
.c600 {color:#660000}
.c666 {color:#666}
.c999 {color:#999999}

.bg_red {background-color:#FF0000}
.bg_blk {background-color:#000000}
.bg_gre {background-color:#009900}
.bg_gra {background-color:#999999}
.bg_whi {background-color:#FFFFFF}
.bg_ora {background-color:#ff9900}
.bg_bro {background-color:#c19e67}
.bg_f0  {background-color:#F0F0F0;}  
.bg_blu {background-color:#0066CC}


/*hover*/

a,.hover {text-decoration:none;}
a:hover,.hover:hover {
  text-decoration:underline;
  cursor:pointer;  
}

a.blue {text-decoration:underline;color:#0099FF}
a.blue:hover {
  text-decoration:underline;
  color:#FF9900; 
  cursor:pointer
}

a.btn:hover *{
  background-position:0px 100%
}


/*block*/
.none {display:none}
.hide {display:none}
.hidden {visibility:hidden;*display:none}
.block {display:block}
.inline {display:inline;*float:left}
.inlineblk {display:inline-block;*float:left}

.right {float:right;}
.left {float:left;}
.center {text-align:center}
.vtop {vertical-align:top}
.vmin {vertical-align:middle}
.vbtm {vertical-align:bottom}
.hright {text-align:right}
.hleft {text-align:left}
.hcenter {text-align:center}

.w10px {width:10px}
.w20px {width:20px}
.w40px {width:40px}
.w60px {width:60px}
.w80px {width:80px}
.w100px {width:100px}
.w120px {width:120px}
.w150px {width:150px}
.w180px {width:180px}
.w200px {width:200px}
.w300px {width:300px}
.w400px {width:400px}
.w500px {width:500px}
.w600px {width:600px}
.w700px {width:700px}
.w960px {width:960px}

.clearfix:after {
	content: ".";
	display: block;
   	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


.clearbox {
	display:block;
	overflow:visible;
   *overflow:;
    clear:both;
	border:0px #333333 solid;    
   *height:10px
}

/*line*/
.line20 {line-height:20px};
.line30 {line-height:30px};
.line40 {line-height:40px};
.line60 {line-height:60px};

/*margin*/
.mg_3 {margin:3px}
.mg_5 {margin:5px}
.mg_10 {margin:10px}
.mg_lr3 {margin-left:5px;margin-right:5px}
.mg_lr5 {margin-left:5px;margin-right:5px}
.mg_lr10 {margin-left:10px;margin-right:10px}

.mg_l3 {margin-left:3px;}
.mg_l5 {margin-left:5px;}

.mg_tb5 {margin-top:5px;margin-bottom:5px}
.mg-ie_t5 {*margin-top:5px;}
.mg-ie_t10 {*margin-top:10px;}
.mg-ie_t15 {*margin-top:15px;}

.mg_t10 {margin-top:10px;}
.mg_t5 {margin-top:5px;}
.mg_t3 {margin-top:3px;}

.mg_auto {margin:auto}
.mg_lrauto {margin-left:auto;margin-right:auto}

/*padding*/
.pd01 {padding:0.1px;*padding:0px}
.pd_3  {padding:3px;*padding:0px}
.pd_t3  {padding-top:3px;*padding-top:3px}
.pdt01 {padding-top:0.1px;*padding:0px}

/*shadow*/

.shadow_3 {
    -webkit-box-shadow: 0 0px 3px #999; 
    -moz-box-shadow: 0 0px 3px #999; 
    box-shadow: 0 0px 3px #999;
}

.shadow_5 {
    -webkit-box-shadow: 0 0px 5px #999; 
    -moz-box-shadow: 0 0px 5px #999; 
    box-shadow: 0 0px 5px #999;
}

.glow_gray {
    -webkit-box-shadow: 0px 0px 3px #999; 
    -moz-box-shadow: 0px 0px 3px #999; 
    box-shadow: 0px 0px 3px #999;
}

.embass {
    text-shadow: 1px 1px  #ffffff;
}

.embassb {
    text-shadow: -1px -1px 1px #000000;
}

/*round corner*/

.round_10 {
    behavior: url(border-radius.htc)\9;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.round_5 {
    behavior: url(border-radius.htc)\9;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.round_3 {
    behavior: url(border-radius.htc)\9;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}


.round_t10 {
    behavior: url(border-radius.htc)\9;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}

.round_t5 {
    behavior: url(border-radius.htc)\9;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}

.round_t3 {
    behavior: url(border-radius.htc)\9;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
}

.round_l10 {
    behavior: url(border-radius.htc)\9;
    -moz-border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px;
}

.round_l5 {
    behavior: url(border-radius.htc)\9;
    -moz-border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
}

.round_l3 {
    behavior: url(border-radius.htc)\9;
    -moz-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px 0px 0px 3px;
    border-radius: 3px 0px 0px 3px;
}






/*-------------------------------------------------------------------------------*/


/*title*/
.title1 {
 background:url(../images/title1.png) no-repeat ;
 padding-left:15px;
}

/*border*/
.bdr1 {border-width:1px;border-style:solid}
.bdr2 {border-width:2px;border-style:solid}
.bdr3 {border-width:3px;border-style:solid}

.bdrb1 {border-bottom-width:1px;border-bottom-style:solid}
.bdrb2 {border-bottom-width:2px;border-bottom-style:solid}
.bdrb3 {border-bottom-width:3px;border-bottom-style:solid}

.bdrtb1 {border-width:1px 0px;border-style:solid}
.bdrtb2 {border-width:2px 0px;border-style:solid}
.bdrtb3 {border-width:3px 0px;border-style:solid}


.bdr_red {border-color:#FF0000;}
.bdr_gre {border-color:#006600;}
.bdr_ora {border-color:#FF9900;}
.bdr_gra {border-color:#999999;}
.bdr_blk {border-color:#000000;}
.bdr_ccc {border-color:#cccccc;}
.bdr_whi {border-color:#FFFFFF;*border-color:#999999}
.bdr_blu {border-color:#0066CC}
/*link*/
.link1 {
 background:url(../images/link1.png) no-repeat 3px 6px;
 padding-left:20px;
}

.link1vm {
 background:url(../images/link1.png) no-repeat 3px 50%;
 padding-left:20px;
}


/*tab*/
.tab_bg1,.tab_bg2,.tab_bg3,.btn_bg1,.btn_bg2,.btn_bg3 {
  background:url(../images/tab_bg.png) repeat-x;
  background-size:cover;
  display:inline-block;
  vertical-align:middle;
  cursor:pointer;
}

.btn_bg1:hover,.btn_bg2:hover,.btn_bg3:hover {
  background:url(../images/tab_bg.png) repeat-x;
  background-size:cover;
  display:inline-block;
  vertical-align:middle;
  filter:alpha(opacity=50);/*for ie*/
  opacity:0.5;
  -moz-opacity:0.5;
  -khtml-opacity:0.5;
  cursor:pointer;
}

.tab_bg1,.btn_bg1 {
  line-height:22px;
  padding:0px 5px;
  min-height:22px;
  *height:22px;
}

.tab_bg2,.btn_bg2 {
  line-height:33px;
  padding:0px 10px;
  min-height:33px;
  *height:33px;
}

.tab_bg3,.btn_bg3 {
  line-height:44px;
  padding:0px 14px;
  min-height:44px;
  *height:44px;
}

.nobg {
 background:url()
}

/*-------------------------------------------------------------------------------*/
body {
 background:url(../images/bg.jpg);
 margin:0px;	
}

.container {
 background-color:#FFFFFF;	
 margin:auto;	
 width:960px;
 min-height:600px;
 *height:;
}
/*header*/
.header {
  min-height:100px;
  width:960px;
  background-color:#FFFFFF;
}

.logo_block {
 width:290px;
 float:left
}

.site_btn{
 width:600px;
 float:right;
 text-align:right;
 height:30px;
 margin:70px 10px 0px 10px;
}

.site_btn a {text-decoration:none;color:#003399; font-size:9pt;}
.site_btn a:hover {
  text-decoration:underline;
  color:#FF9900; 
  cursor:pointer; 
  font-size:9pt;
}

.menu div {
  background-image:url(../images/btn_menu.png);
  width:160px;
  height:60px;
  display:block;
  float:left;
}

.menu_btn1 {background-position:0px 0px}
.menu_btn2 {background-position:-160px 0px}
.menu_btn3 {background-position:-320px 0px}
.menu_btn4 {background-position:-480px 0px}
.menu_btn5 {background-position:-640px 0px}
.menu_btn6 {background-position:-800px 0px}

.menu_btn1:hover {background-position:0px 100%}
.menu_btn2:hover {background-position:-160px 100%}
.menu_btn3:hover {background-position:-320px 100%}
.menu_btn4:hover {background-position:-480px 100%}
.menu_btn5:hover {background-position:-640px 100%}
.menu_btn6:hover {background-position:-800px 100%}



/*content*/
.content {
	
}

.content_1 {
 float:left;
 margin:10px 0px 0px 10px;
 width:180px;
 min-height:300px;
 *height:;
}


.content_1 .sidemenu a { text-decoration:none}
.content_1 .sidemenu div {
 border:3px #cccccc solid;
 background-image:url(../images/icon_r1.png);
 background-repeat:no-repeat;
 background-position:5px 50%;
 background-color:#FFFFFF;
 color:#0066CC;
 text-indent:50px;
 width:160px;
 height:40px;
 margin:0px 5px 5px 5px; 
 line-height:40px;
 font-size:11pt;
}
.sidemenu div:hover {
  color:#FF9900;
  border:3px #FF9900 solid;
}
.sideban_block img {
  border:3px #cccccc solid;
  margin:5px 0px 0px 3px;
}






/*for page*/
.content_page {
 float:left;
 margin:10px 0px 0px 10px;
 width:750px;
 min-height:300px;
 *height:;
}

.page_title {
  background-image:url(../images/bg_pagetitle.png);
  height:41px;
  width:750px;
  line-height:41px;
  text-indent:10px;
}

.pagination{
 line-height:40px;
 font-size:10pt;
 text-indent:20px;
}
.pagination span {
 padding:3px;
 text-align:center;
 border:1px #666666 solid;
 font-size:8pt;
}
.pagination .pagebold {
 font-weight:bold;
}
.pagination span:hover{
 padding:3px;
 text-align:center;
 border:1px #ff9966 solid;
 font-size:8pt;
 text-decoration:none;
 color:#ff9966;
}
.pagination span:hover a{
 text-decoration:none;
 color:#ff9966;
}



/*footer*/
.footer {
  background-image:url(../images/bg_footer.png);
  height:205px;
  margin:0px;
}

.footer * {
  color:#FFFFFF; 
  font-size:9pt;
  text-align:center ;
}

.footer_1 {
 height:60px;	
}
.footer_2 {
 margin-top:10px;	
 height:40px;		
}
.footer_3 {
 padding-top:20px;

  height:50px;
}



/*icons*/
.icon_r1 {
 background:url(../images/icon_r1.png) no-repeat;
 min-width:21px;
 *width:;
 height:21px;
 padding-left:25px;
}

.icon_r2 {
 background:url(../images/icon_r2.png) no-repeat;
 min-width:21px;
 *width:;
 height:21px;
 padding-left:25px;
}
/*btns*/
.btn_more {
 background:url(../images/btn_more.png) no-repeat;	
 width:50px;
 height:17px;
}
.btn_more:hover{
 background-position:0px 100%;
}