@charset "utf-8";
/* CSS Document */
.clearboth {
	clear:both;
}

#wrapper {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-image:url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position:top center;
}



/* top */
#top {
	width: 100%;
	height: 112px;
	background-image:url(../images/top_bg.gif);
	background-repeat: repeat-x;
	
	z-index: 999;
	position: relative;
}
#menu_wrap {
	width: 1000px;
	height: 112px;
	margin: 0 auto;    
}
#menu_content {
	position: relative;
	width: 835px;
	height: 38px;
	left: 165px;
	top: 74px;    
}
#language_wrap{
        position: relative;
	    width: 170px;
	    height: 35px;
	    float:right;
        margin-top:-3px;
	    z-index:1;
    }
.btn_menu_icon {
    width: 210px;
    float: right;        
}
#divFadR{
    width: 665px;
    height:830px;
}
.btn_en a{
	display: block;
	width: 73px;
	height: 38px;
	margin-right:3px;
	float:right;
}
span.btn_en a{	
    background:url(/images/menu_en.gif) left top;
}
span.btn_en a:hover{	
    background:url(/images/menu_en.gif) left bottom;
}
.btn_cn a{
	display: block;
	width: 73px;
	height: 38px;
	margin-right:3px;
	float:right;
}
span.btn_cn a{	
    background:url(/images/menu_cn.gif) left top;
}
span.btn_cn a:hover{	
    background:url(/images/menu_cn.gif) left bottom;
}
.btn_menu1 a{
	display: block;
	width: 46px;
	height: 38px;
	margin-right:3px;
	float:left;
}
.btn_menu1_o{
	width: 46px;
	height: 38px;
	margin-right:3px;
	float:left;
	background:url(../images/menu_1.gif) left bottom;
}
span.btn_menu1 a{
	background:url(../images/menu_1.gif) left top;
}
span.btn_menu1 a:hover{
	background:url(../images/menu_1.gif) left bottom;
}
.btn_menu2 a{
	display: block;
	width: 73px;
	height: 38px;
	margin-right:3px;
	float:left;
}
span.btn_menu2 a{
	background:url(../images/menu_2.gif) left top;
}
span.btn_menu2 a:hover{
	background:url(../images/menu_2.gif) left bottom;
}

.btn_menu2_o{
	width: 73px;
	height: 38px;
	margin-right:3px;
	float:left;
	background:url(../images/menu_2.gif) left bottom;
}
.btn_menu3 a{
	display: block;
	width: 73px;
	height: 38px;
	margin-right:3px;
	float:left;
}
span.btn_menu3 a{
	background:url(../images/menu_3.gif) left top;
}
span.btn_menu3 a:hover{
	background:url(../images/menu_3.gif) left bottom;
}

.btn_menu3_o{
	width: 73px;
	height: 38px;
	margin-right:3px;
	float:left;
	background:url(../images/menu_3.gif) left bottom;
}
.btn_menu4 a{
	display: block;
	width: 73px;
	height: 38px;
	margin-right:3px;
	float:left;
}
span.btn_menu4 a{
	background:url(../images/menu_4.gif) left top;
}
span.btn_menu4 a:hover{
	background:url(../images/menu_4.gif) left bottom;
}
.btn_menu4_o{
	width: 73px;
	height: 38px;
	margin-right:3px;
	float:left;
	background:url(../images/menu_4.gif) left bottom;
}

