body{
    background:#fff;
    height:auto;
    margin: auto;
    margin: 0 auto\9;
    text-align: center\9;
    font-family: 微軟正黑體, "Microsoft JhengHei", Arial, 新細明體 ,PMingLiU, Verdana, "Times New Roman", sans-serif;
}

.container{
    width:1100px;
    height:auto;
    margin:auto;
    text-align: left\9;
    /*border:#000 2px solid;
    -webkit-box-shadow:7px 7px 5px #333;
    -moz-box-shadow: 7px 7px 5px #333;
    border-radius:10px;
    -moz-border-radius:10px;*/
}

.header-wrapper{
    width:1000px;
    height:140px;
    background:#fff;
    margin-top:10px;
    margin-left: auto;
    margin-right: auto;
    overflow:visible;

    
}

.header-wrapper img{
    width:320px;
    height:auto;
    margin-top:25px;
    margin-left: 25px;
    margin-left: 40px\9;
    float:left;
    
}

.header-wrapper .top-contact-box{
    float:right;
    margin-right: 25px;
    margin-right: 15px\9;
    margin-top:40px;
    text-align: right;
    letter-spacing: 3px;
    font-size:13px;
    z-index:1;
}

.header-wrapper .lang-select-box{
    width:auto;
    height:auto;
    overflow:hidden;
    top:112px;
    left:340px;
    position:relative;
    margin-left:700px\9;
    margin-top: 112px\9;
    z-index:0;
}

.header-wrapper .lang-select-box ul{
    list-style:none;
    margin:0 auto;
}

.header-wrapper .lang-select-box ul li{
    display:inline\9;
    float:left;
    width: 80px;
    font-size: 14px; 
    height: 18px;  
    text-align:center;  
    text-decoration: none; 
    border-left:1px solid #888;
    border-right:1px solid #888;
}
.header-wrapper .lang-select-box ul li a{
    display: block;
    color:#999;
    text-decoration: none; 
}
.header-wrapper .lang-select-box ul li a:hover{
    background: rgb(238,55,128);
    color:#fff;
}
.navbar{
    margin-left:35px;
    width: 100%;
    height:30px;
}

.navbar ul{
    list-style:none;
    margin:0;
}

.navbar ul li{
    display:inline\9;
}

.navbar ul .norm a, .navbar ul .linhf a{
    float:left;
    padding:3px 0;
    display:block;
    width: 158px;
    color:#000;
    font-size: 13px; 
    text-align:center;  
    text-decoration: none; 
    border-top:1px solid #888;
    border-bottom:1px solid #888;
    border-left: 1px solid #888;
}
.navbar ul .linhf a{
    border-left: 0;
}

.navbar ul .linhf a:hover, .navbar ul .norm a:hover{
    background:rgb(238,55,128);
    color:#fff;
}

.navbar ul .linhf .curr, .navbar ul .norm .curr{
    background: rgb(252,175,29);
    color:#000;
}

.main-wrapper{
    width:100%;
    min-height:350px;
    margin-left:30px;
}

/*home page*/
.main-wrapper p{
    margin-left:45px;
}

.main-wrapper .left{
    margin-left:45px;
    width:400px;
    float:left\9;
}

.main-wrapper .left img{
    float:left;
    width:350px;
    padding:15px;
    margin-left:40px;
    margin-top:20px\9;
}
.main-wrapper .right{
    float:right;
    margin: 15px 150px 10px 10px;
    width:400px;
}

.main-wrapper .right .title{
    text-align:center;
    width: 100%;
    font-weight:bolder;
    font-size:35px;
    font-variant: small-caps;
    color:rgb(238,55,128);
    margin-bottom:10px;
}

.main-wrapper .right .text{
    background:#fafafa;
    border:1px solid #ddd;
    font-size:15px;
    text-align: justify;
    padding:25px;
}

.eng{
    align:center;
    color:red;
    font-size:15px;
    background:rgb(255,255,221);
}
/*services page*/
.main-wrapper .serv-left{
    float:left;
    margin-left: 75px;
    margin-left: 40px\9;
    width:550px;
    width:450px\9;
    overflow:hidden;
}
.main-wrapper .serv-title{
    width: 900px;
    font-size:20px;
    font-weight:bolder;
    margin:15px 75px;
    margin: 15px 35px\9;
    padding-bottom:10px;
    border-bottom:#aaa solid 1px;
}

.main-wrapper .serv-left ul{
    width:550px;
    list-style: circle;
    margin:0 0 30px 0;
}

.main-wrapper .serv-left ul li{
    font-size:13px;
    background:url('../images/common/listdot.jpg') 15px 5px no-repeat \9;
    padding-left: 30px\9;
    height: 18px;
    margin-bottom:6px;
}

.main-wrapper .serv-right {
    float: right;
    width:350px;
    margin:30px 100px 30px 0;
}
.main-wrapper .serv-right img{
    width:240px;
}

/* faq page */
.main-wrapper .faq-title{
    width: 900px;
    font-size:20px;
    font-weight:bolder;
    margin:15px 75px;
    margin: 15px 35px\9;
    padding-bottom:10px;
    border-bottom:#aaa solid 1px;
}

