@charset "utf-8";
/* CSS Document */
.clearboth {
	clear:both;
}
#wrapper {
	width: 375px;
	height: auto;	
    margin-left:6px;
}
/* top */
#top {
	width: 375px;
	height: 166px;
	background-image:url(../images/top_bg.gif);
	background-repeat: repeat-x;       
}
#top_logo {
	position: absolute;
	width: 144px;
	height: 105px;
	background-image: url(../images/logo.png);
	margin-left: 6px;
	z-index:2;
}
.btn_logo a{
	display: block;
	width: 144px;
	height: 105px;
}
/* main */
#main_wrap {
	width: 375px;
	margin-top: 13px;
	margin-right: auto;
	margin-bottom: 13px;
	margin-left: auto;
}
/* head */
#head {
	width: 375px;
	height: 208px;
	position: relative;
}

#KVViewPort{
	width: 375px;
	height: auto;
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
}

#KVViewPort .slideme{
	width: 375px;
	height: auto;
}

#KVViewPort .KVElement{
	/*position:absolute;
	top:0px;
	left:0px;*/
}
/*隱藏佇列*/
#KVBackStage{
	display:none;
}
/******head end*******/

#KVViewPort2 { 
	overflow: hidden;
    z-index: 2;
    position: relative;
    width: 375px;
    height: 284px;
    background-color: #ebeeec;
}



#KVViewPort3 { 
   overflow:hidden;
   z-index:2;
   width: 375px;
   height: 400px;
   position:relative;
   float:left;
   background-color: #ebeeec;  
}
#n_area {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
}
.slideshow2 {position :absolute}
ul.slideshow2 { margin:0; padding:0; list-style:none; height:80px ;}
ul.slideshow2 li { float:left;margin-left:8px;}
ul.slideshow2 li a {text-decoration: none;}


/*左按鈕*/
.btn_head_pre1 {position: absolute;left:0px;top:50%;margin-top:-38px;width: 57px;height: 76px;background:url(../images/btn_arrow_h1_l.png) left top;width:57px;cursor:pointer;z-index: 99 ;opacity: 0.5;}
.btn_head_pre1:hover {background:url(../images/btn_arrow_h1_l.png) left bottom; opacity: 0.8;}

/*右按鈕*/
.btn_head_next1 {position: absolute;right:0px;top:50%;margin-top:-38px;width: 57px;height: 76px;background:url(../images/btn_arrow_h1_r.png) right top;width:57px;cursor:pointer;z-index: 99;opacity: 0.5;}
.btn_head_next1:hover {background:url(../images/btn_arrow_h1_r.png) right top; opacity: 0.8;}

/*左按鈕*/
.btn_head_pre2 {position: absolute;left:0px;top:50%;margin-top:-38px;width: 16px;height: 76px;background:url(../images/btn_arrow_h1.png) left top;cursor:pointer;z-index: 99;}
.btn_head_pre2:hover {background:url(../images/btn_arrow_h1.png) left bottom;}
/*右按鈕*/
.btn_head_next2 {position: absolute;right:0px;top:50%;margin-top:-38px;width: 16px;height: 76px;background:url(../images/btn_arrow_h1.png) right top;cursor:pointer;z-index: 99;}
.btn_head_next2:hover {background:url(../images/btn_arrow_h1.png) right top;}

/*左按鈕*/
.btn_head_pre3 {position: absolute;left:0px;top:50%;margin-top:-38px;width: 16px;height: 76px;background:url(../images/btn_arrow_h1.png) left top;cursor:pointer;z-index: 99;}
.btn_head_pre3:hover {background:url(../images/btn_arrow_h1.png) left bottom;}
/*右按鈕*/
.btn_head_next3 {position: absolute;right:0px;top:50%;margin-top:-38px;width: 16px;height: 76px;background:url(../images/btn_arrow_h1.png) right top;cursor:pointer;z-index: 99;}
.btn_head_next3:hover {background:url(../images/btn_arrow_h1.png) right top;}




/***大圖輪播end***/

#btn_head {
	width: 375px;
	height: 76px;
	float:left;
	margin-top:140px;
    position:absolute;
    z-index:999;
}
/*原本寫法
.btn_news {
	position: relative;
	left: 0px;
	top: -170px;
	width: 640px;
	height: 76px;
	z-index: 3;
}*/
.btn_news {
	position:absolute;
	margin-left: 0px;
	margin-top: 80px;
    /*left: 0px;
	top: -170px;*/
	width: 375px;
	height: 76px;
	z-index: 999;
}

