/*
layout_01
版型外寬820px
版型內寬800px
編輯hayasi@gmail.com
*/
body {
    margin:0px;
    text-align:left;
    font-size: 10pt;
   color:#666666;
}
a {
	color: #06c;
	text-decoration: none;
}
a:visited {
	color: #06c; 
    text-decoration: none;
}
a:hover {
	color: #06c; 
    text-decoration: underline;
}
h1 {
    font-size: 120%;
}
h2 {
    font-size: 100%;
}
h3 {
    font-size: 100%;
    line-height: 130%;
}
/*******網站主體外框********************************/
#webdesignset {
    width: 892px; 
    margin: 0px auto;
    padding: 0px; 
    background-color: #fff;
}
#mid {
    width: 892px; 
	float: left;
    background-image: url(images/layout_bg.gif);
}
/*******TOP形象圖********************************/
#top_menu{
	width: 880px;
	height:71px;
	float: left;
    margin-left: 6px  !important;
	margin-left: 3px;
	overflow:hidden;
	background-image: url(images/top001.jpg);
}
#top_menu ul{
	width: 420px;
	height:30px;
	float: right;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
#top_menu li{
    margin: 2px;
    padding-top: 3px;
    color:#666;
    float: left;
}
#top_menu li a{
    color:#666;
    text-decoration: none;
}
/*top廣告*/
#header_ad { 
	width: 880px;
	height:200px;
	float: left;
    margin-left: 6px  !important;
	margin-left: 3px;
	overflow:hidden;
}
/*******網站主選單********************************/
#web_memu {
    width:680px;
	height:48px;
	float: right;
    margin-right: 6px  !important;
	margin-right: 3px;
    font-size:93%;
	background-image: url(images/web_memu_bg.gif);
}
#web_memu ul {
    list-style-type: none;
    margin-top: 10px;
    margin-left: 10px  !important;
	margin-left: 5px;
    padding: 0px;
}
#web_memu li {
    float: left;
    margin-right:6px;
    color:#ff9;
}
#web_memu li a{
    color:#ff9;
    text-decoration: none; 
}
/*******路徑*************************************/
.menu_index {  
	width: 680px;
    height:30px;
    float:left; 
	margin-bottom: 20px;
}
#text_index { 
	width: 670px;
    height:30px;
	margin-top: 3px;
    float:right; 
    text-align:left;
    margin-left: 10px  !important;
	margin-left: 5px;
}
#text_index a{  
    text-decoration: none;  
    color:#333;
}
#text_index  a:hover{  
    text-decoration: none;  
    color:#333;
}
/*******單元類別選單*****************************/
#cs_menu {
	width:680px;
	float: right; 
	margin-top: 10px;
    margin-right: 6px  !important;
	margin-right: 3px;
}
#cs_menu div em{
	padding:6px 0 0 8px;
	font-style:normal;
	font-weight:bolder;
	color:#fff;
}
#cs_bg{
	width:660px;
	float: left; 
	overflow:hidden;
	margin-left:10px;
}
#cs_bg ul{
	width:660px;
	float: left;
    margin:0;
}
#cs_bg ul li{
    width:200px;
	height:36px;
    float:left;
    display:inline;
    text-align: left;
}
#cs_bg  ul li a{
    padding:5px 0px 5px 4px;
	color:#3B5552;
}
#cs_bg  ul li a:hover{
	color:#3B5552;
    text-decoration: none; 
	background-color: #efefef;
}
/*******左選單*****************************/
#left_menu {
	width:200px;
	float: left; 
    margin-left: 6px  !important;
	margin-left: 3px;
}
#lm_h {
	width:200px;
	height:48px;
	background-image: url(images/lm_header.gif);
}
#lm_bg{
	width:200px;
	float: left; 
	overflow:hidden;
}
#lm_bg ul{
	width:200px;
	float: left;
    margin:0;
	padding:0;
	padding-bottom:8px;
}
#lm_bg ul li{
    width:200px;
	height:31px;
	float: left;
	background-image: url(images/lm_bg.gif);
}
#lm_bg  ul li a{
    width:170px;
    float:left;
    padding:8px 0px 2px 20px;
	color:#069;
}
#lm_bg  ul li a:hover{
	color:#069;
    text-decoration: none; 
}
.ad_rw{
	width:180px;
	float: left; 
    margin-left: 10px  !important;
	margin-left: 5px;
	overflow:hidden;
	padding-top:2px;
	padding-bottom:4px;
}
/*******文章區塊************************************/
#main {
	width:680px;
    float:right; 
    margin-right: 6px  !important;
	margin-right: 3px;
    padding-bottom:20px;
    text-align: left;
}
.box {
    width:660px;
    float:left; 
	margin-bottom: 20px;
	margin-left: 10px  !important;
    margin-left: 5px;
    text-align: left;
}
.entrytitle {
	font-size: 12pt;
	font-weight: bold;
    color:#FF6600;
    letter-spacing : 1pt;
    padding-bottom: 5px; 
}
.entrytext {
    letter-spacing : 1pt;
    padding-bottom: 5px; 
}
.entrydata {
    width:100%;
    float:left;
    color:#666;
    padding-top: 5px; 
}
.entrylink {
    width:100%;
    float:left;
    color:#666;
    padding-top: 5px; 
}
.entrynext {
    width:100%;
    float:left;
    color:#3B5552;
}
.entrynext a{
    color:#3B5552;
}
.extended a {
    color:#3B5552;
}
.newstitle{
    width:480px;
    float:left; 
	color:#505470;
}
.newstitle a{
	color:#505470;
}
.newsdate{
	width: 90px;
	float: left;
	text-align:left;
	font-size: 80%;
    font-family :Verdana, Arial, Helvetica, sans-serif;
	color:#999;
}
.newslink{
	float:right;
	margin:0 10px 20px 0;
}
.pic_left{
    float: left; 
    margin-top: 5px;
    margin-right: 6px;
}
.pic_right{
    float: right; 
    margin-top: 5px;
    margin-left: 6px;
}
.pic_top{
    margin-bottom: 8px;
}
.pic_down{
    margin-top: 8px;
}
.line_bg{
    float: left;
    width: 100%;
		height:20px;
		margin-top: 5px;
		background: url('images/news_line.gif') repeat-x; 
}