.btn_menu5 a{
	display: block;
	width: 73px;
	height: 38px;
	margin-right:3px;
	float:left;
}
span.btn_menu5 a{
	background:url(../images/menu_5.gif) left top;
}
span.btn_menu5 a:hover{
	background:url(../images/menu_5.gif) left bottom;
}
.btn_menu5_o{
	width: 73px;
	height: 38px;
	margin-right:3px;
	float:left;
	background:url(../images/menu_5.gif) left bottom;
}
.btn_menu6 a{
	display: block;
	width: 73px;
	height: 38px;
	margin-right:3px;
	float:left;
}
span.btn_menu6 a{
	background:url(../images/menu_6.gif) left top;
}
span.btn_menu6 a:hover{
	background:url(../images/menu_6.gif) left bottom;
}
.btn_menu6_o{
	width: 73px;
	height: 38px;
	margin-right:3px;
	float:left;
	background:url(../images/menu_6.gif) left bottom;
}
.btn_menu7 a{
	display: block;
	width: 99px;
	height: 38px;
	margin-right:3px;
	float:left;
}
span.btn_menu7 a{
	background:url(../images/menu_7.gif) left top;
}
span.btn_menu7 a:hover{
	background:url(../images/menu_7.gif) left bottom;
}
.btn_menu7_o{
	width: 99px;
	height: 38px;
	margin-right:3px;
	float:left;
	background:url(../images/menu_7.gif) left bottom;
}
.btn_menu8 a{
	display: block;
	width: 73px;
	height: 38px;
	margin-right:3px;
	float:left;
}
span.btn_menu8 a{
	background:url(../images/menu_8.gif) left top;
}
span.btn_menu8 a:hover{
	background:url(../images/menu_8.gif) left bottom;
}
.btn_menu8_o{
	width: 73px;
	height: 38px;
	margin-right:3px;
	float:left;
	background:url(../images/menu_8.gif) left bottom;
}
.btn_menu9 a{
	display: block;
	width: 73px;
	height: 38px;
	margin-right:3px;
	float:left;
}
span.btn_menu9 a{
	background:url(../images/menu_9_1.gif) left top;
}
span.btn_menu9 a:hover{
	background:url(../images/menu_9_1.gif) left bottom;
}
.btn_menu10 a{
	display: block;
	width: 100px;
	height: 38px;
	margin-right:3px;
	float:left;
}
span.btn_menu10 a{
	background:url(../images/Line_button.gif) left top;
}
span.btn_menu10 a:hover{
	background:url(../images/Line_button.gif) left bottom;
}
.btn_menu9_o{
	width: 73px;
	height: 38px;
	margin-right:3px;
	float:left;
	background:url(../images/menu_9_1.gif) left bottom;
}
.btn_fb a{
	display: block;
	width: 38px;
	height: 38px;
	margin-left:4px;
	float:left;
	background:url(../images/btn_fb.gif);
   
}

.btn_youtube a{
	display: block;
	width: 38px;
	height: 38px;
	margin-left:4px;
	float:left;
	background:url(../images/btn_youtube.gif);
    z-index:2;
}
.btn_line a{
	display: block;
	width: 53px;
	height: 38px;
	margin-left:4px;
	float:left;
	background:url(../images/btn_line.png );	
    z-index:2;
}

#top_logo {
	position: absolute;
	width: 163px;
	height: 149px;
	background-image: url(../images/logo.png);
}
.btn_logo a{
	display: block;
	width: 163px;
	height: 149px;
}
#quick_search_wrap {
	position: relative;
	width: 151px;
	height: 80px;
	right: 0px;
	top: 0px;
	float:right;
	z-index:1;
}
.btn_quick_search a{
	display: block;
	width: 151px;
	height: 73px;
}
span.quick_search a{
	background:url(../images/btn_quicksearch.gif) left top;
}
span.quick_search a:hover{
	background:url(../images/btn_quicksearch.gif) left bottom;
}
#quick_search_sub {
	display:none;
	position: absolute;
	width: 151px;
	height: 347px;
	background-color:#4c4b4a;
}
.qs_table {
    display:table;
	width: 138px;
	margin:0 auto;
	padding-top:5px
}
.qs_tr {
    display: table-row;
}
.btn_send a{
	display: block;
	width: 116px;
	height: 46px;
	margin-left:15px;
	float: left;
}
span.btn_send a{
	background:url(../images/btn_send.png) left top;
}
span.btn_send a:hover{
	background:url(../images/btn_send.png) left bottom;
}
.btn_forgot a{
	display: block;
	width: 116px;
	height: 46px;
	margin-left:15px;
	float: left;
}
span.btn_forgot a{
	background:url(../images/btn_forgot.png) left top;
}
span.btn_forgot a:hover{
	background:url(../images/btn_forgot.png) left bottom;
}
.btn_cancel a{
	display: block;
	width: 116px;
	height: 46px;
	margin-left:15px;
	float: left;
}
span.btn_cancel a{
	background:url(../images/btn_cancel.png) left top;
}
span.btn_cancel a:hover{
	background:url(../images/btn_cancel.png) left bottom;
}
.btn_next a{
	display: block;
	width: 116px;
	height: 46px;
	margin-left:15px;
	float: left;
}
span.btn_next a{
	background:url(../images/btn_next.png) left top;
}
span.btn_next a:hover{
	background:url(../images/btn_next.png) left bottom;
}