.btn_news2 {
	position:absolute;
	margin-left: 0px;
	margin-top: 80px;
    /*left: 0px;
	top: -170px;*/
	width: 375px;
	height: 76px;
	z-index: 999;
}
.btn_head_pre a{
	display: block;
	width: 16px;
	height: 76px;
	float:left;
}
span.btn_head_pre a{
	background:url(../images/btn_arrow_h1.png) left top;
}
.btn_head_next a{
	position: relative;
	display: block;
	width: 16px;
	height: 76px;
	float:right;
}
span.btn_head_next a{
	background:url(../images/btn_arrow_h1.png) right top;
}

/* submenu */
#submenu_wrap {
	position: absolute;
	width: 375px;
	height: 90px;
	background-image: url(../images/submenu_bg.gif);
	background-repeat: repeat-x;
	margin-top: 88px;
}
#submenu_cont {
	width: 375px;
	height: 68px;
	margin:0 auto;
}
.btn_submenu_c1 a{
	display: block;
	/*width: 59px;*/
    width: 52px;
	height: 68px;
	margin-right:1px;
    margin-left :2px;
	float:left;
}
.btn_submenu_c1_o a{
	/*width: 59px;*/
    width: 52px;
	height: 68px;
	margin-right:1px;    
	float:left;
	background:url(../images/sub_menu_1.gif) left bottom;
    background-size: 52px 136px;     
}
.btn_submenu_c1 a{
	background:url(../images/sub_menu_1.gif) left top;
    background-size: 52px 136px;    
}
.btn_submenu_c2 a{
	display: block;
	width: 52px;
	height: 68px;
	margin-right:1px;
	float:left;
}
.btn_submenu_c2_o a{
	width: 52px;
	height: 68px;
	margin-right:1px;
	float:left;
	background:url(../images/sub_menu_2.gif) left bottom;
    background-size: 52px 136px;
}

.btn_submenu_c2 a{
	background:url(../images/sub_menu_2.gif) left top;
    background-size: 52px 136px;
}
.btn_submenu_c3 a{
	display: block;
	width: 52px;
	height: 68px;
	margin-right:1px;
	float:left;
}
.btn_submenu_c3_o a{
	width: 52px;
	height: 68px;
	margin-right:1px;
	float:left;
	background:url(../images/sub_menu_3.gif) left bottom;
    background-size: 52px 136px;
}
.btn_submenu_c3 a{
	background:url(../images/sub_menu_3.gif) left top;
    background-size: 52px 136px;
}
.btn_submenu_c4 a{
	display: block;
	width: 52px;
	height: 68px;
	margin-right:1px;
	float:left;
}
.btn_submenu_c4_o a{
	width: 52px;
	height: 68px;
	margin-right:1px;
	float:left;
	background:url(../images/sub_menu_4.gif) left bottom;
    background-size: 52px 136px;
}
.btn_submenu_c4 a{
	background:url(../images/sub_menu_4.gif) left top;
    background-size: 52px 136px;
}

.btn_submenu_c5 a{
	display: block;
	width: 52px;
	height: 68px;
	margin-right:1px;
	float:left;
}
.btn_submenu_c5_o a{
	width: 52px;
	height: 68px;
	margin-right:1px;
	float:left;
	background:url(../images/sub_menu_5.gif) left bottom;
    background-size: 52px 136px;
}
.btn_submenu_c5 a{
	background:url(../images/sub_menu_5.gif) left top;
    background-size: 52px 136px;
}
.btn_submenu_c6 a{
	display: block;
	width: 52px;
	height: 68px;
	margin-right:1px;
	float:left;
}
.btn_submenu_c6_o a{
	width: 52px;
	height: 68px;
	margin-right:1px;
	float:left;
	background:url(../images/sub_menu_8.gif) left bottom;
    background-size: 52px 136px;
}
.btn_submenu_c6 a{
	background:url(../images/sub_menu_8.gif) left top;
    background-size: 52px 136px;
}
.btn_submenu_c7 a{
	display: block;
	width: 52px;
	height: 68px;
    margin-right:1px;
	float:left;
}
.btn_submenu_c7_o a{
	width: 52px;
	height: 68px;
	float:left;
    margin-right:1px;
	background:url(../images/sub_menu_7.gif) left bottom;
    background-size: 52px 136px;
}
.btn_submenu_c7 a{
	background:url(../images/sub_menu_7.gif) left top;
    background-size: 52px 136px;
}