.line_bg1{
    float: left;
    width: 100%;
		height:10px;
		margin-top: 5px;
		background: url('images/news_line.gif') repeat-x; 
}
.line_bg2{
    float: left;
    width: 75%;
		height:10px;
		margin: 5px 0 0 5px;
		background: url('images/news_line.gif') repeat-x; 
}
.line_bg3{
    float: left;
    width: 95%;
		height:10px;
		margin: 10px 0 0 5px;
		background: url('images/news_line.gif') repeat-x; 
}
.pagelink{
    width:95%;
    height:30px;
    text-align:right;
    clear: both;  
}
.pagelink_i{
    width:95%;
    height:30px;
    text-align:center;
    clear: both;    
}
.pagelink_i a{
    color:#666;    
}
.pagelink_i b{
    color:#3B5343;    
}
.ifimg {
    width:160px;
    height:186px;
    float:left;
}
.p_case {
    border:1px solid #fff;
    margin: 0px auto;
    width:130px;
    height:130px;
    overflow:hidden;
    text-align:center;
    padding-top:4px; 
    vertical-align:middle;
    background-color:#fff;
}
.p_txt {
    width:130px;
    height:46px;
    padding-top:4px; 
    margin: 0px auto;
    text-align:center;
}
.p_txt a{
    color:#666;
}
.date_ifimg {
    width:150px;
    height:160px;
    float:left;
}
.date_p_case {
    width:130px;
    height:130px;
    float:left;
    overflow:hidden;
    text-align:center;
    padding-top:4px; 
    vertical-align:middle;
    background-color:#fff;
	border:1px solid #fff;
}
.rtext{
    width:510px;
    float:left; 
}
.protl{
    font-size: 120%;
	color:#069;
	font-weight:bold;
    padding-bottom: 6px;
}
.p_detail{
    width:100%;
}
.pd_title{
    width:100%;
    padding-bottom: 6px;
    color:#000;
}
.p_value{
    width:100%;
    padding-bottom: 6px;
    color:#333;	
}
.related_div{
    width:255px;
    float:left;
}
.textprice01 {  
    line-height: 130%;
    font-family: Verdana; 
    FONT-SIZE: 200%;
    font-weight: bold;
    color:#FF3568;
}
/*******線上聯絡表單*********************************/
div.row {
    clear: both;
    padding-top: 3px;  
}
div.row span.label {
    float: left;
    width: 130px;
    text-align: right;   
}
div.row span.formw {
    float: left;
    width: 425px;
    padding-left: 15px;
    text-align: left;
}
.t_b { 
    border: 1px solid #CCCCCC; 
    background-color:#efefef;
}
/*******首頁區塊********************************/
#project {
    width: 675px;
    float: left;
    margin-left: 2px  !important;
	margin-left: 1px;
}
#project ul{
    list-style-type: none;
    margin: 2px;
    padding: 0px;
}
#project li{
    margin-right: 2px;
    float: left;
}
#project li a{
    display: block;
    text-indent: -3000px;
    font-size: 1px; 
}
#project li.m1 a{
    float: left;
    width:165px;
    height:104px;
    background-image: url('images/prod_6600.jpg');
}
#project li.m2 a{
    float: left;
    width:165px;
    height:104px;
    background-image: url('images/prod_9990.jpg');
}
#project li.m3 a{
    float: left;
    width:165px;
    height:104px;
    background-image: url('images/prod_16800.jpg');
}
#project li.m4 a{
    float: left;
    width:165px;
    height:104px;
    background-image: url('images/prod_18800.jpg');
}
.ng_zone{
    width: 335px;
    float: left;
    margin-left: 2px  !important;
	margin-left: 1px;
    margin-right: 2px;
}
.ng_bg{
    width: 335px;
	height:120px;
    float: left;
	background-image: url(images/ng_bg.gif);
}
.ng_bg ul{
    margin-left:10px; 
    padding:0;
    list-style-type: none;
}
.ng_bg ul li  {
    width: 325px;
    height:25px;
    overflow:hidden;
    text-overflow:ellipsis; 
}
.ng_bg ul li a {
    color:#4a6a93;
    text-decoration: none;
}
.ng_bg ul li a:hover {
    color:#4a6a93;
    text-decoration: none;     
}
.ng_fr{
    width: 335px;
    height:10px;
    float: left;
	background-image: url(images/ng_fr.gif);
	overflow:hidden;
}
#ns_hr{
    width: 335px;
    height: 35px;
    float: left;
	background-image: url(images/ns_hr.gif);
	overflow:hidden;
}
#gt_hr{
    width: 335px;
    height: 35px;
    float: left;
	background-image: url(images/gt_hr.gif);
	overflow:hidden;
}
.b_zone{
    width: 675px;
    float: left;
    margin-left: 2px  !important;
	margin-left: 1px;
}
.suc_bg{
    width: 675px;
    float: left;
	background-image: url(images/suc_bg.gif);
}
.random_bg{   
    width: 675px;
    float: left;
	background-image: url(images/random_bg.gif);
}
.uni_bg{
    width: 675px;
    float: left;
	background-image: url(images/uni_bg.gif);
}
.suc_fr{
    width: 675px;
    height:10px;
    float: left;
	background-image: url(images/suc_fr.gif);
	overflow:hidden;
}
#suc_hr{
    width: 675px;
    height: 33px;
    float: left;
	background-image: url(images/suc_hr.gif);
	overflow:hidden;
}
#shop_hr{
    width: 675px;
    height: 33px;
    float: left;
	background-image: url(images/shop_hr.gif);
	overflow:hidden;
}
#suc_hr h2 , #shop_hr h2 , #ns_hr h2 , #gt_hr h2 , #suc_hr h1 {
    padding-top: 200px;
}
.p_store{
    width: 140px;
    height: 40px;
    float: left;
    margin: 5px 12px 0 12px;
}
.com_zone{
    width: 329px;
    height: 105px;
    float: left;
    margin: 4px 0 0 6px  !important;
	margin: 2px 0 0 3px;
	overflow:hidden;
}
.commend_zone{
    width: 660px;
    height: 105px;
    float: left;
}
.commend_pic{
    width: 94px;
	height:94px;
    float: left;
    border:1px solid #eee;
    margin: 0px auto;
    overflow:hidden;
    text-align:center;
    padding-top:2px; 
    vertical-align:middle;
}
.commend_title{
    width: 550px;
	height:18px;
    float: left;
	text-overflow:ellipsis; 
	overflow:hidden;
    margin: 4px 0 4px 4px  !important;
	margin: 4px 0 2px 2px;
}
.commend_title a{
	color:#039;
}
.commend_txt{
    width: 550px;
	height:75px;
    float: left;
	overflow:hidden;
    margin-left: 4px  !important;
	margin-left: 2px;
	color:#333;
}
.cz_pic{
    width: 94px;
	height:94px;
    float: left;
    border:1px solid #eee;
    margin: 0px auto;
    overflow:hidden;
    text-align:center;
    padding-top:2px; 
    vertical-align:middle;
}
.cz_title{
    width: 221px;
	height:18px;
    float: left;
	text-overflow:ellipsis; 
	overflow:hidden;
	border-bottom: 1px solid #999;
    margin: 0 0 4px 4px  !important;
	margin: 0 0 2px 2px;
}
.cz_title a{
	color:#039;
}
.cz_txt{
    width: 226px;
	height:75px;
    float: left;
	overflow:hidden;
    margin-left: 4px  !important;
	margin-left: 2px;
	color:#333;
}
#footer {
    width: 880px;
    height: 70px;
    float: left;
    background-image: url(images/footer_bg.gif);
    margin-left:6px !important;
    margin-left:3px;
    clear : nono;
}
#legal {
    width: 650px;
    margin:5px auto;
    float: left;
    line-height: normal;
    font-size: 75%;
    font-family :Verdana, Arial, Helvetica, sans-serif;
    color: #036; 
    margin-left:160px !important;
    margin-left:80px;     
}
#footer p {
	margin-left: 4px  !important;
    margin-left: 2px;
    margin-top: 8px;
	line-height: normal;
    font-size: 80%;
    font-family :Verdana, Arial, Helvetica, sans-serif;
}
#legal a{
    color: #036;
}
#footer_menu {
    width: 540px;
    margin:0px auto;
}
#footer_menu ul{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
#footer_menu li{
    margin: 2px;
    padding-top: 3px;
    color:#fff;
    float: left;
}
#footer_menu li a{
    color:#fff;
    text-decoration: none;
}
#company_info {
    width: 660px;
    margin:5px auto;
    float: left;
    line-height: normal;
    font-size: 75%;
    font-family :Verdana, Arial, Helvetica, sans-serif;
    color: #036; 
    margin-left:100px !important;
    margin-left:60px;    
}
.guest_box {
   margin-bottom: 8px;
   margin-left: 10px  !important;
   margin-left: 8px;
   float: left;
   width: 600px;
}
.guest_title {
   width: 600px;
   margin: 0px auto;
   padding: 5px 0 0 6px;
   height:25px;
   text-align: left;
   color:#00435F;
   overflow-x: hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
}
.guest_title a{
   color:#00435F;
   text-decoration: none;  
}
.guest_content {
   width: 600px; 
   float: left;
   padding: 8px 0 10px 6px;
   margin: 0px auto;
}
.reply_Box {
   margin: 20px;
   background: #eee;
}
.RLine {
   display:block;
   background: #fff;
}
.RLine div {
   display: block;
   height: 1px;
   overflow: hidden;
   /* 要查看為什麼請把背景色註解掉，並打開 R1~R4的註解 */
   background: #eee;
}
.R1{
   margin: 0px 5px;
/*   background-color: red;*/
}
.R2{
   margin: 0px 3px;
/*   background-color: yellow;*/
}
.R3{
   margin: 0px 2px;
/*   background-color: blue;*/
}
.R4 {
   margin: 0px 1px;
   height: 2px;
/*   background-color: black;*/
}
.BoxContent {
   margin: 10px;
   font-size: 12px;
}
.fc_CCCCCC{
	color:#CCCCCC;
}
.ons_pic{
    width:110px;
    height:104px;
	background-color: #ccc;
	float: left;
    margin: 0px auto;
    text-align:center;
    padding-top:4px; 
    vertical-align:middle;
}
.ons_pic img {
    width:100px;
    height:100px;
    overflow:hidden;
}
.ons_txt{
    width:470px;
    float:left; 
	padding-left:10px;
}
.ons_txt em{
    font-weight:bold;
    font-style:normal;
    font-family :Verdana, Arial, Helvetica, sans-serif;
}
.ons_txt a{
	font-size: 8pt;
    color:#666;
    font-family :Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}