@charset "utf-8";
/* CSS Document */
/*body定義其下物件置中,area為各列區塊width:1000px;display:inerline*/


body{
  margin:0px;
  padding:0px;
  text-align:center;
  background-image:url(../images/ico_loading.gif);
  background-position:center 100px;
  background-repeat:no-repeat;
  font-family:"微軟正黑體"
}

/*區塊外層*/
.area{
	width:1000px;
	display:inline-block;
	text-align:center;
}


/*header background photo*/
#top_bg{
  border:0px solid red;
  background-image:url(../images/main_bg.gif);
  background-position:top;
  background-repeat:no-repeat;
  background-attachment:fixed;
  display:non;
}


/*---------------------------top banner area-----------------*/
#top_banner_01{
	height:70px;
	background-image:url(../images/banner_frame_01.png);
	border:0px solid red;
}

#middle_flash{
	height:130px;
	text-align:center;
}

#top_banner_02{
	height:130px;
	background-image:url(../images/banner_frame_02.png);
	position:relative;
}

#location{
  position:absolute;
  bottom:0px;
  left:300px;
  width:700px;
  line-height:30px;
  text-align:left;
  font-size:14px;
  letter-spacing:1px;
  color:#666;
  border:0px solid red;
}

#top_banner_03{
	height:80px;
	background-image:url(../images/banner_frame_03.png);
	position:relative;
}


/*---------------------------------left area------------------*/

#left_topic{
  position:absolute;
  left:0px;
  bottom:10px;
}


#left{
	width:250px;
	float:left;
	vertical-align:top;
	text-align:left;
	background-color:#fff;
	border:0px solid red;
}

#left ul{
	padding:0;
	margin:0;
	padding-left:5px;
	list-style:none;
	width:100%;
	font-size:13px;
}

#left li{
	width:230px;
	height:30px;
	background-image:url(../images/line.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	padding-bottom:1px;
}
#left li a:link{
	display:block;
	color:#666;
	text-decoration:none;
	background-image:url(../images/menu_ico.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding-left:15px;
	padding-top:7px;
	padding-bottom:6px;
}

#left li a:hover{
	display:block;
	color:#666;
	text-decoration:none;
	background-image:url(../images/menu_ico.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	background-color:#E9FCFE;
	padding-left:15px;
	padding-top:7px;
	padding-bottom:6px;
}

#left li a:visited{
	display:block;
	color:#666;
	text-decoration:none;
	background-image:url(../images/menu_ico.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding-left:15px;
	padding-top:7px;
	padding-bottom:6px;
}

/*---------------------------------right area------------------*/

#right{
  width:736px;
  float:left;
  vertical-align:top;
  text-align:left;
  padding-left:10px;
  background-color:#fff;
  border:0px solid red;
}

#right_topic{
  position:absolute;
  left:270px;
  bottom:10px;
}

.about_div{
	width:360px;
	height:240px;
	float:left;
}

.text_content{
	text-align:left;
	padding:10px;
	font-size:14px;
	color:#333;
	line-height:25px;
	letter-spacing:1px;
}

.paging_div{
	width:700px;
	height:25px;
	padding-left:20px;
	text-align:left;
}

#right .row{
	width:710px;
	border:0px solid red;
	margin-left:10px;
	display:inline-block;
	margin-top:10px;
	margin-bottom:20px;
}

#right .photo_div{
	width:191px;
	height:194px;
	float:left;
	background-image:url(../images/ico_loading.gif);
	background-position:50% 50%;
	background-repeat:no-repeat;
}

.photo_div img{
	cursor:pointer;
	position:reletive;
}

#right .product_text{
	width:490px;
	margin-left:20px;
	text-align:left;
	font-size:13px;
	letter-spacing:1px;
	color:#333;
	float:left;
}

#right .product_name{
	font-size:17px;
	font-weight:bolder;
	color:#09F;
}

#right ul{
	margin:0;
	padding:0;
	padding-left:15px;
}

#right li{
	padding-top:5px;
}

.submenu_topic{
	margin-left:10px;
	padding-bottom:10px;
	line-height:30px;
	font-size:15px;
	color:#333;
	font-weight:bold;
	letter-spacing:1px;
}

#submenu_div{
	margin-bottom:20px;
	font-size:13px;
	color:#666;
}

#submenu_div ul{
	margin:0;
	padding:0;
	list-style:none;
}

#submenu_div li{
	display:inline;
	height:20px;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
	color:#666;
}

#submenu_div li a:link{
	display:inline;
	height:20px;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
	background-image:url(../images/submenu_ico.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

#submenu_div li a:hover{
	display:inline;
	height:20px;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
	background-image:url(../images/submenu_ico.gif);
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#FF9;
}

#submenu_div li a:visited{
	display:inline;
	height:20px;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:10px;
	background-image:url(../images/submenu_ico.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

/*---------------------------全區------------------------*/
a:link{
	text-decoration:none;
	color:#333;
}

a:hover{
	text-decoration:none;
	color:#333;
}

a:visited{
	text-decoration:none;
	color:#333;
}

/*表單的表格專用-不顯示格線*/
#form_table .left{
	text-align:right;
	padding-right:5px;
	line-height:35px;
	font-size:13px;
	letter-spacing:1px;
	color:#333;
}

#form_table .right{
	text-align:left;
	padding-left:5px;
	line-height:35px;
	font-size:13px;
	letter-spacing:1px;
	color:#333;
}

/*表單的表格專用-顯示格線
*/
.form_table_border{
	background-color:#E8E8E8;
}


.form_table_border .left{
	text-align:right;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
	line-height:35px;
	font-size:13px;
	letter-spacing:1px;
	background-color:#fff;
	color:#333;
}

.form_table_border .right{
	text-align:left;
	padding-left:5px;
	line-height:35px;
	font-size:13px;
	letter-spacing:1px;
	background-color:#fff;
	color:#333;
}


.form_table_border input{
	width:300px;
}

/*表格顯示資料-顯示格線*/
#show_table{
	background:#E8E8E8;
	letter-spacing:1px;
	margin-bottom:30px;
}

#show_table .item{
	line-height:30px;
	text-align:center;
	font-size:14px;
	color:#333;
	font-weight:bold;
	background:#fff;
}

#show_table .left{
	line-height:25px;
	text-align:left;
	padding-left:10px;
	font-size:13px;
	color:#666;
	background:#fff;
}

#show_table .right{
	line-height:25px;
	text-align:right;
	padding-right:10px;
	font-size:13px;
	color:#666;
	background:#fff;
}

#show_table .center{
	line-height:25px;
	text-align:center;
	font-size:13px;
	color:#666;
	background:#fff;
}

/*div專用*/
.word_break{
	word-break:break-all;
	word-wrap:break-word;
	overflow:hidden;

}