.btn_submenu_c9 a{
	display: block;
	width: 52px;
	height: 68px;
    margin-right:1px;
	float:left;
}
.btn_submenu_c9_o a{
	width: 52px;
	height: 68px;
    margin-right:1px;
	float:left;
	background:url(../images/sub_menu_6.gif) left bottom;
    background-size: 52px 136px;
}
.btn_submenu_c9 a{
	background:url(../images/sub_menu_6.gif) left top;
    background-size: 52px 136px;
}
/***************/
#submenu_list {
	width: 375px;
	height: 80px;
	margin-top:8px;
     position:relative;
}


#submenu_viewport 
{
    position:absolute;
    top:0px;
    left:37px;
      /*0808原始*/
   /*width:600px;*/
   width:301px;
    height:80px;
    overflow:hidden;
}
#submenu_slider 
{
    position:absolute;
    /*0808原始*/
   /* top:0px;*/
        top:3px;
    left:0px;
    height:80px;
}

.submenu_item{
    
    display: block;
      /*0808原始*/
    /*width: 80px;
    height: 80px;*/
    width: 75px;
    height: 75px;

    margin: 0 3px;
    float: left;
    cursor:pointer;
}
.submenu_item.on{
      /*0808原始*/
    /*width: 70px;
    height: 70px;*/
    width: 65px;
    height: 65px;
    border: 5px #F1F11A double;
}
.btn_submenu_arrow_l
{
    z-index:500;
	position:absolute;
    width: 9px;
	height: 80px;
    left:11px;
    top:0px;
    background:url(../../images/btn_arrow_h2.gif)  left top;
    cursor:pointer;
}


.btn_submenu_arrow_l:hover{
	background:url(../../images/btn_arrow_h2.gif)  left bottom;
}
.btn_submenu_arrow_r
{
    z-index:500;
	position:absolute;
    width: 9px;
	height: 80px;
    right:11px;
    top:0px;
    background:url(../../images/btn_arrow_h2.gif)  right top;
    cursor:pointer;
}
.btn_submenu_arrow_r:hover{
	background:url(../../images/btn_arrow_h2.gif)  right bottom;
}
	
/***************/






/**samuel 0806新增*/
#main_l{
    z-index:500;
	position:absolute;
    left:0px;
	}
	
#main_l a{
	/*background:url(../../images/btn_arrow_h2.gif)  left top;*/
    background:url(../images/btn_arrow_h1.png) left top;
	display:block;
	width: 20px;
	height: 80px;
	margin-right:11px;
}	
		
/*#main_l a:hover{
	background:url(../../images/btn_arrow_h2.gif)  left bottom;
  
	}*/	
			
#main_r{
    right:0px;
	position:absolute;
	z-index:500;}
	
#main_r a{
	/*background:url(../../images/btn_arrow_h2.gif)  right top;*/
     background:url(../images/btn_arrow_h1.png) right top;
	display:block;
	width: 20px;
	height: 80px;}		
	/*
#main_r a:hover{
	background:url(../../images/btn_arrow_h2.gif)  right bottom;
     
	}*/
#n2{display:none;}
#n3{display:none;}
#n4{display:none;}
#n5{display:none;}
#n6{display:none;}
#n7{display:none;}
#n8{display:none;}
#n9{display:none;}

.main_list_content { 
	overflow:hidden;
	height:80px;
	z-index:2;	
   
    position:relative;
    /*0808原始大小*/
     /*width:630px;*/
    /*left:12px;*/

    width:575px;
    left:33px;
    top:2px;
}
.navlinks {
    position: absolute;
}
ul.navlinks { margin:0; padding:0; list-style:none; height:80px ;}
/*0808原始大小*/
/*ul.navlinks img{width:78px;height:78px}*/
/*ul.navlinks li { float:left;margin-left:9px;margin-top:1px;}*/
ul.navlinks img{width:75px;height:75px}
ul.navlinks li { float:left;margin-left:7px;margin-top:1px;}

ul.navlinks li a {text-decoration: none;}
/**samuel新增end*/