/* main */
#main_wrap {
    width: 1000px;
    margin-top: 13px;
    margin-right: auto;
    margin-bottom: 13px;
    margin-left: auto;
    border-collapse: 5;
}





/* head 
配合前端特效修正: 2014/05/05
*/
/* ==================   主視覺 START  ======================*/
#head {
	width: 1000px;
	height: 554px;
	position:relative;
}

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

#KVViewPort .KVElement{
	position:absolute;
	top:0px;
	left:0px;
}

/*左按鈕*/
.btn_head_pre {
	position: absolute;
	top:50%;
	left:0px;
	width: 18px;
	height: 160px;
	background:url(../images/btn_arrow_h1.png) left top;
	cursor:pointer;
	z-index: 99;
	margin-top: -80px;
	
}
.btn_head_pre:hover {
	background:url(../images/btn_arrow_h1.png) left bottom;
}

/*右按鈕*/
.btn_head_next {
	position: absolute;
	top:50%;
	right:0px;
	width: 18px;
	height: 160px;
	background:url(../images/btn_arrow_h1.png) right top;
	cursor:pointer;
	z-index: 99;
	margin-top: -80px;
}
.btn_head_next:hover {
	background:url(../images/btn_arrow_h1.png) right bottom;
}

/*隱藏佇列*/
#KVBackStage{
	display:none;
}

/* ==================   主視覺 END  ======================*/




/* submenu */
#submenu_wrap {
	width: 1000px;
	height: 166px;
	background-image: url(../images/submenu_bg.gif);
	background-repeat: repeat-x;
	margin-bottom: 10px;
}
#submenu_cont {
	width: 908px;
	height: 68px;
	margin:0 auto;
}
.btn_submenu_c1 a{
	display: block;
	width: 69px;
	height: 68px;
	margin-right:50px;
	float:left;
}
.btn_submenu_c1_o{
	width: 69px;
	height: 68px;
	margin-right:50px;
	float:left;
	background:url(../images/sub_menu_1.gif) left bottom;
}
.btn_submenu_c1 a{
	background:url(../images/sub_menu_1.gif) left top;
}

.btn_submenu_c1 a:hover{
	background:url(../images/sub_menu_1.gif) left bottom;
}


.btn_submenu_c2 a{
	display: block;
	width: 69px;
	height: 68px;
	margin-right:50px;
	float:left;
}
.btn_submenu_c2 a{
	background:url(../images/sub_menu_2.gif) left top;
}

.btn_submenu_c2 a:hover{
	background:url(../images/sub_menu_2.gif) left bottom;
}
.btn_submenu_c2_o{
	width: 69px;
	height: 68px;
	margin-right:50px;
	float:left;
	background:url(../images/sub_menu_2.gif) left bottom;
}

.btn_submenu_c3 a{
	display: block;
	width: 69px;
	height: 68px;
	margin-right:50px;
	float:left;
}
.btn_submenu_c3 a{
	background:url(../images/sub_menu_3.gif) left top;
}

.btn_submenu_c3 a:hover{
	background:url(../images/sub_menu_3.gif) left bottom;
}
.btn_submenu_c3_o{
	width: 69px;
	height: 68px;
	margin-right:50px;
	float:left;
	background:url(../images/sub_menu_3.gif) left bottom;
}
.btn_submenu_c4 a{
	display: block;
	width: 69px;
	height: 68px;
	margin-right:50px;
	float:left;
}
.btn_submenu_c4 a{
	background:url(../images/sub_menu_4.gif) left top;
}
.btn_submenu_c4_o{
	width: 69px;
	height: 68px;
	margin-right:50px;
	float:left;
	background:url(../images/sub_menu_4.gif) left bottom;
}

.btn_submenu_c4 a:hover{
	background:url(../images/sub_menu_4.gif) left bottom;
}
.btn_submenu_c5 a{
	display: block;
	width: 69px;
	height: 68px;
	margin-right:50px;
	float:left;
}
.btn_submenu_c5 a{
	background:url(../images/sub_menu_5.gif) left top;
}


.btn_submenu_c5 a:hover{
	background:url(../images/sub_menu_5.gif) left bottom;
}
.btn_submenu_c5_o{
	width: 69px;
	height: 68px;
	margin-right:50px;
	float:left;
	background:url(../images/sub_menu_5.gif) left bottom;
}


