A:link
{
    text-decoration: none;
    color:#313131;
}
A:visited
{
    text-decoration: none;
   color:#313131;
}
A:active
{
    text-decoration: none;
   color:#313131;
}

.right A:link, .right A:visited, .right A:active
{
    text-decoration: none;
    color:#2d3e4d;
}


a:hover{text-decoration: underline;
    color: #0080ad;}
    
.right a , .left a , .news_all a , .link_img a,
 .video_s , .star img, .dm a, .dm img,  .y_li
{
    -webkit-transition:.4s;
-moz-transition:.4s;
-ms-transition: .4s;
-o-transition:.4s;
transition:.4s;
    }
    
.right a:hover , .left a:hover , .news_all a:hover , .link_img a:hover
{
    text-decoration: underline;
    color: #0080ad;
    }


.right img{ max-width:700px; height:auto;}
.right blockquote img{ max-width:660px; }
.right blockquote blockquote img {max-width:600px; 
}
.service a{ margin:24px; float:left;}


body
{
    background-color: #ffffff;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 15px;
    color: #313131;
    background-image: url(bg.gif);
    background-repeat: repeat-x;
    background-position: 0% 0;
    font-family:微軟正黑體, verdana, arial; 
}
 input{font-family:微軟正黑體;}
.logo
{
    background-image: url(logo.gif);
    position: absolute;
    display: block;
    overflow: hidden;
    top: 10px;
    left: 10px;
    width: 310px;
    height: 85px;
    cursor: pointer;
    z-index: 100; 
}
.all{ background-image:url(footer.gif); 
      background-repeat:repeat-x; background-position:100% 100%;}

/********right_menu*********/
.right_menu{ /*position:absolute;  width:400px; 
             top:10px; right:10px;
             */
             float:right; margin:15px 15px 0 0; 
             font-size:13px; display:block;
             }
.right_menu a{color:#707070;}
.right_menu a:hover{color:#ad1919;}
/*******search******/
.search{ background-color:#1e72ba; width:300px; height:28px;
          float:right; z-index:1000;
            position:absolute; top:40px; right:10px; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; 
-moz-box-shadow:2px 2px 6px -3px #000000;
-webkit-box-shadow:2px 2px 6px -3px #000000;
box-shadow:2px 2px 6px -3px #000000;

 padding:2px 2px; text-align:left;  white-space:nowrap;
         }
        
.SearchInput, .text  
{
     margin:0px; padding:0px;border:0px; vertical-align:middle;
     width:204px;
     height:20px; float:left;
     background-image:url(SearchIcon.png); 
     background-repeat:no-repeat; 
     background-position:8px 50%;
      padding:4px 4px 4px 30px;
                     font-size:14px;
                      -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; letter-spacing:1px;

}
.text{ color:#c0c0c0;}

.ButtonSearch{ background-color:#1e72ba; border:0px; letter-spacing:3px;
                padding:4px 10px;*padding:2px 5px;
                 color:#ffffff;  float:right; position:relative; margin-top:-2px;
                 font-size:15px; font-weight:bold;}

/*******Jquery Menu1**********/

.on_menu {  /*margin:76px 0 0 34px;*/
            margin:76px 0 0 104px;
            white-space:nowrap;
            float:left;width:950px; 
            }
/*
@-moz-document url-prefix() { 
  .on_menu  {
      margin:75px 0 0 34px;
  }
}
*/
.on_menu ul, .on_menu li{ padding:0px; margin:0px;}
#menu>li{ background-image:url(line.gif); 
          background-position:100% 50%; 
          background-repeat:no-repeat;
           position:relative; 
          }

#menu  a 
{
     _width:50px;
     text-decoration:none;
      padding:7px 34px;
     background-image:url(MenuSub.gif);
      background-repeat:repeat-x; 
    display:inline-block; background-position:0 -34px; 
     
   }

@-moz-document url-prefix() { 
  #menu  a  {
     padding:7px 34px 6px 34px;
  }
}
#menu
{
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    float: left;
   
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 15px;
    white-space: nowrap;
    z-index: 100000000;
}
#menu li
{
    margin: 0;
    padding: 0;
    float: left;
    text-align: left;
    white-space: nowrap;
}
#menu li a
{
    display: block;
    
}

#menu li a:link
{
    color: #313131;
}
#menu li a:visited
{
    color: #313131;
}
#menu li a:active
{
    color: #313131;
}
#menu li a:hover
{
    color: #ffffff;
}



#menu li ul
{ 
    margin: 0;
    height: auto;
    padding: 7px 0 3px 0;
    list-style: none;
    z-index: 1000000000000000; 
    float: none;
    position: absolute;
    left: 0;
    min-width: 132px;   
*width: 132px;
    color: #ffffff;
    display: none;
    white-space: nowrap;
   
text-align: left;
background-color:#b12424; 
-moz-box-shadow:2px 2px 8px -4px #000000;
-webkit-box-shadow:2px 2px 8px -4px #000000;
box-shadow:2px 2px 8px -4px #000000;

}



#menu li ul a
{
    color: #ffffff;
}
#menu li ul li
{
    white-space: nowrap;
    float: none;
}
#menu li ul li a
{
    display: block;
    padding: 3px 10px;
    overflow: hidden; transition: 0.3s
}

#menu li ul li a:link
{
    color: #ffffff;
}
#menu li ul li a:visited
{
    color: #ffffff;
}
#menu li ul li a:active
{
    color: #ffffff;
}
#menu li ul li a:hover
{
    color: #ffffff;
    background-color: #1e72ba; transition: 0.3s
}


/*************news msg**************/
.news_msg{ width:948px; height:35px; background-image:url(bbs.png);
       background-repeat:no-repeat; float:left; margin:0 0 20px 30px;
       z-index:100; position:relative; _margin-left:15px;
      }
.news_msg ul, .news_msg li{ padding:0px; margin:0px; 
                            line-height:120%;
                             }

.news_msg *
{
    margin: 0px;
    padding: 0px;
}

.news_msg li
{
    height: 23px;
    line-height: 23px;
    padding-top: 4px;
    white-space: nowrap; 
    background-image:url(icon.png); background-repeat:no-repeat;
     margin-left:130px; padding-left:30px; background-position:0 8px;
}




.more
{
    width: 50px;
    height: 19px;
    float: left;
    background-image: url(more.gif);
    background-repeat: no-repeat;

    position: relative;
    overflow: hidden;
    display: inline-block; 
    top:0px; right:35px; position: absolute;
}

a.more:hover
{
    background-position: 0 -19px;
}




/******link*******/

.link { width:948px; height:156px; background-image:url(link.png);
         background-repeat:no-repeat; float:left; margin:0 0 0 30px; _margin-left:15px;
         position:relative;
        }
.link_img img{ width:145px; height:48px;
               }
.right .link_img img{ width:200px; height:65px; 
                      }

.link_img { margin:55px 0 0 14px;}
.right .link_img { margin:35px 0 0 0px;}

.link_img a{  border:1px solid #c4c4c4; padding:1px; background-color:#ffffff;
               display:inline-block; margin:0px 2px;}
 .link_img a:hover{border:1px solid #ad1919;}
 
 .link .more{ top:9px; right:15px;}
 
 .next, .prev{ width:28px; height:28px; top:6px; 
               display:inline-block; position:absolute;}
 .next{ background-image:url(next.png); right:72px;}
 .prev{ background-image:url(prev.png); right:100px;}
 .next:hover, .prev:hover{ background-position:0 -28px;}

 .link_img a{  opacity:0.7;
filter : alpha(opacity=70); }
 .link_img a:hover
 {
     opacity:1;
filter : alpha(opacity=100); 
     }
 .right .link_img a{ opacity:1;
filter : alpha(opacity=100); margin:5px 0 5px 5px;}
/**********main**********/

 
 .main
 {
      width:990px; letter-spacing:1px;
          margin: 0 auto;  position: relative; text-align:left;
         
   } 



.on
{
    width: 990px; height:142px;  
    margin: 0 auto;
    position: relative;
      z-index:100;
     
}





.banner{ width:770px; height:201px;
          
          background-image:url(banner.png);
          float:left;  background-repeat:no-repeat; margin:2px 0 0 9px;     
         }




.footer
{
    width: 990px; height:100px;  font-size:0.8em;
    margin: 0 auto;
    position: relative;
    overflow: hidden; padding: 0 0 15px 0; color:#353a3d;
    background-image:url(footer_logo.gif); 
    background-repeat:no-repeat; background-position:0 55px;
}
.footer_menu{  float:left; width:100%; 
               text-align:center; margin:15px auto;}
.footer_menu a{ color:#ad1919;}

.footer_left
{
    float: left;
    margin: 15px 0 0 265px;
    _margin-left: 130px;
    text-align: left;
}

.footer_right
{
    float: right;
    text-align: right;
    margin: 18px 10px 0 0;
    _margin-right: 5px;
}

img
{
    border: 0px;
}


/******left**********/

.left{ float:left; width:204px;  
       display:inline-block; overflow:hidden;
        margin:20px 0 40px 25px;
        _margin-left:12px; font-weight:bold;
 }
 
.left_title{ width:100%;  height:85px;
             background-image:url(left_title.png);
             background-repeat:no-repeat;
             float:left;font-weight: bold; 
             padding:18px 0 0 30px; 
             }
 .left_title div{ font-size:20px; 
                  font-family:Arial; color:#a40000;}
                  
.left_body{ width:100%; height:100%; float:left;
             background-image:url(left_body.png);
            }
.left_down{ width:100%; height:11px;  float:left;
            background-image:url(left_down.png); 
            background-repeat:no-repeat;}

.left_body ul{ padding:0px; 
              margin:0px;}
.left_body li{ list-style-type:none;}
.left_body > ul{ margin:0px 0 15px 4px; padding:0px;  float:left;
                }


.left_body > ul > li > a{ background-image:url(left_li.gif); 
                          background-repeat:no-repeat;
               width:195px; height:29px; padding: 0 0 0 50px;  
               display:inline-block;
               float:left;
              line-height:29px;
              transition: 0.3s
              
              } 
              
            
.left_body > ul > li > a:hover{ background-position:0 -29px; 
                    color:#ffffff; text-decoration:none;
                    
                 transition: 0.3s;
                    }

.left_body ul ul{ background-image:url(left_sub.gif); 
                  background-repeat:repeat-x;
                   background-color:#f1f1f1; 
                    width:175px;  
                   border-bottom:1px solid #dcdcdc;
                    margin:0px; padding:0px;
                    float:left;
                   padding:20px 0 20px 20px; 
                  }

.left_body li li{ background-image:url(left_icon.png); 
                  background-repeat:no-repeat;
                   background-position:0% 50%; padding-left:20px;
                   list-style-type:none; 
                    margin:2px 2px 2px 15px;
                  }

 a.span{ background-position:0 -29px; color:#ffffff;}
 a.span2{ color:#aa1919;}
.span3{ color:#00a0e9; font-weight:bold; font-size:1.2em;}
 .right{ float:left; width:695px; background-color:#ffffff;
         
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; 
         
margin:20px 0 40px 30px;
_margin-left:15px;
         padding:14px;
         -moz-box-shadow:0px 30px 65px -50px #000000, 0px 0px 20px -10px #000000;
-webkit-box-shadow:0px 30px 65px -50px #000000, 0px 0px 20px -10px #000000;
box-shadow:0px 30px 65px -50px #000000, 0px 0px 20px -10px #000000;
         
         *border:1px solid #eaeaea;
          font-size:16px; line-height:200%;
          }
 
 .right blockquote
{
    margin: 20px 10px 20px 40px;
}
 .right blockquote blockquote{ margin: 20px 0 20px 25px;}
 
 .title, .title2{ color:#434343; 
    font-size:1.5em;
   padding:2px 0 2px 40px;
   background-image:url(h5.gif); 
    background-repeat:no-repeat; background-position:10px 2px;
    border-bottom:2px solid #eeeeee;
 margin:25px 0;
}
.title2{ background-image:none;}
h5{ font-size:1.1em; color:#7d0000; margin:0px; background-color:#eeeeee;
    padding:2px;  background-image:url(oblique.png);
    
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; 
/*text-align:center;
    */ 
    padding-left:20px;
   
    /*
    border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
    */
     }
h4{font-size:1.3em; color:#0075a9; 
   font-weight:lighter; margin:10px 0;
   }
 h3{font-size:2em; color:#a40000; 
   font-weight:lighter; text-align:center;
   }
 /********download**********/

.download{  margin:0 0 0 5px;
}

.download a { 

background-image:url(folder.png);  background-position:50% 30px;
background-repeat:no-repeat;float:left; display:inline-block; 
 margin:10px;
 width:130px; height:130px;  padding:5px;
 text-align:center; overflow:hidden; 
 border:1px solid #ffffff; color:#000000; line-height:120%;
 -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; 

   }

.download span{ margin-top:80px; display:block;}

.step{ display:block; color:#ff6900;
 margin:0px 0 20px 0;

}
 .download a:hover{border:1px solid #a40000; text-decoration:none;
 background-color:#fff2f2; color:#a40000;}
 
/******new*******/

.news_con{ width:100%;
           
            max-height:110px; _height:110px; 
           
           margin:20px 0 10px 0; 
           /**/
             overflow:hidden; display:block;
           line-height:150%; 
           }

.news_con *{ margin:0px; padding:0px;}
.news_img, .news_con img{ float:left; margin:0 20px 10px 0; 
                         
           background-image:url(img.jpg); background-repeat:no-repeat;
           

width:150px; height:100px;
  overflow:hidden; display:inline-block;
             float:left;
             
             border:2px solid #ffffff;




-moz-box-shadow:0px 30px 85px -50px #000000, 0px 0px 25px -10px #000000;
-webkit-box-shadow:0px 30px 85px -50px #000000, 0px 0px 25px -10px #000000;
box-shadow:0px 30px 85px -50px #000000, 0px 0px 25px -10px #000000;
         
           }

.news_title, a.news_title{ color:#a20000; font-weight:bold;  display:block;
              font-size:1.2em; margin:5px 0;}

a.news_more{color:#a20000; margin:5px 0;
             text-align:right; float:right; font-size:0.9em;}




/***new **/

.news_all
{
    background-image: url(news_all.gif);
    background-position: 0 0px;
    background-repeat: repeat-x;
    width: 550px;
    height: 213px;
    float: left;
    text-align: left;
    position: relative; margin:20px 0 0 15px; 
    font-size:0.9em;
}





/********new*********/
/*
.news{ width:270px; height:333px; float:left; margin:30px 0 0 0px;
       
       }
*/
.new_table
{
    margin:10px  5px;
    border: 0px;
    width:98%; float:left;
}

.new_table tr
{
    height: 30px; *height:28px;
list-style-position:outside;
border-collapse:collapse;
white-space:nowrap;
border-bottom:1px solid #dcdcdc;
}
.new_table td{  vertical-align:top; line-height:25px;}

.new_title
{
    
   
    /*
     white-space: nowrap;
    overflow: hidden; display:inline-block;
    width: 30px;
   margin-left: 20px;float: left; 
    _margin-left: 10px; letter-spacing: 1.1pt;
    */
     
}
.new_date
{
    
  font-family: 'Adobe Garamond Pro', Verdana; 
  color: #0075a9; margin:0 10px;
   line-height: 150%;   font-size:0.7em;
   /*
    letter-spacing: 0pt;
    white-space: nowrap;
    display:inline-block;
   
    letter-spacing: 0pt; width:80px; */
}

.new_table2 .new_date{
    float: right; text-align: right; margin-right:5px;}

.news A:link, .new_title2 A:link
{
    text-decoration: none;
    color: #1b1b1b;
}
.news A:visited, .new_title2 A:visited
{
    text-decoration: none;
    color: #1b1b1b;
}
.news A:active, .new_title2 A:active
{
    text-decoration: none;
    color: #1b1b1b;
}
.news A:hover, .new_title2 A:hover
{
    text-decoration: underline;
    color: #0080ad;
}



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

.new_table2
{
    float: left;
    text-align: left;
    width: 98%;
    margin-left: 8px;
    _margin-left: 4px;
    background-image: url(news_bg.gif);
    background-repeat: repeat-y;
    padding: 4px 0px 0px 20px;  font-size:13px; font-family:Verdana;
}


.new_title2
{
    float: left;
    white-space: nowrap;
    height: 30px;
    width: 510px;
    letter-spacing: 1.1pt;
    overflow: hidden;
    margin-left: 20px;
    _margin-left: 10px; 
    line-height: 150%;  
}

.pages
{
    display: block;
    margin: 0 auto;
    width: 100%;
    margin-top: 20px;
    text-align: center;
}

.pages span, .pages a, .pages input
{
    vertical-align: middle;
    line-height: 120%;
}

.pages span
{
    font-size: 13px;
    font-weight: bold;
    color: #d4003b;
}
.pages a
{
    font-size: 13px;
    font-weight: lighter;
}



/*******video*******/

.video{ float:left; width:369px; height:349px; position:relative;
        background-image:url(video.png);  padding:34px 0 0 15px;
        background-repeat:no-repeat; margin:22px 0 0 23px;   _margin-left:11px;}

 /*************TV**************/
 
 #video_new 
 {
    /* 
     background-image:url(video_new.png);
      background-repeat:no-repeat;
     
      
      width:604px; height:400px;    */ 
      overflow:hidden; margin:10px auto 30px auto;  text-align:center;
      }
    
      
 #video_new iframe{ width:560px; height:316px; margin:0 auto; 
                    display:block; 
                    /*margin:4px 0 0 21px; float:left;
                    */
                    -moz-box-shadow:0px 30px 85px -50px #000000, 0px 0px 25px -10px #000000;
-webkit-box-shadow:0px 30px 85px -50px #000000, 0px 0px 25px -10px #000000;
box-shadow:0px 30px 85px -50px #000000, 0px 0px 25px -10px #000000;

                    }
 .video_title 
 {
     color:#bd0000; 
               font-weight:bold; margin:10px auto;
               display:block; font-size:1.2em;
               }
.video_con{ width:100%; text-align:center; display:block; overflow:hidden; 
            font-size:15px; letter-spacing:1px;  float:left; margin-top:15px;}
            
.video_s{  
            width:190px; height:160px;
             border:2px solid #ffffff; float:left; margin:5px 10px;
          }
 .video_s:hover{ border:2px solid #8eb8dc;}

a.video_img{ 
             margin:10px auto 0 auto;display:block;
            }
 .video_img img{ width:160px; height:90px;margin:0 auto;
                  display:block;
                   border:1px solid #ffffff;
                    -moz-box-shadow:0px 30px 75px -40px #000000, 0px 0px 25px -10px #000000;
-webkit-box-shadow:0px 30px 75px -40px #000000, 0px 0px 25px -10px #000000;
box-shadow:0px 30px 75px -40px #000000, 0px 0px 25px -10px #000000;
                 }
.video_s_title{ font-weight:bold;  display:block;  font-size:0.9em;
                 padding:5px 2px 5px 10px; line-height:120%; letter-spacing:0px;
                }
.video_s_con{width:140px; }

.tab, .tab2, .tab3{
 line-height:150%;
}


/********tab*******/
.tab{
	
	border-collapse: collapse; border: 1px solid #cbd8e3;
	width:100%; margin:0 auto; 
	  text-align:left; font-size:0.95em;
}
.tab img{ vertical-align:middle;}
.tab td{ 
padding:2px 8px;
border:1px solid #dcdcdc; vertical-align:top;
}

.tab_title{
background-color:#aa1919;
 color:#ffffff;

border:1px solid #e5e5e5; text-align:left; 
text-align:center; background-image:url(tab_bg.png); 
font-size:1.1em;
 letter-spacing:2px;
}


.tab_name{font-weight:bold; color:#a40000; white-space:nowrap;}
/*.tab_con{ width:250px;}

.tab input{ width:99%;
             *width:200px;
            }
 
 .tabNO td, .tabNO, .tabNO tr, .tabNO span, .tabNO div, .tabNO p
{ padding:0px; margin:0px; line-height:120%;  z-index:100;
  letter-spacing:0px; border:0px; }
*/
/****tab2*******/
.tab2{
	
	border-collapse: collapse;
	width:100%; margin:0 auto;
	/* border:2px solid #c0c0c0;
	 */color:#000000;  text-align:left; letter-spacing:1px;
	 
}

.tab2 td{ 
 letter-spacing:0px; line-height:120%;
border:1px solid #ffffff;padding:5px 8px;
}

.tab_title2{ color:#450000; font-weight:bold; 
background-image:url(tab_bg.png); 
background-color:#eeeeee;}


.tab2 input, textarea, select
{
color:#000000;  
letter-spacing:2px;   
/*
background-color:#f0eef0;  
*/
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; 
padding:5px;
border:1px solid #ccc;
-moz-box-shadow:inset 1px 1px 8px -5px #000000;
-webkit-box-shadow:inset 1px 2px 8px -5px #000000;
box-shadow:inset 1px 1px 8px -5px #000000;
    }  
.tab2 input:hover, textarea:hover, select:hover{ background-color:#fffde8;}  



/********tab3*******/
.tab3{
	
	border-collapse: collapse; border: 1px solid #cbd8e3;
	width:100%; margin:0 auto; 
	  text-align:left; font-size:0.95em; 
}

.tab3 td{ 
padding:2px ;
border:1px solid #dcdcdc; vertical-align:top;
}

.tab_title3{
background-color:#e5e5e5;
color:#7d0000;
border:1px solid #e5e5e5; text-align:left; 
text-align:center; background-image:url(tab_bg.png); 
font-size:1.1em; font-weight:bold;
 letter-spacing:2px;
}


.border{border:2px solid #dcdcdc;}

.google{ width:100%; height:350px;}









.nav
{
   
      font-size:0.8em;  position:absolute; top:200px; right:30px;


  
}

/****logo img*******/

.logo_img
{
    
    display: block;
    overflow: hidden; padding:20px 0;
}


.logo_img a
{
    display: block;
    /*
    border-width: 1px;
    border-style: solid;
*/
    border: 2px solid #dcdcdc;
    margin: 11px;
    float: left;
     -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; 


  -moz-box-shadow:0px10px 15px -10px #000000;
-webkit-box-shadow:0px 10px 15px -10px #000000;
box-shadow:0px 10px 15px -10px #000000;
 max-width:100px; overflow:hidden;

}

.logo_img a:link
{
    border: 2px solid #dcdcdc;
}
.logo_img a:visited
{
    border: 2px solid #dcdcdc;
}
.logo_img a:active
{
    border: 2px solid #dcdcdc;
}
.logo_img a:hover
{
    border: 2px solid #a40000;
}


 

img
{
    border: 0px;
   
}
.img{ float:right; margin:10px 0 10px 20px;
      
      display:inline-block;
       
        -moz-box-shadow:2px 2px 12px -6px #000000;
-webkit-box-shadow:2px 2px 12px -6px #000000;
box-shadow:1px 1px 18px -6px #000000;
       
       *border:1px solid #dcdcdc; 
       padding:3px;
      
       }

.img2 
{
    float:left; margin:10px 20px 10px 0px;  display:inline-block;
       
        -moz-box-shadow:2px 2px 12px -6px #000000;
-webkit-box-shadow:2px 2px 12px -6px #000000;
box-shadow:1px 1px 18px -6px #000000;
       
       *border:1px solid #dcdcdc; 
       padding:3px; }


.img3{  border:1px solid #cccccc; padding:1px; 
       background-color:#ffffff;} 

.img4
{
    margin: 10px auto;
    display: block;
}

.file
{
    display: block;
    margin-top: 5px;
}

.file span, .file img, .file a
{
    vertical-align: middle;
}
.file img
{
    margin-right: 3px;
}

.pages
{
    display: block;
    margin: 0 auto;
    width: 100%;
    margin-top: 20px;
    text-align: center;
}

.pages span, .pages a, .pages input
{
    vertical-align: middle;
    line-height: 120%;
}

.pages span
{
    font-size: 13px;
    font-weight: bold;
    color: #000000;
}
.pages a
{
    font-size: 13px;
    font-weight: lighter;
}




.li  li {
	list-style-type: none;	
	list-style-position: outside;
	background-image:url(icon.png); background-repeat:no-repeat;
	background-position:0 9px; padding-left:30px;
}

li b{ color:#638c0b; font-size:15px;}

ul.li2, ul.li3{ padding:0 0px 0 20px; }
.li2  li {
list-style-type: none;
list-style-position: outside;
background-image:url(icon3.gif); background-repeat:no-repeat;
background-position:0 5px; padding-left:30px;  margin-bottom:5px;
}
.li3  li {
list-style-type: none; float:left; width:220px;
list-style-position: outside;
background-image:url(icon3.gif); background-repeat:no-repeat;
background-position:0 5px; padding-left:30px;  margin-bottom:5px;
}

/**********GridView**********/
tr.GridView_bg
{
    background-image: url(GridView_bg.png);
    background-repeat: repeat-x;
    background-position: 100% 100%;
    height: 30px;
   
    text-align: left;
}

.GridView td, .GridView th
{
    padding: 2px 10px;
    border-collapse: collapse;
    text-align: left;
    letter-spacing: 1px;
}
.GridView th
{
    white-space: nowrap;
}
.GridView
{
    border: 1px solid #d2d2d2;
    padding: 2px 10px;
    border-collapse: collapse;
}

.GridView_page
{
    text-align: left;
    background-image: url(GridView_bg.png);
    background-repeat: repeat-x;
    background-position: 100% 100%;
}

.GridView_page table
{
    margin: 0 auto;
}
.GridView_page td
{
    padding: 1px;
}
.GridView_page span
{
    font-weight: bold;
    font-size: 15px;
}
.GridView_page a
{
    font-weight: lighter;
    font-size: 11px;
}


.GridView img, .GridView a
{
    vertical-align: middle;
}

/********tab_menu***********/
.right a.tab_menu{ width:113px; height:30px; background-image:url(tab_menu.png);
 background-repeat:no-repeat;color: #ffffff; float:left;
 display:inline-block; text-align:center; 
  font-weight: bold;font-size:1.1em;
}
a.tab_menu:hover{ text-decoration:none; color:#fff799;}



 /***tab penal **/

.TabPanel
{
    background-image: url(news_all.gif);
    background-position: 0 0px;
    background-repeat: repeat-x;
    width: 95%;
    /*
    float: left;
*/
    text-align: left;
    position: relative; 
     margin-left:30px; display:block; overflow:hidden;
}

/*************AJAX MENU****************/
/**/
.ajax__tab_msngallery-theme
{
    margin: 0 0 0 3px;
    display: block;
}

.ajax__tab_msngallery-theme .ajax__tab_header
{
    display: flex;
    flex-wrap: wrap;
}

.ajax__tab_msngallery-theme .ajax__tab_outer
{
    color: #ffffff;
    background-image: url(news_menu2.png);
    background-repeat: no-repeat;
    width: 108px;
    background-position:50% 0;
}

.ajax__tab_msngallery-theme .ajax__tab_tab
{
    width: 113px;
    height: 30px;
    padding-top: 4px;
    display: inline-block;
    font-weight: bold;
    text-align: center;
    line-height: 120%;
}

.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab div
{
    line-height: 145%;
}

.ajax__tab_msngallery-theme .ajax__tab_active .ajax__tab_outer
{
    background-image: url(news_menu.png);
    background-repeat: no-repeat;
    color: #313131;
    width: 113px;
}




/************products****************/

.slideshow{ line-height:120%; font-weight:bold;
 float:left; width:145px; 
 height:270px; margin:12px; text-align:center; 
}

.slideshow img{
 width:142px; height:200px;border:3px solid #cccccc; display:inline-block; padding:1px;
}


.slideshow img:hover{border:3px solid #00b7ee;}


/************QA accordion-menu*************/

        .menu_list
        {
            width: 605px;
            margin: 0 auto;
			
            
        }
      
        .menu_body
        {
            display: none;
           
        }
       
        .menu_body a:hover
        {
            color: #666666;
            text-decoration: underline;
        }
        .in
        {
            
            padding: 15px 3px 15px 15px;
            width:auto;
             background-color:#eeeeee; color:#313131; 
             line-height:120%;
             -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; 
        }
		
		.qa_left{
		float:left;
		background-image:url(a.gif);
		width:21px;
		height:20px;
		background-repeat:no-repeat;
		
		
		}
		.qa_right{
		padding-left:32px;
		
		letter-spacing:1.5pt;
		
		}
		.qa_right p{ padding:0px; margin:0px;}
		.qa_right ol{
		margin:0px 12px;
		}
		
.menu_head
{
   
 padding: 0px 5px 5px 30px;
            cursor: pointer;
            position: relative;
            margin: 1px;
            background:url(q.gif) center left no-repeat;
            background-position: 0px 7px;
font-weight:bold;
color:#ad1919;  overflow:hidden; display:block;
 }

.menu_head:hover{ color:#1e72ba;
                   }
                   

 /*****star*****/
.star{ margin:20px auto;  display:block; overflow:hidden;}
.star *{ padding:0px; margin:0px;}
.star a, .star div
{
width:142px; height:245px; 

float:left;     line-height:120%; 
 display:inline-block;
 text-align:center;
overflow:hidden;  

 background-image:url(star0.gif); background-repeat:no-repeat;
  background-position:50% 10px;
  margin:10px 0px 10px 20px;
         }

.star img{  display:block; margin:0 auto;

border:2px solid #cccccc;
margin: 10px 5px;
float: left;
 
-moz-box-shadow:0px 10px 25px -15px #000000;
-webkit-box-shadow:0px 10px 25px -15px #000000;
box-shadow:0px 10px 25px -15px #000000;
padding:5px;

 width:120px; height:158px;

           }
.star_team  a, .star_team  div{width:305px; height:250px; 
}
.star_team img{ width:280px; height:186px;
    }

.star_title{ font-weight:bold; color:#a40000; display:block;}

.star a:hover{ text-decoration:none; color:#a40000;}
.star a img:hover{border:2px solid #a40000;}

/************dm***********/
.dm { width:100%; display:block; overflow:hidden;  line-height:120%;
margin:10px 0 0 15px;}
.dm a{ float:left; width:200px; height:200px; text-align:center;
 padding:0 5px;   margin:8px;
 -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;  
 /*overflow:hidden; display:inline-block;*/
}
.dm a:hover{color:#a40000; text-decoration:none;}
.dm img:hover{text-decoration:none;border:2px solid #a40000; }
.dm img{ margin:10px auto; padding:2px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; 
border:2px solid #ffffff; 
*border:2px solid #cccccc; 
background-image:url(star0.gif); 
background-repeat:no-repeat;
 background-position:50% 50%; float:left;
  
 width:190px; 
 height:140px;
 
-moz-box-shadow:0px 30px 85px -50px #000000, 0px 0px 15px -3px #000000;
-webkit-box-shadow:0px 30px 85px -50px #000000, 0px 0px 15px -3px #000000;
box-shadow:0px 30px 85px -50px #000000, 0px 0px 15px -3px #000000;}


/********year***********/
.year a{ float:left; width:150px; height:150px;
 margin:10px 5px; text-align:center;
 font-weight:bold; display:inline-block;
 overflow:hidden;
 }

.year .y_li{
 border:2px solid #b6d1ff; 
 background-color:#b6d1ff;
 display:block; margin:0 auto;
 background-position:50% 50%;
background-repeat:no-repeat; line-height:120%;
 width:80px; height:0px; 
 padding:95px 10px 0 10px; 
 letter-spacing:0px;

 -webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px; 

-moz-box-shadow:3px 5px 15px -10px #000000;
-webkit-box-shadow:3px 5px 15px -10px #000000;
box-shadow:3px 5px 15px -10px #000000;


}
.year a:hover{text-decoration:none; color:#6299c7;}
.year .y_li:hover{ 
text-decoration:none;
color:#ffffff;
 background-color:#ffffff;
}

.year2008, .year1996, .year2020 {background-image:url(year01.png);}
.year2009, .year1997, .year2021 {background-image:url(year02.png);}
.year2010, .year1998, .year2022 {background-image:url(year03.png);}
.year2011, .year1999, .year2023 {background-image:url(year04.png);}
.year2012, .year2000, .year2024 {background-image:url(year05.png);}
.year2013, .year2001, .year2025 {background-image:url(year06.png);}
.year2014, .year2002, .year2026 {background-image:url(year07.png);}
.year2015, .year2003, .year2027 {background-image:url(year08.png);}
.year2016, .year2004, .year2028 {background-image:url(year09.png);}
.year2017, .year2005, .year2029 {background-image:url(year10.png);}
.year2018, .year2006, .year2030 {background-image:url(year11.png);}
.year2019, .year2007, .year2031 {background-image:url(year12.png);}

/*********map*********/

.map{ width:547px; height:500px;  position:relative;
background-image:url(map.gif); margin:10px auto;}

.map a{ width:24px; height:26px; 
background-image:url(pin.png);
display:block; overflow:hidden; position:absolute;
}
#map01, #map02, #map03, #map04, #map05, #map06,
#map07, #map09, #map10, #map11, #map12,
#map13, #map14, #map15, #map16, #map17, #map18,
#map19, #map20 {
    display: none;
}
.map01{top:50px; left:354px;}
.map02{top:80px; left:360px;}
.map03{top:88px; left:310px;}
.map04{top:190px; left:250px;}
.map05{top:60px; left:372px;}
.map06{top:180px; left:270px;}
.map07{top:170px; left:240px;}
.map09{top:305px; left:225px;}
.map10{top:105px; right:150px}
.map11{top:345px; left:205px;}
.map12{top:370px; left:220px;}
.map13{top:90px; left:340px;}
.map14{top:65px; left:338px;}
.map15{top:260px; right:180px;}
.map16{top:190px; left:250px;}
.map17{top:110px; left:325px;}
.map18{top:220px; right:180px;}
.map19{top:70px; left:350px;}
.map20 {top:95px;left: 360px;}
.map21 {top:170px;right: 265px;}
/***********birthday************/
.birthday{ width:75px; height:343px; 
background-image:url(birthday.png);
 background-repeat:no-repeat; float:left;
  margin:10px 0 0 1px
}

.birthday_img{ width:188px; height:123px; display:block; overflow:hidden;
 margin:67px 0 0 20px;
}

.birthday_title{ background-image:url(icon2.png); background-position:0 5px;
 background-repeat:no-repeat; padding-left:15px; display:block;
  margin:5px 0 0 20px; color:#ad1919; font-size:1.1em;
}

.birthday_con{ line-height:17px; font-size:0.9em; 
letter-spacing:0px;
margin:10px 15px 5px 20px;  
 height:50px; 
 overflow:hidden;display:block; 
 }
.birthday_con *{ margin:0px; padding:0px;}

.right a.birthday_bu{ width:202px; height:36px; 
background-image:url(bu.png); background-repeat:no-repeat;
 display:block; overflow:hidden; margin:0 0 0 15px; color:#ffffff;
  text-align:center; text-decoration:none; float:left;
    -webkit-transition:0;
-moz-transition:0;
-ms-transition: 0;
-o-transition:0;
transition:0;
}
a.birthday_bu:hover{ background-position:0 -36px;color:#ffffff;}

/**********linkto**********/
.linkto{border-bottom:1px solid #cccccc;
 width:600px; height:95px;
  padding:10px; display:block; overflow:hidden;
  margin:0 auto; font-size:0.9em; 
}
.linkto:hover{ background-color:#fffcd5;}
.linkto *{ padding:0px; margin:0px; line-height:120%;}
.linkto_pic{ float:left; width:200px; height:90px;
 background-image:url(no.gif); background-position:50% 50%;
 background-repeat:no-repeat;
 border:2px solid #ffffff; padding:2px; background-color:#ffffff;
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; 
 }
.linkto_pic img{  width:200px;  
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
 .linkto_pic:hover{ border:2px solid #a40000;}
 
.right a.linkto_title{ font-size:1.1em; font-weight:bold; color:#a40000; }
.linkto_con{ margin-top:5px; 
display:block; margin-top:5px;}

.linkto_in{ width:375px; float:left; height:100px; margin-left:15px;}

.pro a{ margin:12px; position:relative;}

.pro a:hover{background-color:#FFFFFF;
position:relative; top:1px;
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity: 0.7;}

/********bu2*********/

.bu2 a{ background-image:url(GridView_bg.png); 
background-repeat:repeat-x; background-position:0 100%;
display:inline-block; padding:3px 0px;  text-align:center;
float:left; margin:10px;border:1px solid #c0c0c0;
width:266px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius:5px; 
-moz-box-shadow:3px 5px 15px -10px #000000;
-webkit-box-shadow:3px 5px 15px -10px #000000;
box-shadow:3px 5px 15px -10px #000000; 
font-size:1.1em;
}

.bu2 a:hover{ text-decoration:none; background-color:#64a0d7; color:#ffffff;}


a.LeftSpan{color:#aa1919;}
/**********products_body****************/
/*
.products_body{
 background-image:url(products_body.gif); background-repeat:repeat-y;
  width:673px; float:left; margin-top:7px; display:block;
}
.products_on{
 background-image:url(products_on.gif); background-repeat:no-repeat;
  width:100%; height:100%;
   float:left;
}
.products_down{
 background-image:url(products_down.gif); background-repeat:no-repeat;
 width:100%; height:100%;
 float:left; background-position:100% 100%; 
 min-height:181px;
 _height:181px; padding-bottom:25px;
}

.products_left{
 background-image:url(products_line.png);
 _background-image:none;
 _border-right: 1px solid #dcdcdc;
 background-repeat:no-repeat;
 background-position:100% 50%; 

  width:150px; text-align:center; font-weight:bold;
   font-size:1.2em; color:#003567;    min-height:181px;
 _height:181px;
}
.products_left span{ width:130px; display:block; margin:0 auto; text-align:center;}
    */
.products_con{width: 600px; display: block;  font-family:微軟正黑體;
              overflow: hidden; word-wrap: break-word; 
                                            word-break: break-all; white-space: pre-wrap;}


/*****SalesE*****/

.SalesE{ width:650px; height:600px; background-image:url(SalesE.png);
 position:relative; display:block; margin:0 auto;
}

.SalesE a{ width:104px; height:104px; 
 position:absolute; float:left; display:block;
 
 -webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px; 
border:4px solid #ffffff;
*border:0px solid #ffffff;
border:0px solid #ffffff \9;
}
 
.SalesE01{top:131px; left:269px;}
a.SalesE01:hover{border:4px solid #677e9a;}

.SalesE02{top:215px; left:414px;}
a.SalesE02:hover{border:4px solid #69a5b5;}

.SalesE03{top:383px; left:414px;}
a.SalesE03:hover{border:4px solid #a19e83;}

.SalesE04{top:467px; left:269px;}
a.SalesE04:hover{border:4px solid #b1a465;}

.SalesE05{top:383px; left:124px;}
a.SalesE05:hover{border:4px solid #cb8282;}

.SalesE06{top:215px; left:124px;}
a.SalesE06:hover{border:4px solid #78a878;}

hr{ border-top:1px solid #dcdcdc; border-bottom:0px; }

ul.sitemap{ list-style-type:upper-roman; margin:0 0 0 15px;}
.sitemap >li{ float:left; width:290px; margin:20px 0;}

.sitemap a.menu01, .sitemap a.menu02, .sitemap a.menu03, .sitemap a.menu04, .sitemap a.menu05,
.sitemap a.menu06, .sitemap a.menu07, .sitemap a.menu08, .sitemap a.menu09, .sitemap a.menu10{
 font-size:1.5em; color:#7d0000;
}