/*
layout760版型;上選單版型
左欄side_left 165px
主欄main 685px
訊息區box530
版權宣告高footer 70px
左選單底圖web_memu 140*27
商品小圖 140*90
*/
body {
    margin:0px;
	font-size: 10pt;
	line-height: 23px;
	padding: 0px; 
	background-image: url(images/web_bg.jpg);
}
a {
	color: #06c;
	text-decoration: none;
}
a:visited {
	color: #06c; 
    text-decoration: none;
}
a:hover {
	color: #06c; 
    text-decoration: underline;
}
h1, h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
}
h1{
    font-size: 12px;
}
h2 {
    font-size: 100%;
}

form {
    margin: 0;
}

img {
    border: 0px;
}
/*******網站主體外框********************************/
#webdesignset {
    width: 862px; 
    margin: 0px auto;
    padding-top: 0px; 
	padding-right: 0px; 
    padding-left: 0px; 
    padding-bottom: 0px;  
	background-image: url(images/webdesignset_bg.gif);
}
/*******網站主體外框結束***************************/
/*******TOP形象圖********************************/
#header { 
	width: 850px;
	float: left; 
    margin-left: 6px  !important;
	margin-left: 3px;
}
#sitetitle{
	width: 505px;
	height:72px;
	float: left; 
	background-image: url(images/logo.gif);
}
#header img{ 
	width: 850px;
	float: left; 
}
#menu_top {
    background-color: #eeeeee;  
    float:left;
	WIDTH: 345px;
    margin:0; 
}  
#menu_top ul {
    margin:0; 
    padding:0;
    height:72px; 
}
#menu_top ul li { 
    float:left;
    height:72px; 
    overflow:hidden;
}
#menu_top ul li a {
    display:block;  
    padding:88px 0 0 0;
}
#menu_top ul li.m1 {
    width:78px; 
    background-image: url('images/tm01-1.gif'); 
}
#menu_top ul li.m2 {
    width:91px; 
    background-image: url('images/tm02-1.gif'); 
}
#menu_top ul li.m3 {
    width:79px; 
    background-image: url('images/tm03-1.gif'); 
}
#menu_top ul li.m4 {
    width:97px; 
    background-image: url('images/tm04-1.gif'); 
}
#menu_top ul li.m1 a:hover {
    width:78px; 
    background-image: url('images/tm01-2.gif'); 
}
#menu_top ul li.m2 a:hover {
    width:91px; 
    background-image: url('images/tm02-2.gif'); 
}
#menu_Tou ul li.m3 a:hover {
    width:79px; 
    background-image: url('images/tm03-2.gif'); 
}
#menu_top ul li.m4 a:hover {
    width:97px; 
    background-image: url('images/tm04-2.gif'); 
}
/*******TOP形象圖結束*****************************/
/*******網站中主體外框********************************/
#mid {
    width: 850px; 
	float: left; 
    margin-left: 6px  !important;
	margin-left: 3px;
}
#index_ad{
    width: 478px; 
	float: left;
}
#main_ad{
    width: 478px; 
	height:320px;
	float: left; 
	overflow:hidden;
	background-image: url('images/ad_back002.gif'); 
}
#main_ad_footer{
    width: 478px; 
	height:48px;
	float: left; 
	background-image: url('images/ad_back001.gif'); 
}
#main_ad img{
    margin-top: 4px;
    margin-left: 6px  !important;
	margin-left: 3px;
}
.index_right {
    width: 370px; 
	float: right; 
}
#news_header{
    width: 372px; 
	height:30px;
	float: left; 
	background-image: url('images/news_header.gif'); 
}
#news_body {
    width: 372px; 
	float: left; 
}
#news_body ul {
    width: 352px; 
    margin:0; 
    padding-left:20px; 
	list-style-image:url('images/gif001.gif');
}
#news_body ul li a{
    color:#037F7F;
}
#news_footer{
    width: 372px; 
	height:30px;
	margin-top:6px; 
	float: left; 
	background-image: url('images/more001.gif'); 
	background-repeat : no-repeat; 
	background-position :94% 0; 
	cursor:hand;
}
#log_header{
    width: 372px; 
	height:20px;
	float: left; 
	background-image: url('images/log_header.gif'); 
}
#log_bg{
    width: 372px; 
	height:74px;
	float: left; 
	background-image: url('images/log_bg.gif'); 
	background-repeat : no-repeat; 
}
#log_bg form{
    width: 280px; 
	float: right;
}
.ad_icon{
    width: 180px; 
	height:140px;
	float: left; 
}
.icon01{
	background-image: url('images/room_a.gif');
	margin-right: 6px;
}
.icon02{
	background-image: url('images/room_b.gif');
}
/*******網站中主體外框結束***************************/
/*******網站主選單********************************/
#web_memu {
       width: 850px;
       height:31px;
       MARGIN: 0px auto;
}
#web_memu ul {
       margin:0; 
       padding:0;
       height:31px; 
}
#web_memu ul li { 
       float:left;
       height:31px; 
       overflow:hidden;
}
#web_memu ul li a {
       display:block;  
       padding:31px 0 0 0;
}
#web_memu ul li.m1 {
       width:102px; 
       background-image: url('images/m01-1.gif'); 
}
#web_memu ul li.m2 {
       width:92px; 
       background-image: url('images/m02-1.gif'); 
}
#web_memu ul li.m3 {
       width:92px; 
       background-image: url('images/m03-1.gif'); 
}
#web_memu ul li.m4 {
       width:92px; 
       background-image: url('images/m04-1.gif'); 
}
#web_memu ul li.m5 {
       width:93px; 
       background-image: url('images/m05-1.gif'); 
}
#web_memu ul li.m6 {
       width:91px; 
       background-image: url('images/m06-1.gif'); 
}
#web_memu ul li.m7 {
       width:92px; 
       background-image: url('images/m07-1.gif'); 
}
#web_memu ul li.m8 {
       width:92px; 
       background-image: url('images/m08-1.gif'); 
}
#web_memu ul li.m9 {
       width:104px; 
       background-image: url('images/m09-1.gif'); 
}
#web_memu ul li.m1 a:hover {
       width:102px; 
       background-image: url('images/m01-2.gif'); 
}
#web_memu ul li.m2 a:hover {
       width:92px; 
       background-image: url('images/m02-2.gif'); 
}
#web_memu ul li.m3 a:hover {
       width:92px; 
       background-image: url('images/m03-2.gif'); 
}
#web_memu ul li.m4 a:hover {
       width:92px; 
       background-image: url('images/m04-2.gif'); 
}
#web_memu ul li.m5 a:hover {
       width:93px; 
       background-image: url('images/m05-2.gif'); 
}
#web_memu ul li.m6 a:hover {
       width:91px; 
       background-image: url('images/m06-2.gif'); 
}
#web_memu ul li.m7 a:hover {
       wdth:92px; 
       background-image: url('images/m07-2.gif'); 
} 
#web_memu ul li.m8 a:hover {
       width:92px; 
       background-image: url('images/m08-2.gif'); 
}
#web_memu ul li.m9 a:hover {
       wdth:104px; 
       background-image: url('images/m09-2.gif'); 
} 
/*******網站主選單結束*****************************/
/*******路徑*************************************/
#menu_index {  
	width: 850px;
    height:40px;
    float:left; 
    text-align:left;
}
.menu_index {  
	width:570px;
    float:right; 
    height:30px;
	margin-top:10px;
}
.menu_index a{  
	padding-left: 10px;  
    text-decoration: none;  
    color:#333;
}
.menu_index  a:hover{  
    text-decoration: none;  
    color:#333;
}
/*******路徑結束**********************************/
/*******單元類別選單*****************************/
#class_menu {
	width:150px;
	float: left; 
}
#class_menu02 {
	width:150px;
	float: left; 
}
#class_menu  ul{
    width:150px;
    float:left;
	list-style-type:none;
    margin:0;
    padding:2px 0px 0 0px;
}
#class_menu  ul li{
	width:150px;
	height:29px;
    display:inline;
    float:left;
	text-align: left; 
    margin:0;
    padding:0;
	background-image: url('images/life_menu02.gif');
}
#class_menu  a{
    width:110px;
    float:left;
    padding:2px 4px 2px 3px;
	margin-right: 2px !important;
	margin-right: 1px;
	color:#3B5552;
}
#class_menu  a:hover{
	color:#3B5552;
    text-decoration: none; 
}
.menu_h2{
	width:150px;
	height:11px;
	float: left; 
	background: url(images/menu_h2.gif) no-repeat;
}
.menu_b2{
	width:150px;
	height:200px;
	float: left; 
	background: url(images/menu_b2.gif) no-repeat;
}
.menu_f{
	width:150px;
	height:10px;
	float: left; 
	background: url(images/menu_f.gif) no-repeat;
}
/*******單元類別選單結束*****************************/
/*******文章區塊************************************/
#main {
	width:700px;
    float:right; 
	margin:0px;
    padding-bottom:20px;
    text-align: left;
}
#main2 {
	width:850px;
    float:right; 
	margin:0px;
    padding-bottom:20px;
    text-align: left;
}
.box {
    width:690px;
    float:left; 
	margin-top: 20px;
	margin-left: 10px  !important;
    margin-left: 5px;
    text-align: left;
	letter-spacing : 1pt; 
}
.newslist{
    width:660px;
    float:left; 
}
.entrytitle{
	color:#505470;
}
.newstitle{
    width:580px;
    float:left; 
	color:#505470;
}
.entrytitle a{
	color:#505470;
}
.entrytext {
    color:#666;
    text-align: left;
}
.text_right{
	width: 480px;
	float: right;
    text-align: left;
}
.left_pic{
	width: 200px;
	float: left;
}
.food_pic{
	width: 290px;
	float: left;
	margin-top: 4px;
	margin-right: 10px;
    border:1px solid #ddd;
    text-align:center;
    padding:4px 2px 2px 2px; 
    height:230px;
    overflow:hidden;
    vertical-align:middle;
	background-color:#fff;
}
.food_txt{
	width: 340px;
	float: left;
}
.datelist{
	width: 90px;
	float: left;
	text-align:left;
	font-size: 80%;
    font-family :Verdana, Arial, Helvetica, sans-serif;
	color:#999;
}
.box ul{
    width:100%;
    float:left; 
    margin:0;
    padding:0;
	text-align:left;
    list-style-type:none;
}
.pagelink {
    width:95%;
    text-align: right;
    padding-bottom: 10px; 
    padding-top: 10px;  
    margin: 0 auto;
    clear: both; 
}
.pagelink_i{
    width:95%;
    height:30px;
    text-align:center;
    clear: both;    
}
.ct1{
    width:130px;
    float:left; 
}
.ct2{
    width:10px;
	height:120px;
	margin: 0 10px 10px 0 !important;
    margin: 0 5px 5px 0;
    float:left; 
	background-image: url('images/line01.gif');
}
.ct3{
    width:500px;
    float:left; 
}
/*******文章區塊結束*********************************/
/*******版權宣告區塊********************************/
#footer {
	width: 850px;
	height: 70px;
    margin: 0px auto;
    clear: both; 
	background-image: url('images/footer_bg.gif'); 
}

