﻿
body
{
    background-color: #ffffff;
    background-image: url(../Images/background.jpg);
    background-repeat: repeat-x;
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: verdana, arial, helvetica;
    font-size: 12px;
    color: #666666;
}

img
{
    border-width: 0;
}

A:link
{
    text-decoration: none;
    text-align: center;
}
A:visited
{
    text-decoration: none;
}
A:active
{
    text-decoration: none;
}
A:hover
{
    text-decoration: underline;
}

.header
{
    background-image: url(../Images/header.gif);
    background-repeat: no-repeat;
    position:  relative;
    width: 821px;
    height: 234px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

.google
{
    width: 750px;
    height: 120px;   
    padding-top:10px;  
    padding-left:10px   
}

.main
{
    background-image: url('../Images/body-repeat.png');
    background-position: center top;
    background-repeat: no-repeat;
    width: 821px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding: 10px;
    overflow: hidden;
}

.footerbg
{
    background-image: url(../Images/footer-side.gif);
    background-repeat: repeat-x;
    width: auto;
    height: 137px;
    text-align: left;
}
.footer
{
    background-image: url(../Images/footer.png);
    background-position: 0% 80%;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    width: 821px;
    height: 137px;
    text-align: left;
    font-size: 10px;
}
.down
{
    float: left;
    margin-top: 85px;
    margin-left: 70px;
    _margin-left: 35px;
    color: #00508E;
    font-size: 11px;
}

.down_menu
{
    color: #00508E;
    float: right;
    margin-top: 85px;
    margin-right: 5px;
    font-size: 13px;
    text-align: right;
}
.down_menu a
{
    color: #00508E;
}

.right
{
    float: right;
    background-image: url(../Images/right_bg.gif);
    background-repeat: no-repeat;
    width: 160px;
    height: 142px;
    margin-right: 10px;
    _margin-right: 12px;
    text-align: center;
}
.right a
{
    color: #343695;
    font-weight: bold;
    font-size: 12px;
}

.right ul
{
    list-style-type: none;
    list-style-image: url(../Images/bullet-1.gif);
    list-style-position: outside;
    text-align: left;
    margin: 0px;
    color: #343695;
    padding-left: 30px;
}
.serve
{
    margin-top: 30px;
    height: 115px;
}
.system
{
    margin-top: 35px;
    height: 66px;
}

.bu
{
    float: left;
    margin-left: 20px;
    margin-top: 5px;
}

.download
{
    margin-top: 50px;
    height: 147px;
}

.goods
{
    background-image: url(../Images/goods.gif);
    background-repeat: no-repeat;
    width: 619px;
    height: 191px;
    float: left;
    margin-top: 7px; *margin-top:4px;
margin-left:5px;
}
.goods_1
{
    width: 610px;
    height: 60px;
    margin-top: 25px;
    margin-left: 5px;
}
.goods_1 img
{
    border: 0px;
    width: 120px;
    height: 60px;
}
.goods_2
{
    width: 610px;
    height: 60px;
    margin-top: 45px;
    margin-left: 5px;
}


.goods_2 img
{
    border: 0px;
    width: 210px;
    height: 45px;
}
.span1
{
    color: #4D7898;
    float: right;
    margin-right: 10px;
}
.span1 a
{
    color: #4D7898;
}

.news
{
    width: 310px;
    height: 220px;
    float: left;
    margin-left:10px;
    background-image: url(../Images/news_bg3.gif);
    background-repeat: repeat-x;
    background-position: 0% 3px;
}

.news ul
{
    list-style-type: none;
    list-style-image: url(../Images/bullet-2.gif);
    list-style-position: outside;
    line-height: 20px;
    margin-left: 1.25em;
    text-align: left;
    padding-left: 20px;
    margin: 0px;
}
.news li
{
    margin-top: 10px;
}
.news ul a
{
    color: #343695;
}

.lesson
{
    width: 305px;
    border: 1px solid #8283BA;
    float: left;
    margin-left: 15px;
}

.lesson ul
{
    list-style-type: none;
    list-style-image: url(../Images/bullet-1.gif);
    list-style-position: outside;
    line-height: 20px;
    margin-left: 1.25em;
    text-align: left;
    padding-left: 20px; *padding-left:10px;
margin:0px;
color:#343695
}

.lesson ul a
{
    color: #343695;
}

.more
{
    background-image: url(../Images/more.gif);
    background-repeat: no-repeat;
    width: 39px;
    height: 10px;
    float: right; /*position:relative;*/
    margin-right: 3px;
    margin-top: 150px;
}

.more img
{
    border: 0px;
}


.right_img img
{
    border: 0px;
    width: 150px;
}

/*****************************/

.m0, .m1, .m2
{
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    padding: 5px;
    color: #ffffff;
    cursor: pointer;
    font-weight: bold;
    padding-left: 30px;
}
.m0b, .m1b, .m2b
{
    padding: 5px;
    color: #666666;
    border-top: none;
    height: 155px;
    padding-left: 10px;
}

.m0
{
    background-image: url(../Images/menu0.gif);
    background-repeat: repeat-x;
    background-position: 50% 50%;
}

.m1
{
    background-image: url(../Images/menu1.gif);
    background-repeat: repeat-x;
    background-position: 50% 50%;
}


.m2
{
    background-image: url(../Images/menu2.gif);
    background-repeat: repeat-x;
    background-position: 50% 50%;
}


/* ajax__tab_msngallery-theme theme */

.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_outer
{
    color: #ffffff;
    background-image: url(../Images/news_bg2.gif);
    background-repeat: no-repeat;
    border-bottom: solid 3px #7C7DB5;
    font-size: 11px;
}
.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab
{
    padding: 8px 10px 4px 11px;
    width: 72px;
    display: block;
    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_bg.gif);
    background-repeat: no-repeat;
    font-weight: bold;
    color: #343695;
    border-bottom: solid 3px #ffffff;
    font-size: 11px;
}
.ajax__tab_msngallery-theme .ajax__tab_body
{
    /*border-top: solid 3px #7C7DB5; */
}

