A:link {text-decoration: none;color:#235389; }
A:visited {text-decoration: none;color:#235389;}
A:active {text-decoration: none;color:#235389;}
A:hover {text-decoration:underline;color:#235389;}



body {
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: verdana, arial;
	font-size: 13px;
	color: #313131;
	background-image:url(Images/bg.gif);
	background-repeat:repeat-x;
	background-position:0 0;
	
}

#all{
	
	overflow:hidden;
	width: 920px;
	margin-left: auto;
	margin-right: auto;
	background-attachment:fixed;

}

.header{
width:920px;
}

.body_main{
width:920px;
height:auto;
float:left;
text-align:left;
line-height:150%;
letter-spacing:1.5pt;
z-index:1000;
position:relative;
margin-left:15px;
_margin-left:6px;

margin-top:-15px;

}

.main{

width:920px;
height:auto;
float:left;
text-align:left;
line-height:150%;
letter-spacing:1.5pt;
z-index:1000;

margin-left:20px;

}

.main_bg
{
    background-image:url(Images/body_bg3.gif);
    background-repeat:repeat-y;
    width:920px;
height:auto;
float:left;
    }




.flash_menu{
float:left;
position:relative;
margin-top:-330px;

z-index:100;
 font-family:"微軟正黑體"
}


.iPad_banner_bg{ background-image:url(Images/iPad_banner_bg.jpg);
                 width:920px; height:330px;
                 background-repeat:no-repeat;
                  float:left;
                 }

.iPad_menu_bg{ background-image:url(Images/iPad_menu.png);
             width:645px; height:107px;
             background-repeat:no-repeat;
             float:left; font-size:15px; 
             padding:42px 0 0 275px;
             
             text-align:left;
             position:relative; 
             overflow:hidden; 
            }

.iPad_menu_bg a{ width:100px; height:35px; display:inline-block;
                 background-image:url(Images/sub.png); 
                 background-repeat:no-repeat; line-height:35px;
                 color:#ffffff; background-position:50% -35px;
                 text-align:center;
                 }

.iPad_menu_bg a:hover {text-decoration:none;color:#ffffff;
                        background-position:50% 0;
                       }

a.logo{ width:220px; height:70px; 
       position:absolute; float:left; display:inline-block;
        overflow:hidden; background-image:none;
        top:20px; left:20px;
       }

a.iPad_menu01, a.iPad_menu02, a.iPad_menu03
{ color:#ffffff;  position:absolute;  padding:0px; font-size:13px;
  height:auto; display:inherit; background-image:none;
   }
  
.iPad_menu01 { top:4px; left:560px;}
.iPad_menu02 { top:4px; left:670px;}
.iPad_menu03 { top:4px; left:782px;}

.download, .send
{
    width:114px; height:35px;background-repeat:no-repeat;
  display:block; overflow:hidden; 
  position:absolute; 
  
  z-index:10000;}
  
.download{
 
 background-image:url(Images/download.gif);
  top:41px; left:361px; 
}
.send{
 background-image:url(Images/send.png); 
 top:41px; right:30px; 
}

A.download:hover, A.send:hover { background-position:0 -35px;}

.left_d{
width:267px;
float:left;
overflow:hidden;
}

.right_d{
margin-left:36px;

float:left;
width:580px;

}

blockquote{ margin:20px 0 0 22px; display:block;}


.about_me{
background-image:url(Images/about_me.gif);
background-repeat:no-repeat;
width:267px;
height:301px;
float:left;
margin-top:20px;
}

.about_us{
width:267px;
float:left;
background-image:url(Images/about_us.gif);
background-repeat:no-repeat;

}

.about_us blockquote{
margin:40px 15px 0px 15px;

}

.mail {
width: 125px;
height: 47px;
background: url(Images/mail.gif) no-repeat 0px 0px;
display:inline-block; 

margin:2px 0 13px 2px;

*margin:2px 0 13px 4px;

 
}
a.mail:hover, a.aboutme:hover  {
background-position: 0px -47px;
}

.aboutme {
width: 125px;
height: 47px;
background: url(Images/aboutme.gif) no-repeat 0px 0px;
display:inline-block;

margin:2px 0 13px 4px;
*margin:2px 0 13px 8px;

}


.nav{

float:right;
text-align:right;
color:#666666;
margin-right:30px;
_margin-right:18px;
margin-top:-5px;
letter-spacing : 1.1pt;font-size:12px;


z-index:5000;

position:relative;


}
.nav li{
	list-style-type: none;
	list-style-image: url(images/icon2.gif);	
	list-style-position: outside;
}



.c1{color:#00B708;}
.c2{color:#67B700;}
.c3{color:#B7AC00;}


.footerbg{


width:100%;


text-align: center;
background-image:url(Images/footerbg.gif);
background-repeat:repeat-x;
margin-top:20px;
float:left;


}

.footer A:link {text-decoration: none;color:#BFBFBF; }
.footer A:visited {text-decoration: none;color:#BFBFBF;}
.footer A:active {text-decoration: none;color:#BFBFBF;}
.footer A:hover {text-decoration:underline;color:#BFBFBF;}


.footer{
width: auto;

text-align: left;
color:#666666;
font-size:11px;
width:920px;
height:70px;
overflow:hidden;
	
margin-left: auto;
margin-right: auto;

background-image:url(Images/logo_s.gif);
background-repeat:no-repeat;
background-position:0px 0px;
margin-top:15px;

}



.footer_left{
float:left;
margin-left:192px;
_margin-left:96px;
margin-top:10px;


}
.footer_right{
float:right;
text-align:right;
margin-top:10px;
margin-right:20px;
}

li{ margin-bottom:10px;}

.li{ margin:10px 10px 10px 30px;}

.li  li {
	list-style-type: none;
	list-style-image: url(images/icon2.gif);
	list-style-position: outside; margin-bottom:10px;
}

.li2{ margin:10px 0px 10px 20px; padding:0px;}
.li2  li { margin:0px; padding:0px;
	list-style-type: none;
	/*list-style-position: outside; 
	list-style-image: url(images/icon2.gif); 
	*/ 
	 background-image:url(Images/icon2.gif);  float:left; line-height:120%;
	 display:inline-block; 
	 margin-right:5px;
	 background-repeat:no-repeat;
	width:240px;  height:30px;
	 padding-left:20px; 
	
}




.span1 A:link {text-decoration: none;color:#ffffff; }
.span1 A:visited {text-decoration: none;color:#ffffff;}
.span1 A:active {text-decoration: none;color:#ffffff;}
.span1 A:hover {text-decoration:none;color:#ffffff;}
 
 .span2
 {
     color:#6a9c00; font-size:15px;
     font-weight:bold;
  }
 
.left{
float:left;
width:255px;
text-align:left;
}





.span1{

width: 200px;
height:23px; 
background-image:url(Images/span.gif);

background-repeat:no-repeat;
display:inline-block;
float:left;

background-position:10px 2px; color:#ffffff; 
text-decoration:none;

 }


.left ul{ 
margin:0px; padding:0px;
margin-top:8px; 
margin-left:20px; 
_margin-left:10px;
padding-bottom:20px; 
float:left;}
.left img { margin:0px; padding:0px;}
.left li{
list-style-type: none;
font-weight:bold;
margin:0px;
padding:0px;
width:215px;
height:23px;

border-bottom:1px dotted #cccccc;
padding:2px 0px 3px 0px; overflow:hidden;
}



.left a{
width: 192px;
height:23px; 
background-image:url(Images/span.gif);
background-position: 10px -23px; 
background-repeat:no-repeat;
display:inline-block;
float:left;

padding:3px 0px 0px 40px;
}

.left a:hover, .left A:active  {
background-position: 10px 0px; color:#ffffff; text-decoration:none;
}

.recruit{ width:180px; height:248px; letter-spacing:120%; display:inline-block; overflow:hidden;}
.recruit2{ width:280px; height:480px; 
letter-spacing:120%; display:inline-block; overflow:hidden;}

.recruit p, .recruit2 p{ margin:0px; padding:0px;}

.recruit a:hover, .recruit2 a:hover{ position:relative; top:1px; left:1px;}

.recruit, .recruit2{float:left; margin:8px 5px; text-align:left; 
color:#000000; position:relative; 
 border:1px solid #e5e5e5; background-color:#eeeeee; padding:1px;
}

.recruit img{ width:180px; height:135px; display:block;}
.recruit2 img{ width:280px; height:381px; display:block;}


a.bu{ 
font-weight:bold; overflow:hidden;
color:#ffffff;
background-image:url(Images/bu.gif); 
 width:80px; 
 height:23px;
background-repeat:no-repeat;
text-decoration:none;
text-align:center;
display:inline-block; line-height:25px; margin:5px 0 5px 5px;

}

 a:hover.bu{
background-position: 0px -23px;
}


A:link.bu {text-decoration: none;color:#ffffff; }
A:visited.bu {text-decoration: none;color:#ffffff;}
A:active.bu {text-decoration: none;color:#ffffff;}
A:hover.bu {text-decoration:none;color:#ffffff;}




a.span1{
width: 192px;
height:23px; 
background-image:url(Images/span.gif);
background-position: 0px 0px; 
background-repeat:no-repeat;
display:block;
float:left;
color:#ffffff; 
padding:3px 0px 0px 10px;
 }


.google{

width:550px;
height:430px;
text-align:right;
border:1px solid #a8d0e0;
padding:1px;
background-color:#FFFFFF; margin:0 auto;
}

.google iframe{
width:550px;
height:430px;
}




.right{
float:left;
width:608px;
margin-left:28px;
_margin-left:20px;
text-align:left;
}

.pro_title{
 color:#2352c4; font-weight:bold; font-size:15px; position:relative;
  z-index:100; margin-top:-29px; margin-left:20px;  float:left; background-color:#ffffff;
   padding-right:10px;
 font-family:微軟正黑體;
}


.parner{ 
display:block; width:570px; height:110px;  

}

h6{
margin-bottom:3px;
margin-top:10px;
font-size:13px;
color:#007695;
}

.Iweb{ letter-spacing:0px;}

h5{color:#000000; font-size:15px;
   border-bottom:1px solid #D9E5BF; 
   width:100%; display:block;
   }
.news_d
{
    font-size:11px;
    color:#666666;
    font-weight:lighter;
    float:right;
    margin-top:-20px;
    }

.img 
{
    float:left; margin:10px;
      padding:5px;
    background-color:#D9E5BF;
   
   border: 1px solid #BBCE93;
    
    }
.img2 
{
    float:right; margin:5px 10px;
    }
.img3 
{
    float:left; margin:5px 20px 10px 5px;
    }




.tab{
	
	border-collapse: collapse; border: 1px solid #0556a1;
	width:98%;
	
}
.tab td{ padding:5px;}

.tab2{
	
	border-collapse: collapse; border: 1px solid #0556a1;
	width:98%; color:#000000;
	
}
.tab2 td{ padding:5px;border-collapse: collapse; border: 1px solid #0556a1;}



/**tab3**/

.tab3{

border-collapse: collapse; border: 1px solid #00589f;
background-color:#E9EDF4;
color:#000000; width:90%; margin:0 auto;


}
.tab3 td{ 
padding:3px;border-collapse: collapse; border: 1px solid #ffffff; }
.tab_title3{
background-color:#2a70a9;
color:#ffffff;
font-weight:bold;

}

.tab_td3{
background-color:#D0D8E8;
color:#000000;
font-weight:bold;
text-align:center;

}

.tab_td_center{ vertical-align:top;}


.tab_con{
vertical-align:top;
}
.tab_con p{ padding:0px; margin:0px;}

.tab_title{
	background-color:#5188bb; font-size:15px; font-family:微軟正黑體;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
}

.tab_sp{
color:#BE0909
}

.tab_row{


color:#000000;
font-weight:bold;
background-color:#EDEAF0;
}
.title{ margin-bottom:10px;}

/*******link******/
.link_text{
overflow:hidden;
width:400px;
letter-spacing:1pt;
}

.link_img{
display:inline-block;
border-width:1px;
border-style:solid;
margin:7px 25px;
float:left;
}

 a:link.link_img{ border: 1px solid #cccccc;}
 a:visited.link_img{ border: 1px solid #cccccc;}
 a:active.link_img{ border: 1px solid #cccccc;	}
 a:hover.link_img{
	border: 1px solid #ff8400;}


.hr{

border-top:1px dotted #c0c0c0;
height:2px; 

margin-top:7px;
_margin-top:17px;
}






img{ border:0px;}

.logo_img{ 
margin:10px 20px 30px 10px;
}
.logo_img img{
padding:2px;
margin:2px;

}

.logo_img a:link { border: 1px solid #C0C0C0;}
.logo_img a:visited { border: 1px solid #C0C0C0;}
.logo_img a:active { border: 1px solid #C0C0C0;	}
.logo_img a:hover {
	border: 1px solid #e55178;
	
}

.logo_img a{
display:inline-block;
margin:2px;
border-style:solid;
}


/** tab4 **/
.tab4{

border-collapse: collapse; border: 2px solid #3696B0;
background-color:#E9F1F5;
color:#000000;
width:450px;
text-align:left;

}
.tab4 td{
padding:2px;
border: 1px solid #ffffff;
}
.tab4 input{
width:95%;
margin:3px;

}
.tab4_title{
width:150px;
text-align:right;
font-weight:bold;
background-color:#4BACC6;
color:#ffffff;
}

.tab_td_center{
text-align:center;
background-color:#ffffff;
}

.hot{
float:right;
margin-right:20px;

width:213px;
margin-top:9px;

}

.star_bg .more{

background-image:url(Images/more2.gif);
background-repeat:no-repeat;
width:51px;
height:16px;
display:block;
 position:absolute; right:15px; top:12px;
/*
 margin-left:204px; margin-top:9px;*/

}




.products{
background-image:url(Images/products_bg.gif);
background-repeat:no-repeat;
width:560px;
height:300px;
float:left;
padding-left:2px;
margin-left:2px; margin-top:10px;


}

.products .more{

background-image:url(Images/more.gif);
background-repeat:no-repeat;
width:51px;
height:16px;
margin:8px 0px 0px 500px;
display:block;
}



.news_all .more{
float:right;
background-image:url(Images/more.gif);
background-repeat:no-repeat;
width:51px;
height:16px;
margin-right:16px;
margin-top:-36px;
display:block;

}


a.more:hover, a.more2:hover {
background-position: 0px -16px;
}




/*********HOT products ************/


.auto
{  

	margin-top:18px;
	float:left;
	

    }
    .auto ul
    {
        padding:0px; margin:0px;	 
        }
    .auto img
    {
    width:170px;
        height:240px;   
        }


.auto a:link { border: 1px solid #cccccc;}
.auto a:visited { border: 1px solid #cccccc;}
.auto a:active{ border: 1px solid #cccccc;}
.auto a:hover {
	border: 1px solid #e55178;}

.auto a{
display:inline-block;
margin-left:10px;
border-style:solid;
}
/*****star**********/


.star_bg{ width:267px; height:607px;  
position:relative;
background-image:url(Images/star_bg.gif);
float:left; display:inline-block; 
overflow:hidden; 
margin-bottom:10px;
}

.star_bg img{float:left; 
width:83px; height:86px;
display:inline-table; 
}
.people_con, .people_con2,  .people_con3 { 
line-height:120%;  float:left;
margin:7px 0 0 25px; 
text-align:center; 

 }

.people_con li, .people_con2 li, .people_con3 li{width:115px; height:75px; float:left;}

.people_img, .people_img2,  .people_img3{ 
 float:left;
 margin:0px 0 0 23px; 
 _margin:0px 0 0 11px; 
}

.people_con p, .people_con2 p, .people_con3 p, .star_con p{ padding:0px; margin:0px;}


.star01{ 
float:left; margin:73px 0 0 0; display:block;
}
.star02{
float:left; 
margin:41px 0 0 0; 
*margin:51px 0 0 0;
_margin:41px 0 0 0; 
display:block;
}



/*

.star_pic{ margin:28px 0 0px 12px; _margin-left:6px;
display:block; float:left;}

.star_pic img{ width:77px; height:77px; float:left; margin:2px;}


.star{
width:566px;
height:164px;
background-image:url(Images/star.gif);
background-repeat:no-repeat;
float:left;

padding-top:40px;
margin-bottom:-40px;
text-align:center;

}

.star a:link { border: 1px solid #cccccc;}
.star a:visited { border: 1px solid #cccccc;}
.star a:active { border: 1px solid #cccccc;}
.star a:hover {
	border: 1px solid #e55178;}

.star a{
display:inline-block;
margin:0px;
border-style:solid;
}

.star_con{ 
 float:left;
 background-image:url(Images/star_con.gif); 
 width:168px; height:200px;
 text-align:center; 
 background-repeat:no-repeat;
 font-weight:bold; 
 letter-spacing:0px; color:#000000;  
 display:block; 
 overflow:hidden; 

 margin:10px; _margin:10px 5px; 
  
 
  }
  
.star_con img{ width:140px; height:140px; display:block; margin:14px 0;}

*/


/***new **/



.news_all{
    /*
background-image:url(Images/news.gif);
background-repeat:no-repeat;
width:559px;
height:210px;*/
float:left;
text-align:left;
margin-top:5px;
width:92%;
/*
margin-top:15px;
*/
/*
padding-left:10px;
margin-left:4px;
*/ margin-bottom:12px;
}


.news{
float:left;
text-align:left;

width:100%; 

background-image:url(Images/news_bg.gif);
background-repeat:repeat-y;
_margin-top:-9px;


}

.new_table {

margin-left:20px;
border:0px;
border-collapse: collapse;
width:95%;

}

.new_table tr{

height:30px;
*height:28px;
	list-style-position: outside;
	border-collapse: collapse;
	white-space:nowrap;
	}




.new_title A:link,.new_title2 A:link{text-decoration: none;color:#536D84 }
.new_title A:visited, .new_title2 A:visited{text-decoration: none; color:#536D84;}
.new_title A:active, .new_title2 A:active{text-decoration: none; color:#536D84;}
.new_title A:hover, .new_title2 A:hover{text-decoration: none;color:#3F92E7;}

.new_title{
float:left; overflow:hidden;
white-space:nowrap;
width:390px;
letter-spacing:1.2pt;
}
.new_date{
float:right;
font-size:11px;
letter-spacing:1pt;
white-space:nowrap;
text-align:right;

letter-spacing:0pt;
}



/****news table2 in****/



.new_table2 {


text-align:left;
width:93%;
margin-left:8px;
_margin-left:4px;


background-image:url(Images/news_bg.gif);
background-repeat:repeat-y;
padding:4px 0px 0px 20px;
 display:block; overflow:hidden;

}


.new_title2{
float:left;
white-space:nowrap;
height:30px;

width:440px;
letter-spacing:1.1pt;
overflow:hidden; 
 

}

.home_title{
float:left; color:#74aa00;
white-space:nowrap;
width:120px; font-weight:bold; 
letter-spacing:1.2pt; height:30px;  margin-left:15px; padding-top:2px;
}

.home_add{
float:left;
white-space:nowrap;
width:350px;
letter-spacing:1.2pt;padding-top:2px;
}




.file{ font-weight:bold; display:inline-block;
background-image:url(Images/pdf.png);
  padding:2px 0 5px 30px;
  background-repeat:no-repeat; float:right;

}


A.file:link {text-decoration: none;color:#dd0000; }
A.file:visited {text-decoration: none;color:#dd0000;}
A.file:active {text-decoration: none;color:#dd0000;}
A.file:hover {text-decoration:none;color:#ff0000;}

.star{ width:240px; height:100px; 
background-image:url(Images/people.gif); float:left;
background-repeat:no-repeat; 
background-repeat:no-repeat; line-height:120%;
 margin:25px; _margin-left:12px;
}

.star img{width:83px; height:86px; float:left; margin:7px 0 0 6px; }
.star_con{  width:110px; height:80px;
 text-align:center; float:left; margin:16px 0 0 28px;
 }

/*************AJAX MENU****************/



.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_outer
{
	color:#ffffff;
	/*
	padding: 10px 18px 12px 18px;  
	*padding: 10px 18px 18px 18px;  
*/	
padding:10px 0;
background-image: url(Images/news_menu2.gif);
    background-repeat: no-repeat;	 margin-bottom:-8px;margin-left:10px;
}
.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab
{
   width:109px;    
	 
     /*  
       width: 72px;
*/       
 display: block; font-weight:bold;
        text-align: center;
		 
}

.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab div
{
        font-family: Verdana, Arial, Sans-Serif;
        
        line-height: 145%;
}
.ajax__tab_msngallery-theme .ajax__tab_active .ajax__tab_outer
{
 
	background-image: url(Images/news_menu.gif);
    background-repeat: no-repeat;
    /*
     padding: 9px 18px 12px 18px;   
	 *padding: 7px 18px 20px 18px;        
*/    
color:#0053A5;
	font-size:14px;
	
		
}
.ajax__tab_msngallery-theme .ajax__tab_body
{
/*
border-top: solid 1px #009591;
*/
 display:block;
 border:1px solid #b3b3b3; 
 height:265px; width:100%;
 padding:12px; 
 -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}