.main-wrapper .faq-box{
    width:900px;
    margin:30px 0px 30px 3em;
    margin:10px 0px 30px 1em\9;
}

.main-wrapper .faq-box p{
    font-size:13px;
}

/* company page*/
.main-wrapper .com-title{
    width: 900px;
    font-size:20px;
    font-weight:bolder;
    margin:15px 75px;
    margin: 15px 35px\9;
    padding-bottom:10px;
    border-bottom:#aaa solid 1px;
    clear:both;
}

.main-wrapper .com-box{
    float:left;
    width:650px;
    margin:0px 0px 30px 3em;
    margin:8px 0px 30px 1em\9;
}

.main-wrapper .com-box p, {
    color: #333;
    font-size:13px;
}

.main-wrapper .com-box ul{
    margin-left:30px;
    font-size:15px;
    
}

.main-wrapper .com-box  ul li{
    margin:20px;
}

.main-wrapper .com-box  ul li font{
    font-weight:bolder;
    font-style:italic;
}

.main-wrapper .com-img{
    width: 250px;
    float: right;
    margin-right:80px;
    margin-top:20px;
}
.main-wrapper .com-img img{
    width:150px;
}

.main-wrapper .com-gal{
    clear:both;
    width:900px;
    padding:15px 0 0 0;
    margin:15px 75px;
}

.main-wrapper .com-gal a {
    text-decoration:none;
}

.main-wrapper .com-gal a img{
    width:20%;
    text-decoration:none;
    margin:8px 17px 8px 17px;
    padding:3px;
    border:1px #ddd solid;
    -moz-box-shadow:2px 2px 3px #aaa;
    -webkit-box-shadow:2px 2px 3px #aaa;
}

/*info page*/
.main-wrapper .info-title{
    width: 900px;
    font-size:20px;
    font-weight:bolder;
    margin:15px 75px;
    margin: 15px 35px\9;
    padding-bottom:10px;
    border-bottom:#aaa solid 1px;
    clear:both;
}

.main-wrapper .info-right{
    width: 280px;
    float: right;
    margin-right:140px;
}

.main-wrapper .info-right .title{
    font-size:18px;
    font-weight:bolder;
    border-bottom:1px #ddd solid;
}

.main-wrapper .info-left{
    width: 540px;
    float: left;
    margin-left:90px;
    margin-left:55px\9;
}

.main-wrapper .info-left .title{
    font-size:18px;
    font-weight:bolder;
    border-bottom:1px #ddd solid;
}
.main-wrapper .info-left .info-box{
    border:1px #ddd solid;
    height:250px;
    margin-top:10px;
    overflow: auto;
}

.main-wrapper .info-left .info-box .info-block{
    border:1px #ddd solid;
    width:450px;
    margin-top:10px;
    margin-left:20px;
    padding:10px 15px;
    font-size:13px;
}

.main-wrapper .info-left .info-box .info-block a{
    font-size:13px;
    height:17px;
    color:#000;
    text-decoration: none;
    display:block;
}

.main-wrapper .info-left .info-box a:hover{
    background: rgb(238,55,128);
    color:#fff;
}

.main-wrapper .info-left .sub{
    font-size:17px;
    color:rgb(238,55,128);
    margin:10px;
}

.main-wrapper .info-right .info-box iframe{
    margin-left: 30px;
    margin-top:10px;
}

/* contact page */
.main-wrapper .co-title{
    width: 900px;
    font-size:20px;
    font-weight:bolder;
    margin:15px 75px;
    margin: 15px 35px\9;
    padding-bottom:10px;
    border-bottom:#aaa solid 1px;
    clear:both;
}

.main-wrapper .co-left{
    width:430px;
    float:left;
    margin-left:90px;
    margin-left:55px\9;
}
.main-wrapper .co-left .title, .main-wrapper .co-right .title{
    font-size:14px;
    font-weight: bolder;
    margin-bottom:5px;
}
.main-wrapper .co-left .co-input{
    font-size:14px;
    margin-bottom:5px;
    width:350px;
}

.main-wrapper .co-left .sub-res{
    background:rgb(252,138,28);
    color: #fff;
    border:2px solid rgb(252,138,28);
    font-size: 15px;
    padding:4px;
    margin-bottom:10px;
}
.main-wrapper .co-right{
    width:370px;
    overflow:hidden;
    float:right;
    margin-right:130px;
    margin-right:150px\9;
    border-left: 1px #aaa solid;
}
.main-wrapper .co-right p{
    margin-left:20px;
    font-size:13px;
    text-align: justify;
}
.main-wrapper .co-right .title{
    margin-left:20px;
}

.aim{
    margin:20px auto;
    padding-right:35px;
    padding-right:90px\9;
    text-align:center;
    font-weight:bolder;
    font-size:20px;
    clear:both;
}
.footer{
    width:100%;
    height:30px;
    text-align:center;
    text-align:left\9;
    font-size:9px;
    margin-bottom:30px;
    margin-left:32px\9;
}

.footer center{
    margin-top:15px;
}


.error{
    width:500px;
    margin:100px auto;
    color: red;
    font-size:18px;
    text-align:center;
    padding:6px;
}

.success{
    width:500px;
    margin:100px auto;
    font-size:18px;
    text-align:center;
    padding:6px;
}