.btn_submenu_c6 a{
	display: block;
	width: 69px;
	height: 68px;
	margin-right:50px;
	float:left;
}
.btn_submenu_c6 a{
	background:url(../images/sub_menu_6.gif) left top;
}

.btn_submenu_c6 a:hover{
	background:url(../images/sub_menu_6.gif) left bottom;
}
.btn_submenu_c6_o{
	width: 69px;
	height: 68px;
	margin-right:50px;
	float:left;
	background:url(../images/sub_menu_6.gif) left bottom;
}
.btn_submenu_c7 a{
	display: block;
	width: 69px;
	height: 68px;
	margin-right:50px;
	float:left;
}
.btn_submenu_c7 a{
	background:url(../images/sub_menu_7.gif) left top;
}
.btn_submenu_c7_o{
	display: block;
	width: 69px;
	height: 68px;
	margin-right:50px;
	float:left;
	background:url(../images/sub_menu_7.gif) left bottom;
}

.btn_submenu_c7 a:hover{
	background:url(../images/sub_menu_7.gif) left bottom;
}

.btn_submenu_c8 a{
	display: block;
	width: 69px;
	height: 68px;
	float:left;
}
.btn_submenu_c8 a{
	background:url(../images/sub_menu_8.gif) left top;
}
.btn_submenu_c8_o{
	display: block;
	width: 69px;
	height: 68px;
	float:left;
	background:url(../images/sub_menu_8.gif) left bottom;
}

.btn_submenu_c8 a:hover{
	background:url(../images/sub_menu_8.gif) left bottom;
}


.btn_submenu_c9 a{
	display: block;
	width: 69px;
	height: 68px;
	float:left;
}
.btn_submenu_c9 a{
	background:url(../images/sub_menu_9.gif) left top;
}
.btn_submenu_c9_o{
	display: block;
	width: 69px;
	height: 68px;
	float:left;
	background:url(../images/sub_menu_9.gif) left bottom;
}

.btn_submenu_c9 a:hover{
	background:url(../images/sub_menu_9.gif) left bottom;
}


#submenu_list {
	width: 1000px;
	height: 80px;
	margin-top:8px;
    position:relative;
}
.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;
}
span.btn_submenu_arrow1 a:hover{
	background:url(../images/btn_arrow_h2.gif) left bottom;
}
.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;
}
span.btn_submenu_arrow2 a:hover{
	background:url(../images/btn_arrow_h2.gif) right bottom;
}
/*
.btn_submenu_list1 a{
	display: block;
	width: 80px;
	height: 80px;
	margin-right:8px;
	float:left;
	background:url(../images/sub_list01.jpg) left top;
}
*/
/*********************/
#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;	
    width:990px;
  
   position:relative;
     left:12px;
}
.navlinks {
    position: absolute;
}
ul.navlinks { margin:0; padding:0; list-style:none; height:80px ;}
ul.navlinks img{width:80px;height:80px}
ul.navlinks li { float:left;margin-left:8px;}
ul.navlinks li a {text-decoration: none;}

#main_l{
    z-index:500;
	position:absolute;
    left:0px;
	}
	
#main_l a{
	background:url(../images/btn_arrow_h2.gif)  left top;
	display:block;
	width: 9px;
	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;
	display:block;
	width: 9px;
	height: 80px;}		
	
#main_r a:hover{
	background:url(../images/btn_arrow_h2.gif)  right bottom;
	}





/**********************/
.btn_submenu_list11 a{
	display: block;
	width: 80px;
	height: 80px;
	margin-right:11px;
	float:left;
	background:url(../images/sub_list01.jpg) left top;

}
/* news */
#news_wrap {
	width: 1000px;
	height: 404px;
}
#news_content {
	width: 245px;
	height: 404px;
	background-image:url(../images/cont_bg.png);
	background-repeat:repeat;
	margin-right:6px;
	float:left;
}
#news_content_fb {
	width: 247px;
	height: 404px;
	background-image:url(../images/cont_bg.png);
	background-repeat:repeat;
	float:right;
}
#news_cont_wrap {
	position: relative;
	width: 228px;
	height: 385px;    
	margin:9px auto 0px auto;
	top: -93px;
	z-index:1;
}
#news_cont_wrap2 {
	position: relative;
	background-color:#FFF;
	width: 228px;
	height: 385px;
	margin:9px auto 0px auto;
	z-index:1;
}
#news_tit1 {
	position: relative;
	width: 92px;
	height: 92px;
	background-image: url(../images/tit_1.png);
	left: -3px;
	top: -3px;
	z-index:2;
}
#news_tit2 {
	position: relative;
	width: 92px;
	height: 92px;
	background-image: url(../images/tit_2.png);
	left: -3px;
	top: -3px;
	z-index:2;
}
#news_tit3 {
	position: relative;
	width: 92px;
	height: 92px;
	background-image: url(../images/tit_3.png);
	left: -3px;
	top: -3px;
	z-index:2;
}
.news_tr {
	display: block;
}
.btn_more a{
	display: block;
	position: relative;
	width: 59px;
	height: 21px;
	top: 14px;
	float:right;

}