#footer p {
	margin-right: 10px  !important;
    margin-right: 5px;
    margin-top: 8px;
	line-height: normal;
    font-size: 80%;
    font-family :Verdana, Arial, Helvetica, sans-serif;
}
#legal {
	float: right;
    color: #fff;
    text-align: right;
}
#legal a{
    color: #fff;
}
/*******版權宣告區塊結束*****************************/
.ifimg {
    width:150px;
    height:160px;
    margin: 5px 5px 0 5px;
    float:left;
}
.p_case {
    border:1px solid #ddd;
    margin: 0px auto;
    width:153px;
    height:110px;
    overflow:hidden;
    text-align:center;
    padding-top:4px; 
    vertical-align:middle;
    background-color:#fff;
}
.p_txt {
    width:140px;
    height:50px;
    margin-top: 5px;
    text-align:center;
}
.ifimg02 {
    width:180px;
    float:left;
}
.p_case02 {
    border:1px solid #ddd;
    float:left;
    width:153px;
    height:110px;
    overflow:hidden;
    text-align:center;
    padding-top:4px; 
    vertical-align:middle;
    background-color:#fff;
}
.rtext{
    width:350px;
    float:left; 
}
.p_detail{
    width:530px;
    float:left; 
	padding-top:8px; 
}
/*******網路相簿區塊結束*****************************/
.ph_box {
    width:155px;
    height:135px;
    margin: 5px 5px 0 5px;
    float:left;
}
.ph_case {
    border:1px solid #ddd;
    margin: 0 auto;
    text-align:center;
    padding:4px 2px 2px 2px; 
    width:155px;
    height:125px;
    overflow:hidden;
    vertical-align:middle;
	background-color:#fff;
}	
.ph_boxb {
    width:300px;
    height:230px;
    margin: 5px 5px 0 0px;
    float:left;
}
.ph_caseb {
    border:1px solid #ddd;
    margin: 0 auto;
    text-align:center;
    padding:4px 2px 2px 2px; 
    width:290px;
    height:230px;
    overflow:hidden;
    vertical-align:middle;
	background-color:#fff;
}	
.ph_boxb_txt{
    width:300px;
    float:left;
}
/********網路相簿區塊結束*****************************/
.pic_left{
    float: left; 
    margin-top: 5px;
    margin-right: 6px;
}
.pic_right{
    float: right; 
    margin-top: 5px;
    margin-left: 6px;
}
.t_b { 
    border: 1px solid #CCCCCC; 
    background-color:#fff;
}
.line_bg{
    float: left;
    width: 98%;
	height:20px;
	background-image: url('images/line004.gif'); 
}
.d_txt{
    width:13%;
    float:left; 
    margin:0;
}
.ns_list{
    width:87%;
    float:left; 
    margin:0;
}