.about
{
  width: 640px;
  height:1950px;
  margin-left:125px;
  font-size:12pt;
  font-weight:300;
  line-height:2;
      
}
.about2
{
  width: 640px;
  height:110px;
  margin-left:125px;
  font-size:12pt;
  font-weight:300;
  line-height:2;
      
}
.license
{
    width: 640px;
    height:850px;
    background-image:url(../Images/license.jpg);    
    background-repeat:no-repeat;
    margin-left:120px;
}
    
.title
{
 height:45px;
 margin-top:30px;
 background-image: url('../Images/title.jpg');
 background-repeat:no-repeat;
 margin-left:95px;
 
}
.title2
{
 height:45px; 
 margin-top:30px;
 background-image: url('../Images/title2.jpg');
 background-repeat:no-repeat;
 margin-left:95px;
 
}
.title3
{
 height:45px;
 margin-top:30px;
 background-image: url(../Images/title3.jpg);
 background-repeat:no-repeat;
 margin-left:95px;
 
}
.report
{
    margin-left:170px;
    width: 500px;
}
.title4
{
 height:45px;
 margin-top:30px;
 background-image: url(../Images/Salary structural adjustment software.jpg);
 background-repeat:no-repeat;
 margin-left:95px;
}
.title5
{
 height:45px;
 margin-top:30px;
 background-image: url(../Images/retail store.jpg);
 background-repeat:no-repeat;
 margin-left:70px;
}
.title6
{
 height:45px;
 margin-top:30px;
 background-image: url(../Images/affiliates.jpg);
 background-repeat:no-repeat;
 margin-left:70px;
}
.title7
{
 height:45px;
 margin-top:30px;
 background-image: url(../Images/title6.jpg);
 background-repeat:no-repeat;
 margin-left:70px;
}
.title8
{
 height:45px;
 margin-top:30px;
 background-image: url(../Images/other_com.jpg);
 background-repeat:no-repeat;
 margin-left:70px;
}

.info
{
    top:10px;
    width: 360px;
    margin-left:100px;
    margin:10px;
    top:10px;
    margin-left:70px;
}
.info2
{
    top:10px;
    width: 360px;
    margin-left:100px;
    margin:10px;
    top:10px;
    margin-left:40px;
}
.service
{
    width:600px;
    margin-left:120px;
    font-size:11pt;    
}

.menu_1
{
 height:61px;
 margin-top:30px;
 background-repeat:no-repeat;
 margin-left:95px;
}
.title8
{
 height:45px;
 margin-top:30px;
 background-image: url(../Images/about_glo.jpg);
 background-repeat:no-repeat;
 margin-left:95px;
}
.dm1
{
 height:1000px;
 background-image: url(../Images/dm_g.jpg);
 background-repeat:no-repeat;
 margin-left:70px;
}
.title9
{
 height:45px;
 margin-top:30px;
 background-image: url(../Images/about_sv.jpg);
 background-repeat:no-repeat;
 margin-left:95px;
}
.dm2
{
 height:468px;
 background-image: url(../Images/dm_sv.jpg);
 background-repeat:no-repeat;
 margin-left:120px;
}
.title10
{
 height:45px;
 margin-top:30px;
 background-image: url(../Images/title10.jpg);
 background-repeat:no-repeat;
 margin-left:95px;
}
.other_botton
{
 width:650;
 height:56px;
 margin-top:5px;
 margin-left:95px;
}
.other1
{
 width:650;
 height:650px;
 margin-top:15px;
 margin-left:95px;
}
.title11
{
 height:45px;
 margin-top:30px;
 background-image: url(../Images/good_web.jpg);
 background-repeat:no-repeat;
 margin-left:95px;
}
.other2
{
 width:650;
 height:500px;
 margin-top:15px;
 margin-left:95px;
}
.title_ot
{
    margin-top:30px;
    width:750px;
    height:50px;
    margin-left:40px;
    font-family:新細明體, Arial;
    font-size: x-large;
    font-weight:bold;
    color:#000075;
     
}
.dit
{
    height:auto;
    width:750px;
    margin-left:40px;
    text-indent:2em;
    font-family:新細明體, Arial;
    font-size: medium;
    line-height:200%;
}
.date_time
{
    width:200px;
    height:30px;
    margin-left:40px;
    font-family:新細明體, Arial;
    font-size: inherit;   
}
.back
{
    background-color:#d6e7ff;
    width:50px;
    height:15px;
    margin-left: auto;
    margin-right:auto;
    font-family:新細明體, Arial;
    font-size: larger;      
    margin-top:30px;
    margin-bottom:30px;
    padding-bottom:auto;
    padding-top:auto;
}