span.btn_more a{
	background:url(../images/btn_more.png) right top;
    
}
span.btn_more a:hover{
	background:url(../images/btn_more.png) right bottom;
}
.btn_back a{
	display: block;
	position: relative;
	width: 59px;
	height: 21px;
	top: 14px;
	float:right;

}

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


div#panel_button {
    position: absolute;
    bottom:0px;
    right:0px;
}

a.btn_web{
	background:url(../images/btn_web.png) right top;
    width: 59px;
	height: 21px;
    display: block;
	position: relative;
    float:left;
}
a.btn_web:hover{
	background:url(../images/btn_web.png) right bottom;
}

a.btn_book{
	background:url(../images/btn_book.png) right top;
    width: 59px;
	height: 21px;
    display: block;
	position: relative;
    float:left;
}
a.btn_book:hover{
	background:url(../images/btn_book.png) right bottom;
}

.index_btn_more{
    position:absolute;
    top: 351px;
    left:177px;
}



/* footer */
#footer {
	width: 100%;
    /* height: 376px; */
    background: #ffffff;
    background-repeat: repeat-x;
    float: left;
    padding-top: 3px;
}

#footer div:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
}


#footer_wrap {
	/*width: 965px;*/
    /* margin: 26px auto 0px auto; */
    padding-top: 10px;
    border-top: 4px solid #d0d0d0;
}

#footer_list_wrap {
	position: relative;
    /*width: 965px;*/
    width:1024px;
    height: 395px;
    /*background-image: url(../images/footer_list_bg.gif);*/
    background-repeat: repeat-y;
    margin: 0 auto;
}

#footer_list_wrap:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
}

.footer_list_cell {
	position: relative;
    width: 110px;
    height: 375px;
    float: left;
    padding: 5px 15px;
    margin: 5px 0 10px 0;
    border-left: 1px solid #d0d0d0;
}

.footer_list_cell:first-child {
	
    border-left: none;
}

/*.footer_list_cell div{
    
	margin: 0 auto;
}*/

#footer_list_cont1 {
	position: relative;
	width: 64px;
	height: 233px;
	left:36px;
	float:left;
}
#footer_list_cont2 {
	position: relative;
	width: 130px;
	height: 233px;
	left:124px;
	float:left;
}
#footer_list_cont3 {
	position: relative;
	width: 130px;
	height: 233px;
	left:202px;
	float:left;
}
#footer_list_cont4 {
	position: relative;
	width: 75px;
	height: 233px;
	left:266px;
	float:left;
}
#footer_list_cont5 {
	position: relative;
	width: 85px;
	height: 233px;
	left:320px;
	float:left;
}
#footer_list_cont6 {
	position: relative;
	width: 75px;
	height: 233px;
	left:380px;
	float:left;
}

