/* CSS Document */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; } 

body{font:12px/150% Arial, "新細明體"; background:url(bg.jpg) top center no-repeat #fa69a0; color:#525252;}
a img{border:0px}

img{border:0px;}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {color: #FF0000;text-decoration: none;}


.img_border1{border:2px solid #ef88a5}
.img_border2{padding:3px; border:3px solid #f1d0db}
.img_border3{ border:6px solid #f3cbd6}
.img_border4{ border:3px solid #e293a8}


.contact_f{ color:#831a39}


.txt_border{border:1px solid #df96aa;}


.i_center_box{ clear:both; width:1003px;height:204px; background:url(i_center_bg.gif); margin:0 auto}
.center_box{ clear:both; background:url(center_bg.jpg) repeat-x #fbd1dd; width:1003px; margin:0 auto}

.content_box{margin:0 auto; margin-bottom:30px;}
.content{ margin:0 auto; width:90%; margin-top:20px; text-align:left}
.content_top{behavior: url("iepngfix.htc")}
.content_top{ background:url(content_top.png); width:716px; height:14px;}
.content_bottom{behavior: url("iepngfix.htc")}
.content_bottom{ background:url(content_bottom.png); width:716px; height:16px;}
.content_c_bg{ background:url(content_center.jpg)}
.tit{background:url(tit_bg.jpg) no-repeat; width:676px; height:43px; margin:0 auto; text-align:left; line-height:43px;}
.tit span{ margin-left:45px; font-size:14px; font-weight:bold; color:#631f3e}






.i_news_box{ float:left; margin-left:20px; _margin-left:10px; background:url(i_news_bg.gif) bottom no-repeat; width:467px; height:180px;}
.i_news_tit{ background:url(i_news_tit.gif) left no-repeat; height:33px;}
.i_news_box ul{ list-style:none; margin:20px 0 0 20px;}
.i_news_box ul li{ background:url(news_ico.gif) left no-repeat; text-align:left; margin:5px 0;}
.i_news_box ul li a{color:#000000; margin-left:30px;}
.i_news_box ul li a:hover{ color:#FF0000}


.i_event_box{ float:right; margin-right:20px; _margin-right:10px; background:url(i_event_bg.gif) bottom no-repeat; width:467px; height:180px;}
.i_event_box ul{list-style:none; margin:20px 5px 0 5px;}
.i_event_box ul li{ display:inline;  margin-top:10px;}

.i_event_tit{background:url(i_event_tit.gif) left no-repeat; height:33px;}
.i_event_tit ul{ margin:0px; list-style:none; float:right}
.i_event_tit ul li{float:left; margin:auto; margin-left:20px;}



.top_box{position:relative; margin:0 auto; width:1003px;}

.top_link{position:absolute; right:27px; top:14px; background-color:#ac3c6c; border:1px solid #FFFFFF}
.top_link a{ color:#FFFFFF; display:block; float:left; line-height:21px;}
.top_link a:hover{ color:#ffb8d9}
.top_link a span{ margin:0 15px;}
.top_link a.col1{ display:inline; background:#c8538a}
.i_top{ width:1003px; margin:0 auto}

/*=============left_menu == */
.left_menu_box{background:url(left_menu_center_bg.jpg);  width:158px; margin-bottom:30px; float:right}
.left_menu_center_bg{  background:url(left_menu_top_bg.png) no-repeat; height:200px; vertical-align:top}
.left_menu ul li{behavior: url("iepngfix.htc")}
.left_menu{ margin:0 auto; margin-top:90px; width:130px;}
.left_menu ul{ margin:0px; list-style:none}
.left_menu ul li{ background:url(ico2.png) left center no-repeat; text-align:left; margin-bottom:10px;}
.left_menu ul li a{ color:#af3e75; margin-left:20px; font-size:14px;}
.left_menu ul li a:hover{color:#fd3b99}





/*== nav == */
.nav{ position:absolute; line-height:33px; top:60px; right:0px; height:33px; border:1px solid #FFFFFF; background:#a090ab;}
.nav ul{ list-style:none; margin:0 20px;}
.nav ul li{ float:left; font-size:14px; font-weight:bold; color:#FFFFFF; margin:0 20px;}
.nav ul li a{color:#FFFFFF}
.nav ul li a:hover{ color:#ffde6a}
 
 /*== photo_list == */
 .photo_list{ background:url(photo_bg.jpg) top no-repeat; width:175px; margin:0 auto; text-align:center; overflow:hidden}
 .photo_list span{ margin-top:12px; display:block;}
 .photo_list p{ margin-top:15px;}
 .photo_list img{ border:2px solid #FFFFFF}
 .photo_list a{ color:#b26689; font-size:14px;}
 .photo_list a:hover{ color:#FF0000}
 

/*== prd_list == */
.prd_list_name{ text-align:center; color:#876973}
.prd_list_name a{ display:block; margin-top:5px; width:75%; color:#876973; font-size:14px;}
.prd_list_name a:hover{ color:#FF0000}



/*== prd_detail == */
.small_pic{ margin:30px 0;}
.small_pic ul{ margin:0px; float:left; list-style:none}
.small_pic ul li{ float:left; margin:0 5px;}

.big_pic{ text-align:left; padding-left:5px;}
.detail{ text-align:left; vertical-align:top; padding-right:20px;}


/*== footer == */

.footer{width:1003px; color:#ffd6e5; margin:0 auto; background:url(footer.gif); height:36px; line-height:36px; color:#ffd6e5}
.footer span{float:left; margin-left:20px;}
.footer p{ float:right; margin-right:20px;}
.footer a{color:#ffd6e5}
.footer a:hover{ text-decoration:underline}


/*== pages == */
.Pages {
	margin:0 auto;
	text-align:center;
	margin-top:30px;
	margin-bottom:50px;
}
.Pages A {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #cccccc 1px solid; DISPLAY: block; PADDING-LEFT: 4px; FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM: 1px; MARGIN: 0px 0px 0px 3px; BORDER-LEFT: #cccccc 1px solid; COLOR: #666666; PADDING-TOP: 1px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.Pages A:hover {
	BORDER-RIGHT: #003399 1px solid; BORDER-TOP: #003399 1px solid; BACKGROUND: #0066cc; BORDER-LEFT: #003399 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #003399 1px solid
}