/*
www.nanobio.com.tw晶旺
編輯者:neo@aeweb.com.tw
設計公司:安翌全球網路股份有限公司
layout950版型;左選單版型
左欄side_left 170px
主欄main 780px
訊息區box748
版權宣告高footer 70px
左選單底圖web_memu 170*27
訊息圖片700px
*/
body {
    margin:0px;
    text-align:center;
	font-size: 10pt;
	line-height: 23px;
	background-image: url(images/web_bg.gif);
}
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: 950px; 
    padding-top: 0px; 
	padding-right: 0px; 
    padding-left: 0px; 
    padding-bottom: 0px; 
	float: left; 
	background-color: #fff;
}
/*******網站主體外框結束***************************/
/*******TOP形象圖********************************/
#header { 
	width: 950px;
	height: 97px;
	float: left; 
	text-align: left;
	background-image: url(images/header.jpg);
}
/*******TOP形象圖結束*****************************/
/*******網站中主體外框********************************/
#mid {
    width: 950px; 
	float: left; 
    padding: 0px; 
	background-image: url(images/mid_bg.gif);
}
/*******網站中主體外框結束***************************/
/*******網站上選單********************************/
#menu_top {
	width: 950px;
    float: left;
    padding-top: 2px;  
    padding-bottom: 3px;  
	color:#6B6B6B;
	text-align: right;
}  
#menu_top  a{
    margin-right: 10px  !important;
	margin-right: 5px;
    text-decoration: none; 
	color:#6B6B6B;
} 
#menu_top a:hover  {
    text-decoration:underline;
}
/*******網站上選單結束*****************************/
/*******網站主選單********************************/
#web_memu {
    width:170px;
    float:left; 
    margin-left: 2px  !important;
	margin-left: 1px;
	display: block;
    text-align: left;
	padding-top: 20px  !important;
	padding-top: 14px;
	background-image: url(images/left_pic.gif);
	background-repeat : no-repeat;
}
#web_memu  ul{
    width:170px;
    float:left;
	margin-top: 10px;
    margin-left:0px;
	padding-left:0px;
}
#web_memu ul li{
    width:170px;
	height:27px;
    float:left;
	background-image: url(images/manu001.gif);
    display:inline;
    margin:0;
    padding:0;
}
#web_memu li a{
	text-align: left; 
    padding:2px 4px 2px 30px;
	margin-right: 2px !important;
	margin-right: 1px;
	color:#000;
}
#web_memu  a:hover{
	color:#000;
    text-decoration: none; 
}
/*******網站主選單結束*****************************/
/*******首頁區塊**********************************/
.box_left {
	width: 350px;
    float: left;
    text-align: left;
}
.box_right {
	width: 398px;
    float: left;
    text-align: left;
}
/*******路徑*************************************/
#menu_index {  
	width: 778px;
    height:80px;
    float:left; 
	background-image: url(images/main_top.gif);
	background-repeat : no-repeat;
}
.slogan {  
	width: 778px;
    height:30px;
    float:left; 
	font-size:140%;
	color:#960;
	padding-top: 20px  !important;
	padding-top: 15px;
	background-image: url(images/main_top.gif);
	background-repeat : no-repeat;
}
.menu_index {  
	width: 778px;
    height:40px;
	float: left;
	margin-top: 30px  !important;
	margin-top: 20px;
	background-repeat : no-repeat;
    text-align: right;
    color:#999;
}
.menu_index a{  
    padding-right:10px;
    text-decoration: none;  
    color:#999;
}
.menu_index  a:hover{  
    text-decoration: none;  
    color:#666;
}
/*******路徑結束**********************************/
/*******單元類別選單*****************************/
#class_menu {
	width:748px;
    float:right; 
	display: block;
	margin-top: 5px;
    margin-right: 20px  !important;
	margin-right: 10px;
	border-bottom : 1px dotted  #cdcdcd;
}
#class_menu  ul{
    float:left;
    margin:0;
    padding:2px 10px 0 8px;
}
#class_menu  ul li{
    display:inline;
    float:left;
    margin:0;
    padding:0;
}
#class_menu  a{
    width:180px;
    float:left;
	text-align: left; 
    padding:2px 4px 2px 3px;
	margin-right: 2px !important;
	margin-right: 1px;
	color:#6D8F14;
}
#class_menu  a:hover{
	color:#A2CF3E;
    text-decoration: none; 
}
/*******單元類別選單結束*****************************/
/*******文章區塊************************************/
#main {
	width:768px;
    float:right; 
    margin-right: 10px  !important;
	margin-right: 5px;
    padding-bottom:20px;
    text-align: left;
}
.box {
    width:748px;
    float:left; 
	margin-top: 20px;
	margin-left: 20px  !important;
    margin-left: 10px;
    text-align: left;
}
.entrytitle {
    color:#2B4B73;
    letter-spacing : 2pt;
}
.entrytext {
    color:#666;
}
.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;    
}
/*******文章區塊結束*********************************/
/*******廣告區塊2***********************************/
.index_ad {
    width:330px;
    float:left; 
	margin-bottom: 5px;
}
.index_ad02{
    width:330px;
	float:left; 
	margin-left: 20px  !important;
    margin-left: 10px;
	margin-bottom: 10px;
}
/*******廣告區塊2結束*****************************/
/*******版權宣告區塊********************************/
#footer {
	width: 950px;
	height: 70px;
    margin: 0px auto;
    clear: both; 
    background-color: #066;
}