.footer_list_td1 {
	width: 96px;
	/*height: 200px;*/
	padding:4px 0 0 4px;
	float:left;
}
.footer_list_td1 div{
	/*width: 65px; */
    width:90px;  
	height: 22px;
    overflow:hidden;
}
.footer_list_td2 {
	width: 75px;
	height: 200px;
	padding:4px 0 0 4px;
	float:left;
}
.footer_list_tit {
	width: 60px;
	height: 21px;
	border-radius:5px;
	background-color:#cce8f0;
	padding:2px 0 0 4px;
}
#footer_info_wrap {
    position: relative;
	height: 61px;
    margin-top: 10px;    
    width: 965px;
    margin:0 auto;
    border-top: 1px solid #d0d0d0;
}
#footer_info_cont {	
	position: relative;
	width: 600px;
	height: 20px;
	top:25px;
	float:left;
	text-align:center;
	margin:0 84px;    
}
#footer_logo {
	width: 167px;
	height: 61px;
	background-image: url(../images/footer_logo.gif);
	float:left;
}
.footer_logo a{
	display: block;
	width: 167px;
	height: 61px;
}
#footer_copy_wrap {
	height: 35px;
    margin-top: 11px;
    text-align: center;
    background: #707070;
    width: 100%;
    padding-top: 12px;
}
/* ==================   新聞列表  ======================*/
#newslist{
	height: 200px;
	width: 1000px;
	position: relative;
	background-image: url(../images/cont_bg.png);
	background-repeat: repeat;
	margin-bottom: 30px;
}
#date_bar{
	background-image: url(../images/date_bar.png);
	height: 32px;
	width: 160px;
	margin-top: 23px;
	float: left;
}
#news_date{
	float: right;
	height: 20px;
	width: auto;
	margin-top: 6px;
	margin-right: 20px;
}
#news_list_foto{
	background-color: #FFF;
    height: 160px;
    width: 160px;
    left: 190px;
    top: 23px;
    position: absolute;
}
#news_list_text{
	height: 142px;
    width: 550px;
    left: 377px;
    top: 23px;
    position: absolute;
    overflow: hidden;
}
#news_text_title{
	font-family: "微軟正黑體";
	font-size: 15px;
	color: #5f91c2;
	height: 20px;
	
}
#news_text_text{
	font-family: "微軟正黑體";
	font-size: 14px;
	color: #666;
	height: 120px;
	margin-top: 10px;
	line-height: 22px;
}
#news_btn_more{
	
	height: 21px;
	width: 59px;
   /* float: left;
	margin-top: 165px;*/

      left:937px;
    top:165px;
    position:absolute;


}
#news_btn_more2{
	float: right;
	height: 21px;
	width: 59px;
	margin-top: 30px;
}
/* ==================   新聞內頁  ======================*/

#news_page{
	height: auto;
	width: 1000px;
	position: relative;
	background-image: url(../images/cont_bg.png);
	background-repeat: repeat;
	
}
#n_content{
	height: auto;
	width: 1000px;
	padding-top: 23px;
}
#n_content_datebar{
	background-image: url(../images/date_bar.png);
	height: 32px;
	width: 160px;
	}
#polcyBar{
	background-image: url(../images/case_title_bg_1.png);
	height: 32px;
	width: 250px;
	}
#content_infor{
	height: auto;
	width: 1000px;
	overflow: hidden;
	}
#n_content_foto{
	background-color: #FFF;
	/*height: 255px;*/
	width: 350px;
	margin-top: 40px;
	float: left;
	margin-left: 25px;
	margin-bottom: 20px;
}
#n_content_text{
	float: left;
	height: auto;
	width: 540px;
	margin-left: 20px;
	margin-top: 40px;
	background-image: url(../images/newsline.gif);
	background-repeat: repeat-y;
	background-position: left;
	margin-bottom: 30px;
	padding-left: 30px;
}
#n_content_text_title{
	font-size: 18px;
	color: #5f91c2;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	line-height: 28px;
}
#n_content_text_text{
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 14px;
	line-height: 21px;
	margin-top: 35px;
}


/* ==================   預約鑑賞  ======================*/

#book_bar{
	background-image: url(../images/book_bar.png);
	height: 32px;
	width: 630px;
	}

#book_title{
	float: right;
	height: 20px;
	width: auto;
	margin-top: 6px;
	margin-right: 20px;
}
#book_title a:hover{
	
	text-decoration: underline;
	color: #FFF;
}
#book_title a:link{
	color: #FFF;
}
#book_title a:visited{
	color: #FFF;
}
#book_page{
	width: 980px;
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 30px;
}
#book_infor{
	background-color: #FFF;
	float: left;
	height: 150px;
	width: 100px;
	border: 1px solid #cecece;
	margin-left: 20px;
}
#book_infor_foto{
	height: 90px;
	width: 90px;
	margin-top: 5px;
	margin-left: 5px;
}
#book_infor_text{
	width: 90px;
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 5px;
	font-family: "微軟正黑體";
	font-size: 14px;
	color: #666;
}
/* ==================   預約鑑賞_個人資料  ======================*/