.btn_submenu_arrow1 a{
	display: block;
	width: 9px;
	height: 80px;
	margin-right:11px;
	float:left;
}
span.btn_submenu_arrow1 a{
	background:url(../images/btn_arrow_h2.gif) left top;
}
.btn_submenu_arrow2 a{
	display: block;
	width: 9px;
	height: 80px;
	float:left;
}
span.btn_submenu_arrow2 a{
	background:url(../images/btn_arrow_h2.gif) right top;
}
.btn_submenu_list1 a{
	display: block;
	width: 80px;
	height: 80px;
	margin-right:7px;
	float:left;
	background:url(../images/sub_list01.jpg) left top;
}
.btn_submenu_list11 a{
	display: block;
	width: 80px;
	height: 80px;
	margin-right:8px;
	float:left;
	background:url(../images/sub_list01.jpg) left top;
}
/* news */
#news_wrap {
	width: 375px;
	height: auto;
}
#news_content {
    position: relative;
	width: 375px;
	height: 284px;
	margin-top:10px;
}
#news_content2 {
	position: relative;
	width: 375px;
	height: 284px;
	margin-top:10px;

}
/*
#news_cont_wrap {
	width: 591px;
	height: 230px;
	background-color:#ebeeec;
	margin:9px auto 0px auto;
	padding:9px;

}*/

#news_cont_wrap1 {
    overflow: hidden;
    width: 375px;
    height: 257px;
    background-color: #ebeeec;
    /* margin: 9px auto 0px auto; */
    /* padding: 9px; */
    position: relative;
}
#news_cont_wrap2 {
    overflow:hidden;
	width: 591px;
	height: 230px;
	background-color:#ebeeec;
	margin:9px auto 0px auto;
	padding:9px;
    position: relative;
}

#news_tit1 {
	width: 375px;
	height: 22px;
	background-image: url(../images/tit_bg1.gif);
	padding-left:24px;
	padding-top:2px;
	margin-bottom:8px;
}
#news_tit2 {
	width: 375px;
	height: 22px;
	background-image: url(../images/tit_bg2.gif);
	padding-left:24px;
	padding-top:2px;
	margin-bottom:8px;
}
.news_photo {
	width: 228px;
	height: 228px;
	float:left;
    margin-left:25px;
	margin-top:1px;
}
.news_tr_wrap {
	width: 300px;
	height: 228px;
	float:left;
	margin-left:10px;
	margin-top:9px;

}
.news_tr {
	display: block;
}
/*
.btn_more a{
	display: block;
	position: relative;
	width: 77px;
	height: 28px;
	top: 43px;
	float:right;
}*/
.btn_more a{
	display: block;
	position: absolute;
	width: 77px;
	height: 28px;
	top: 202px;
    margin-left:260px;
	
}


span.btn_more a{
	background:url(../images/btn_more.png) right top;
}

/* footer */
#footer {
	width: 375px;
	float:left;
}
#footer_wrap {
	width: 375px;
	margin:26px auto 0px auto;
}
/*
#footer_list_wrap {
	position: relative;
	width: 606px;
	height: 76px;
	margin:0 auto;
}*/
#footer_list_wrap {
	position: relative;
	width: 375px;
	height: 156px;
	margin:0 auto;
    top:40px;
}
.footer_list_cont {
	position: relative;
	width: 166px;
	height: 38px;
	margin:0 10px;
	padding-top:15px;
	float: left;
	text-align:center;
	background:url(../images/btn_f_bg.gif);
    
}

#footer_info_wrap {
	width: 375px;
	height: 56px;
	padding-top:50px;
	text-align:center;
}
#footer_info_cont {
	position: relative;
	width: 375px;
	height: 20px;
	top:25px;
	float:left;
	text-align:center;
	margin:0 84px;
}
#footer_copy_wrap {
	width: 375px;
	height: 48px;
	padding-top:24px;
	text-align:center;
	background-color:#626262;

}
.btn_gotop a{
	display: block;
	position: relative;
	width: 115px;
	height: 115px;
	top: 20px;
	margin:auto;
}
span.btn_gotop a{
	background:url(../images/btn_gotop.gif) right top;
}
/* profile */
.profile_tr_wrap {
	width:375px;
	height: auto;
	
	margin-left:10px;
	margin-right:30px;
}
#profile_content {
	width: 375px;
	height: auto;
	margin-top:10px;
}
/*search */
.search_cont {
	position: relative;
	width: 166px;
	height: 38px;
	padding-top:15px;
	
	text-align:center;
	background:url(../images/btn_f_bg.gif);
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}