#footer p {
	margin-left: 10px  !important;
    margin-left: 5px;
    margin-top: 8px;
	line-height: normal;
    font-size: 80%;
    font-family :Verdana, Arial, Helvetica, sans-serif;
}
#legal {
	float: left;
    color: #fff;
    text-align: left;
}
#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;
}
.ifimg03 {
    width:100px;
    height:100px;
	margin-top: 10px  !important;
    margin-top: 5px;
    float:left;
	margin-left: 18px  !important;
    margin-left: 9px;
}
.p_case03 {
    border:1px solid #ddd;
    margin: 0px auto;
    width:100px;
    height:100px;
    overflow:hidden;
    text-align:center;
    padding-top:2px; 
    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:150px;
    height:130px;
    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; 
}
.ph_case {
    border:1px solid #ddd;
    margin: 0 auto;
    text-align:center;
    padding:4px; 
    width:125px;
    height:125px;
    overflow:hidden;
    vertical-align:middle;
	background-color:#fff;
}	
.ifimg2{
    width:160px;
    float:left; 
	padding-top:4px; 
    text-align: center;
}
.rtext2{
    width:380px;
    float:left; 
    border-left : 1px dotted #98B6C1;
	padding-left: 10px;
}
.pd_title{
    color:#000;
	font-weight:normal;
}
.p_value{
    color:#666;
	font-weight:normal;
}

.pic_left{
    float: left; 
    margin-top: 5px;
    margin-right: 6px;
}

.pic_right{
    float: right; 
    margin-top: 5px;
    margin-left: 6px;
}

.value {
    width:748px;
    float: right; 
	margin-top: 5px;
	color:#666;
}
.t_b { 
    border: 1px solid #CCCCCC; 
    background-color:#fff;
}
.link_box {
    width:100%;
    float:left; 
	margin-top: 10px;
    text-align: left;
}
.link_box a{
    text-decoration:underline;
}
.link_box a:hover  {
    text-decoration: none;
}
.link_box .line_bg {
	margin-top: 10px;
}
.line_bg {
    width:100%;
    float:left; 
    height:20px;
    text-align:center;
	background-image: url(images/line_000.gif);
	background-repeat : repeat-x;
}

.d_txt{
    width:13%;
    float:left; 
    margin:0;
}
.ns_list{
    width:87%;
    float:left; 
    margin:0;
}