#book_contact{
	height: 900px;
	width: auto;
	position: relative;
	background-image: url(../images/cont_bg.png);
	background-repeat: repeat;
	margin-bottom: 30px;
}
#book_contact_infor{
	float: left;
	height: auto;
	width: 586px;
	margin-top: 70px;
	margin-left: 10px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	text-decoration: none;
}
#s_rule{
	float: left;
	height: auto;
	width: 900px;
	margin-top: 30px;
	margin-left: 50px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	text-decoration: none;
	line-height: 20px;
}
#book_text_area{
	height: auto;
	width: 400px;
}
#formtext{
	height: auto;
	width: 100px;
	float: right;
	}
/* ==================   成功實績  ======================*/

#sucess_bar{
	background-image: url(../images/date_bar.png);
	height: 32px;
	width: 160px;
	margin-top: 23px;
	
}

#sucess_page{
	width: 980px;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 30px;
}
#sucess_foto{
	background-color: #FFF;
	float: left;
	height: 100px;
	width: 100px;
	border: 1px solid #cecece;
	margin-left: 20px;
	margin-top: 20px;
	cursor:pointer;
}
/* ==================   關於海悅  ======================*/

#about_content{
	width: 1000px;
	margin-top: 40px;
	margin-left: 25px;
}
#about_foto{
	padding: 4px;
	height: 220px;
	width: 370px;
	border: 1px solid #e6e6e6;
}
/* ==================   搜尋結果  ======================*/

#search_infor
{  
    height: auto;
    width: 960px;
    overflow: hidden;
    padding-bottom: 30px;
    margin-left: 5px;  
}

#search_page{
	height: 130px;
	width: 960px;
	margin-top: 5px;    
}
#search_inpage{
	float: left;
	height: 130px;
	width: 290px;
	background-color: #FFF;
    margin-bottom: 30px;
}
#search_inpage_foto{
	margin: 5px;
	float: left;
	height: 90px;
	width: 90px;
}
#search_inpage_table{
	
	float: left;
	height: 90px;
	width: 185px;
	margin-top: 5px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
}
.btn_check a{
	display: block;
	position: relative;
	width: 59px;
	height: 21px;
	top: 14px;
	float:right;
}
span.btn_check a{
	background:url(../images/btn_check.png) right top;
}
span.btn_check a:hover{
	background:url(../images/btn_check.png) right bottom;
}
#news_btn_search{
	float: left;
	height: 21px;
	width: 59px;
	margin-top: 0px;
}
.txt_white_13p {
    font-size: 13px;
    color: #ccc;
}
/* ==================  會員首頁  ======================*/
#member_bar1{
	background-image: url(../images/member_bar_1.png);
	height: 32px;
	width: 628px;
	}
#member_top{
	float: right;
	height: 20px;
	width: auto;
	margin-top: 6px;
	margin-right: 20px;
}
#member_event{
	float: left;
	height: 210px;
	width: 480px;
}


/*================ 會員註冊 ========== */

#member_join 
{
	height: auto;
	min-height: 350px;
	width: 1000px;
	position: relative;
	background-image: url(../images/cont_bg.png);
	background-repeat: repeat;
	margin-bottom: 30px;
	
}

#member_join_content{
	/*float: left;*/
	height: auto;
	width: 500px;
	/*margin-top: 70px;*/
	margin-left: 200px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	text-decoration: none;
	
	padding-top: 70px;
}

.member_submenu a , .member_submenu a:visited 
{
    color: White;
    text-decoration : none;
    
}
/* ==================   建案內頁  ======================*/
#case_page{
	height: auto;
	width: 1000px;
	position: relative;
	background-image: url(../images/cont_bg.png);
	background-repeat: repeat;
	margin-bottom: 30px;
}
#case_content{
	height: auto;
	width: 960;
	position: relative;
	background-image: url(../images/cont_bg.png);
	background-repeat: repeat;
	margin-bottom: 30px;
}
#case_infor{
	margin: 20px;
	height: auto;
	width: 960px;
}
.case_menu{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #e2e2e2;
	border-right-color: #e2e2e2;
	border-bottom-color: #e2e2e2;
	border-left-color: #e2e2e2;
	font-family: "微軟正黑體";
	font-size: 14px;
	color: #a9a9a9;
}
.case_menu a:hover{
	
	font-family: "微軟正黑體";
	font-size: 14px;
	color: #5f91c2;
}