@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Noto+Sans+TC:wght@100..900&family=Noto+Serif+TC&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Rufina:wght@400;700&display=swap');
@charset "utf-8";


h1{

    font-family: '微軟正黑體';

    font-size: 32px;

    line-height: 58px;

    color: #232323;

}

p{

    font-family: '微軟正黑體';

    line-height:26px;

    color:#686868;

    font-size: 14px;

}

a{

    text-decoration:none;

}

.privacy_box {

    background-position: left top;

    height: 99px;

    width: 296px;

    position: absolute;

    z-index: 999;

    right: 0px;

    bottom: 0px;

    background: #00224cd1;

    padding-left: 40px;

    padding-right: 13px;

    padding-bottom: 34px;

    padding-top: 19px;

    font-family: "微軟正黑體";

    line-height: 24px;

    color: #FFF;

    font-size: 14px;

}

.close {

    float: right;

    height: 15px;

    width: 14px;

}

.index_privacy_text{

    float: left;

    padding-top: 8px;

}

.privacy_box a:link {

    font-family: "微軟正黑體";

    line-height: 24px;

    color: #FFF;

    font-size: 14px;

    text-decoration: underline;

}

.privacy_box a:visited {

    font-family: "微軟正黑體";

    line-height: 24px;

    color: #FFF;

    font-size:14px

}

.privacy_box a:hover{

    font-family: "微軟正黑體";

    line-height: 24px;

    color: #cacaca;

    font-size:14px

}

.privacy_title{ font-family: "微軟正黑體";

    font-size: 32px;

    line-height: 72px;

    color: #004292;

    margin-bottom: 18px;

    border-bottom-width: 1px;

    border-bottom-style: solid;

    border-bottom-color: #b6b6b6;

}

.privacy_all {

    float: left;

    height: auto;

    width: 870x;

    padding-top: 37px;

    padding-right: 39px;

    max-height:606px;

}

.privacy_close {

    float: right;

    height: 30px;

    width: 26px;

    padding-top: 10px;

    padding-right: 10px;

}

.privacy_con {

    font-family: "微軟正黑體";

    font-size: 14px;

    line-height: 24px;

    color: #686868;

    float: left;

    height: auto;

    min-height: 400px;

    width: 870px;

    padding-bottom: 73px;

    padding-left: 39px;

    background-color: #FFF;

}

.contact_recruitment_text_blue {
    font-family: "微軟正黑體";
    font-size: 16px;
    color: #004292;
    line-height: 40px;
    padding-top: 8px;

}

.contact_recruitment_pic {

    float: left;

    height: auto;

    width: 43%;

    max-width: 334px;

}

.contact_recruitment_right02 {

    float: right;

    height: auto;

    width: 640px;

    margin-top: -6px;

}

.contact_recruitment_right02 ul {

    margin-top:-11px;

}
.contact_recruitment_right02 li {
height: auto;
    width: 100%;
    /* padding-left: 12px; */
    padding-top: 10px;
    font-family: "微軟正黑體";
    color: #3d84a0;
    font-size: 14px;
    line-height: 30px;
}

.contact_recruitment_right02 li ul li {
    background-image: url(../images/contact_recruitment_icon.jpg);
    background-repeat: no-repeat;
    background-position: 2px 21px;
    height: auto;
    width: auto;
    padding-left: 12px;
    padding-top: 15px;
    font-family: "微軟正黑體";
    color: #5d5d5d;
    font-size: 14px;
    display: inline-block;
    line-height: 18px;
    padding-right: 20px;
}



.contact_recruitment_line {

    background-color: #f3f3f3;

    height: 6px;

    width: 100%;

    float: left;

    margin-top: 37px;

    margin-bottom:37px;

}

.contact_table_thead{

    background-color: #4d4d4d;

    width: 100%;

}

.contact_table{

    width: 100%;

}

.contact_table img:hover{

    opacity: 0.8;

}

.contact_thead_td01{

    height: 34px;

    width: 35px;

    background-color: #53a7c9;

    text-align: center;

    vertical-align: middle;

    font-family: "微軟正黑體";

    color: #fff;

    font-size: 14px;

    padding-left: 5px;

}

.contact_thead_td01-1{

    height: 46px;

    text-align: center;

    vertical-align: middle;

    font-family: "微軟正黑體";

    color: #424242;

    font-size: 14px;

}

.contact_thead_td01-2{

    height: 46px;

    text-align: center;

    vertical-align: middle;

    font-family: "微軟正黑體";

    color: #424242;

    font-size: 14px;

    background-color:#f1f1f1;

}

.contact_thead_td02{

    font-family: "微軟正黑體";

    font-size: 14px;

    color: #FFF;

    background-color: #4d4d4d;

    background-image: url(../images/contact_recruitment_theadline.jpg);

    background-repeat: no-repeat;

    background-position: right center;

    width: 545px;

    padding-left: 20px;

    padding-right: 20px;

}

.contact_thead_td02-1{

    font-family: "微軟正黑體";

    font-size: 14px;

    color: #424242; 

    width: 545px;

    padding-left: 20px;

    padding-right: 20px;

}

.contact_thead_td02-2{

    font-family: "微軟正黑體";

    font-size: 14px;

    color: #424242; 

    width: 545px;

    padding-left: 20px;

    padding-right: 20px;

    background-color:#f1f1f1;

}

.contact_thead_td03{

    font-family: "微軟正黑體";

    font-size: 14px;

    color: #FFF;

    background-color: #4d4d4d;

    background-image: url(../images/contact_recruitment_theadline.jpg);

    background-repeat: no-repeat;

    background-position: right center;

    width: 106px;

    text-align:center;

}

.contact_thead_td04{

    font-family: "微軟正黑體";

    font-size: 14px;

    color: #FFF;

    background-color: #4d4d4d;

    width: 260px;

    text-align:center;

}

.contact_location_all{

    width: 100%;

    padding-bottom: 48px;

    height: auto;

    float: left;

}

.contact_text_blue{

    font-family:"微軟正黑體";

    font-size: 18px;

    color:#004292;

    padding-bottom: 7px;

}

.contact_location_left {

    float: left;

    height: 246px;

    width: 426px;

    border: 1px solid #bbbbbb;

}

.contact_location_right {

    float: right;

    height: auto;

    width: 535px;

}

.contact_location_right dl{

    width: 100%;

    float: left;

    height: auto;

    padding-top: 6px;

    border-top-width: 2px;

    border-top-style: solid;

    border-top-color: #cecece;

    margin-bottom: 9px;

    padding-top: 10px;

}

.contact_location_right dd{

    width: 25px;

    height: 20px;

    padding-right: 13px;

    display: table-cell;

    padding-top: 3px;

}

.contact_location_right dt{

    display: table-cell;

    vertical-align: top;

}



.contact_title{ font-family: "微軟正黑體";

    font-size: 30px;

    line-height: 62px;

    color: #004292;	

    padding-bottom: 20px;

}

.contact_all{

    padding-bottom: 60px;

    height: auto;

    float: left;

}

.contact_info{

    width: 990px;

    margin:0 auto;

    height:auto;

}

.contact_form_buttonall {

    text-align: center;

    float: left;

    height: auto;

    padding-top: 35px;

    width: 100%;

}	

.contact_form_buttonall img:hover {

    opacity: 0.8;



}

.contact_right_all {

    float: left;

    height: auto;

    width: 313px;

    padding-left:27px;

}

.contact_right_box{

    float: left;

    height:372px;

    width: 249px;

    margin-top: 9px;

    background-color: #383838;

    padding-top:44px;

    padding-left:32px;

    padding-right:32px;

}

.contact_right_box_text{

    font-family: "微軟正黑體";

    font-size: 14px;

    line-height: 30px;

    color: #FFF;

    height: auto;

}



.code{

    width:649px;}

.contact_line {

    background-color: #e5e5e5;

    height: 2px;

    width: 652px;

    float:left;

    margin-top: 34px;

}

.code img{

    float:left;

}

.code p{

    color:#000;

}



.contact_form_all ul{

    height: auto;

}



.contact_form_all li{

    width: 515px;

    height: auto;

    padding-bottom: 23px;

}

.contact_form_all li:last-child{

    padding-bottom: 0px;

}

.contact_form_all li:first-child{

    margin-top: -5px;

}



.partners_line {

    float: left;

    height: 45px;

    width: 838px;

}



.partners_coninfo_all {

    padding-top: 178px;

    padding-right: 17px;

}

.partners_coninfo {

    position: relative;

    height: 540px;

    width: 990px;

    overflow: scroll;

    overflow-x: hidden;

}

.partners_logo {

    float: left;

    height: 94px;

    width: 175px;

    padding-right: 44px;

}

.partners_logo_all {

    height: auto;

    width: 100%;

    padding-left: 66px;

}

.inquiry_form_all{

    background-color:rgba(255,255,255,0.74);

    float: left;

    height: 338px;

    width: 685px;

    margin-top: 30px;	

}

.inquiry_form_all ul{

    padding-top:45px;

    height: auto;

}

.inquiry_line {

    background-color: #6d6d6d;

    height: 5px;

    width: 584px;

    margin: 0 auto;

}





.inquiry_form_all li{

    margin: 0 auto;

    width: 515px;

    height: auto;

    padding-bottom: 33px;

}

.inquiry_whitetext{

    font-family: '微軟正黑體';

    line-height:37px;

    color:#fff;

    font-size: 14px;

    text-align:center;

}

.news_all {

    float: left;

    height: auto;

    width: 990px;

    padding-bottom: 32px;

    padding-top: 27px;

}

.inquiry_info {

    height: auto;

    width: 990px;

    margin: 0 auto;

}



.news_detail_all {

    background-color: #ededed;

    float: left;

    height: auto;

    width: 894px;

    margin-bottom: 32px;

    margin-top: 27px;

    padding-left:48px;

    padding-right:48px;

    padding-top:24px;

    padding-bottom:39px;



}

.news_detail_info {

    float: left;

    height: auto;

    width: 100%;

    padding-top: 24px;

}

.news_detail_button {

    height: 50px;

    width: 203px;

    font-family: '微軟正黑體';

    font-size: 15px;

    line-height: 50px;

    color: #FFF;

    background-color: #004292;

    text-align: center;

    vertical-align: middle;

    margin:0 auto;

    text-decoration: none;

}

.news_detail_button:hover {

    background-color: #2b60a0;

    text-decoration: none;

}

.news_detail_button_all {

    float: left;

    height: auto;

    width: 100%;

    padding-bottom: 50px;

}





.news_one {

    float: left;

    height: 450px;

    width: 275px;

    background-color: #ededed;

    padding-top: 18px;

    padding-right: 18px;

    padding-left: 18px;

    margin-bottom: 23px;

    margin-right: 28px;

}

.news_date {

    font-family: "Rufina", serif;
    font-weight: 400;
    font-style: normal;

    font-size: 17px;

    line-height: 39px;

    color: #989898;

    height: auto;

}

.news_title {

    font-family: "微軟正黑體";

    font-size: 20px;

    line-height: 30px;

    color: #454545;

    float: left;

    height: auto;

    padding-bottom: 8px;

}

.news_title a:link {

    font-family: "微軟正黑體";

    font-size: 20px;

    line-height: 30px;

    color: #454545;

    text-decoration: none;

}

.news_title a:visited {

    font-family: "微軟正黑體";

    font-size: 20px;

    line-height: 30px;

    color: #454545;

    text-decoration: none;

}

.news_title a:hover {

    font-family: "微軟正黑體";

    font-size: 20px;

    line-height: 30px;

    color: #7f7f7f;

    text-decoration: none;

}

.news_detail_info p{

    font-family: "微軟正黑體";

    font-size: 14px;

    line-height: 24px;

    color: #7c7c7c;

    height: auto;

    padding-bottom: 20px;

}

.news_detail_info img{

    float:left;

    padding-right: 33px;

}

.news_all_text14_gray {

    font-family: "微軟正黑體";

    font-size: 14px;

    line-height: 24px;

    color: #7c7c7c;

    float: left;

    height: auto;

    padding-bottom: 5px;

}

.service_detail_info_all {

    height: auto;

    width: calc(100% - 40px);

    max-width: 1184px;

    margin: 0 auto;



}

.service_detail_leftarrow {

    float: left;

    height: 53px;

    width: 34px;

    padding-right: 44px;

    padding-top: 95px;

}

.service_detail_info_mask {

    overflow: hidden;

    position: relative;

    z-index: 999;

    height: 300px;

    max-width: 990px;

    width: calc(100% - 150px);

    margin: 0 auto;

    float: left;

}

.service_detail_info {

    height: auto;

    width: auto;

    width: 999999px;

    position: absolute;

}

.service_detail_infoone {

    float: left;

    height: auto;

    width: 211px;

    padding-right: 49px;

}

.service_detail_infoone_pic {

    float: left;

    height: auto;

    max-height:131px;

    max-width: 211px;

    width: 100%;

    padding-bottom: 12px;

}

.service_detail_morebutton {

    font-family: '微軟正黑體';

    font-size: 16px;

    line-height: 50px;

    color: #FFF;

    background-color: #53a7c9;

    text-align: center;

    vertical-align: middle;

    height: 50px;

    width: 213px;

    float:left;

    margin-top: 15px;

}

.service_detail_morebutton:hover {

    background-color: #3b8dae;

}



.service_detail_infoone p {

    font-family: "微軟正黑體";

    font-size: 18px;

    line-height: 26px;

    color: #fff;

    text-decoration: none;

    background-image: url(../images/service_icon.png);

    background-repeat: no-repeat;

    background-position: 3px 9px;

    float: left;

    height: auto;

    width: auto;

    padding-left: 13px;

    margin-top: 5px;

    min-height: 52px;

}

.service_detail_rightarrow {

    float: left;

    height: 50px;

    width: 34px;

    padding-left: 37px;

    padding-top: 95px;

}

.text_blue{

    font-family: "微軟正黑體";

    font-size: 18px;

    line-height: 36px;

    color: #004292;

    padding-top: 20px;	

}

.service_detail_con {

    background-image: url(../images/service_detail_bpic.jpg);

    background-repeat: no-repeat;

    background-position: left top;

    height: 494px;

    width: 100%;

    float:left;

}

.service_detail_whitetext {

    font-family: "微軟正黑體";

    font-size: 24px;

    line-height: 36px;

    color: #FFF;

    float: left;

    width: calc(100% - 96px);

    padding-top: 48px;

    padding-bottom: 26px;

    padding-left: 96px;

}

.service_detail_con02 {

    height: auto;

    width: calc(100% - 40px);

    max-width: 1184px;

    margin: 0 auto;

    padding-right: 20px;

    padding-left: 20px;

}



.service_detatilpic {

    float: left;

    height: 236px;

    width: 380px;

    padding-right: 21px;

}



.service_text_all {

    float: left;

    height: auto;

    width: 990px;

    padding-top: 20px;

}

.service_smainpic {

    float: left;

    height: 181px;

    width: 990px;

    padding-top: 15px;

    padding-bottom: 32px;

}

.service_detail_categories_smainpic {

    float: left;

    height: 367px;

    width: 990px;

    padding-top: 15px;

    padding-bottom: 32px;

}

.service_all {

    float: left;

    height: auto;

    width: 990px;

}

.service_all ul {

    width:990px;

    height:auto;

}

.service_all li{

    font-family: "微軟正黑體";

    font-size: 14px;

    line-height: 36px;

    color: #686868;

    background-image: url(../images/service_detail_arrow.jpg);

    background-repeat: no-repeat;

    background-position: 3px 15px;

    padding-left: 15px;

} 

.service_all p {

    line-height:34px;

}

.service_one {

    float: left;

    height: 300px;

    width: 318px;

    padding-right: 17px;

}

.service_one img {

    float: left;

    height: 198px;

    width: 318px;

    margin-bottom: 15px;

}

.contact_location_line{

    border-bottom-width: 2px;

    border-bottom-style: solid;

    border-bottom-color: #cecece;

}

.service_one p {

    font-family: "微軟正黑體";

    font-size: 17px;

    line-height: 26px;

    color: #383838;

    text-decoration: none;

    background-image: url(../images/service_icon.png);

    background-repeat: no-repeat;

    background-position: 3px 11px;

    float: left;

    height: auto;

    width: auto;

    padding-left: 13px;

}

.service_one p a:link {

    font-family: "微軟正黑體";

    font-size: 17px;

    line-height: 26px;

    color: #383838;

    text-decoration: none;

}

.service_one p a:visited {

    font-family: "微軟正黑體";

    font-size: 17px;

    line-height: 26px;

    color: #383838;

    text-decoration: none;

}

.service_one p a:hover {

    font-family: "微軟正黑體";

    font-size: 17px;

    line-height: 26px;

    color: #747474;

    text-decoration: none;

}

.contact_mainpic{

    background-color: #000;

    background-image: url(../images/contact_mainpic.jpg);

    background-repeat: no-repeat;

    background-position: center top;

    float: left;

    height: 311px;

    width: 100%;

}

.inquiry_mainpic{

    background-color: #000;

    background-image: url(../images/case_bg.jpg);

    background-repeat: no-repeat;

    background-position: center top;

    float: left;

    height: 836px;

    width: 100%;

}

.about_mainpic {

    background-color: #000;

    background-image: url(../images/about_pic01.jpg);

    background-repeat: no-repeat;

    background-position: center top;

    float: left;

    height: 490px;

    width: 100%;

    margin-bottom: 55px;

}

.service_mainpic {

    background-color: #000;

    background-image: url(../images/service_mainpic.jpg);

    background-repeat: no-repeat;

    background-position: center top;

    float: left;

    height: 311px;

    width: 100%;

}

.news_mainpic {

    background-color: #000;

    background-image: url(../images/news_mainpic.jpg);

    background-repeat: no-repeat;

    background-position: center top;

    float: left;

    height: 311px;

    width: 100%;

}

.partners_mainpic {

    background-color: #000;

    background-image: url(../images/partner_bg.jpg);

    background-repeat: no-repeat;

    background-position: center top;

    float: left;

    height: 825px;

    width: 100%;

}

.sitemap {

    font-family: "微軟正黑體";

    font-size: 13px;

    color: #FFF;

    background-image: url(../images/about_arrow.png);

    background-repeat: no-repeat;

    background-position: left 23px;

    float: right;

    height: auto;

    width: auto;

    padding-top: 20px;

    padding-left: 10px;

}

.sitemap a:link {

    font-family: "微軟正黑體";

    font-size: 13px;

    color: #FFF;

    text-decoration: none;    

}

.sitemap a:visited {

    font-family: "微軟正黑體";

    font-size: 13px;

    color: #FFF;

    text-decoration: none;    

}

.sitemap a:hover {

    font-family: "微軟正黑體";

    font-size: 13px;

    color: #e6e6e6;

    text-decoration: none;    

}

.about_sitemap {

    font-family: "微軟正黑體";

    font-size: 13px;

    color: #2c2c2c;

    background-image: url(../images/about_arrow.png);

    background-repeat: no-repeat;

    background-position: left 22px;

    float: right;

    height: auto;

    width: auto;

    padding-top: 20px;

    padding-left: 10px;

}

.about_sitemap a:link {

    font-family: "微軟正黑體";

    font-size: 13px;

    color: #2c2c2c;

    text-decoration: none;    

}

.about_sitemap a:visited {

    font-family: "微軟正黑體";

    font-size: 13px;

    color: #2c2c2c;

    text-decoration: none;    

}



.about_sitemap a:hover {

    font-family: "微軟正黑體";

    font-size: 13px;

    color: #000;

    text-decoration: none;    

}

.about_sitemap li{

    display:inline-block;

}

.about_sitemap li:after{

    color:#9a9a9a;

    font-family: "微軟正黑體";

    font-size: 13px;

    content:">";

    padding-left: 5px;

}

.about_sitemap li:last-child:after{

    color:#9a9a9a;

    font-family: "微軟正黑體";

    font-size: 12px;

    content:"";

}

.about_text_all {

    color: #FFF;

    float: left;

    width: 672px;

    padding-right: 159px;

    padding-left: 159px;

    padding-top: 36px;

}

.service_title{ font-family: "微軟正黑體";

    font-size: 26px;

    line-height: 62px;

    color: #004292;	

    float:left;

}

.service_stitle{
    font-family: "微軟正黑體";
    font-size: 19px;
    line-height: 26px;
    color: #383838;
    float: left;
    padding-top: 18.5px;
    padding-left: 8px;

}

.service_detail_stitle{

    font-family: "微軟正黑體";

    font-size: 24px;

    line-height: 24px;

    color: #383838;

    padding-bottom: 7px;

}

.service_stitle02{

    font-family: "微軟正黑體";

    font-size: 20px;

    line-height: 24px;

    color: #383838;

    padding-left: 8px;

    padding-bottom: 7px;

}

.service_graytext{

    float: left;
    line-height: 24px;
    font-family: "微軟正黑體";
    font-size: 24px;
    color: #989898;
    padding-left: 7px;
    padding-top: 18px;

}

.about_title { font-family: "微軟正黑體";

    font-size: 30px;

    line-height: 62px;

    color: #FFF;

    text-align: center;

}

.partners_title { font-family: "微軟正黑體";

    font-size: 30px;

    line-height: 62px;

    color: #004292;

    text-align: center;

}

.about_whitetext {

    font-family: "微軟正黑體";

    font-size: 14px;

    line-height: 34px;

    color: #FFF;

}

.about_info02{

    width: 990px;

    margin:0 auto;

    height:auto;

}

.about_info02 dl {

    width: 990px;

    height:auto;

    float: left;

}

.about_info02 dd {

    float: left;

    height: auto;

    width: auto;

}

.about_info02 dt {

    font-family: "微軟正黑體";

    font-size: 14px;

    line-height: 30px;

    float: left;



}

.about_con03 {

    background-image: url(../images/about_16.jpg);

    background-repeat: no-repeat;

    background-position: left top;

    float: left;

    height: 906px;

    width: 100%;

    min-width: 990px;

    margin-top: 63px;

}

.about_con03 ul {

    width:990px;

    height:auto;

}

.about_con03 li{

    float: left;

    display:table;

    padding-top: 18px;

}

.about_con03_text{

    font-family: "微軟正黑體";

    font-size: 14px;

    line-height: 30px;

    color: #FFF;

    display: table-cell;

    padding-left: 5px;

}

.about_con03_num{

    background-image: url(../images/about_con03_icon.png);

    background-repeat: no-repeat;

    background-position: 0px 5px;

    width: 22px;

    height: 26px;

    padding-left: 8.5px;

    padding-bottom: -7px;

    font-size: 12px;

    color: #fff;

    font-family: "Arial";

    line-height: 26px;

    padding-top: 1px;

    display: table-cell;

}





.about_info02_dt01{

    background-image: url(../images/about_pic03.jpg);

    background-repeat: no-repeat;

    background-position: left top;

    height: 216px;

    width: 409px;

    padding: 29px;

    color: #FFF;

}

.about_info02_dd02{

    width:479px;

    font-family: "微軟正黑體";

    font-size: 14px;

    line-height: 30px;

    color:#686868;

    padding-top: 15px;

    padding-right: 19px;

}

.about_stitle {

    font-family: "微軟正黑體", serif;
    font-weight: 500;
    font-style: normal;

    font-size: 24px;

    line-height: 36px;

    color: #FFF;

    height: auto;

}

.about_stitle02 {

    font-family: "微軟正黑體";

    font-size: 26px;

    line-height: 58px;

    color: #FFF;

    height: auto;

    text-align: center;

    padding-top: 43px;

    padding-bottom: 18px;

}



.about_info_dt03{

    width: 474px;

    padding-left: 24px;

    padding-top: 12px;

}



.about_info {

    height: auto;

    width: 990px;

    margin: 0 auto;

}

.partners_info {

    height: auto;

    width: 990px;

    margin: 0 auto;

}



.index_fotter {

    float: left;

    height: 86px;

    width: 100%;

    background-color: #16151b;

    position: relative;

}

.index_fotter p {

    float: left;

    width: auto;

    font-family: "微軟正黑體";

    font-size: 13px;

    color: #fff;

    padding-top: 18px;

    height: 62px;

    padding-left: 32px;

}



.index_fotter_img02 {

    float: right;

    height:28px;

    width: 153px;

    padding-right: 28px;

    padding-top:30px;

}

.index_categories_infoone {

    height: auto;

    width: 16%;

    padding-right: 1%;

    margin: 0 auto;

    display: inline-grid;

    padding-top: 36px;

    padding-bottom: 30px;

    max-width: 195px;

}

.index_categories_infoone_pic {

    height: 149px;

    width: 100%;

    max-width: 148px;

    padding-bottom: 12px;

    text-align: center;

    margin-right: auto;

    margin-left: auto;

}

.index_categories_infoone_pic:hover {

    opacity: 0.8;

}

.index_fotter_logo {

    float: left;

    height: 86px;

    width: 82px;

    vertical-align: center;

}



.index_categories_infoone p {

    font-family: "微軟正黑體";

    font-size: 13px;

    line-height: 26px;

    color: #000;

    padding-top: 10px;

    padding-bottom: 15px;

}



.index_partners_boxall img {

    height: 13px;

    width: 13px;

    padding-right: 41px;}





.index_partners_boxall {

    float: left;

    height: auto;

    width: 100%;

    max-width: 631px;

    padding-top: 27px;

    text-align: center;

    border-top-width: 5px;

    border-top-style: solid;

    border-top-color: #f3f3f3;

}

.index_categories_infoall {

    float: left;

    height: auto;

    width: 100%;

}



.index_service_arrow_left {

    height: 39px;

    width: 19px;

    position: absolute;

    z-index: 999;

    left: 35.1%;

    top: 42%;

}

.index_categories_all {

    float: left;

    height: auto;

    width: 100%;

    text-align: center;

    padding-top:59px;

    margin-bottom: 67px;

}



.index_service_arrow_right {

    height: 39px;

    width: 19px;

    position: absolute;

    z-index: 999;

    right: 26.5%;

    top: 42%;

}





.index_partner_all ul {

    float: left;

    height: auto;

    width: 100%;

    border-bottom-width: 5px;

    border-bottom-style: solid;

    border-bottom-color: #f3f3f3;

    max-width:631px;

}

.index_partner_all li {

    float: left;

    height: 74px;

    width: 29.5%;

    padding-right: 5.2%;

    padding-top: 22px;

    padding-bottom: 18px;

    max-width: 187px;

}

.index_partner_all li:nth-child(3n) {

    padding-right: 0px;;

}



.index_partner_all {

    float: left;

    height: auto;

    width: calc(50% - 197px); 

    padding-left:133px;

    padding-right:64px;

}

.index_top {

    height: 165px;

    width: 100%;

    text-align: center;

    float: left;

    min-width:1024px;

}

.index_mainpic {

    float: left;

    height: auto;

    width: 100%;

    position: relative;

/*    min-width: 1024px;*/

}

.index_news_tab {

    float: left;

    height: 41px;

    width: 100%;

}

.index_tabone {

    float: left;

    height: 41px;

}





.index_logo {

    height: 98px;

    width: 157px;

    margin: 0 auto;

}

.index_info {

    float: left;

    height: auto;

    width: calc(100% - 132px);

    padding-left: 66px;

    padding-right: 66px;

}





.contact_information_all {

    font-family: "微軟正黑體";

    font-size: 15px;

    line-height: 40px;

    color: #424242;

    height: auto;

    width: 882px;

    margin:0 auto;

}

.contact_information_all a:link {

    font-family: "微軟正黑體";

    font-size: 15px;

    color: #424242;

    text-decoration: none;

}

.contact_information_other_one{

    float: left;

    width: 100%;

    height: auto;

    border-bottom-width: 1px;

    border-bottom-style: solid;

    border-bottom-color: #d6d6d6;

}

.contact_information_other_title {

    font-family: "微軟正黑體";

    font-size: 18px;

    color: #0a0a0a;

    line-height: 27px;

    padding-top:17px;

    display:block;

}

.contact_information_whaleteq_title {

    font-family: "微軟正黑體";

    font-size: 20px;

    color: #0f466f;

    line-height: 27px;

}

.contact_information_other_all {

    float: left;

    height: auto;

    width: 100%;

    padding-top: 21px;

    margin-bottom: 28px;

}

.contact_information_other_all img {

    float: left;

    height: auto;

    width: auto;

    border: 1px solid #d6d6d6;

    margin-right: 21px;

}

.contact_information_other_name {

    font-family: "微軟正黑體";

    font-size: 16px;

    line-height: 33px;

    color: #0f466f;

}

.contact_information_other_right {

    float: left;

    height: auto;

    width: 715px;

}

.contact_information_other_right dl {

    float: left;

    height: auto;

    width: 225px;

    padding-right: 10px;

}



.contact_information_other_info {

    float: left;

    height: auto;

    width: 706px;

}



.contact_information_other_right dd {

    font-family: "微軟正黑體";

    font-size: 15px;

    line-height: 33px;

    color: #7c7c7c;

    float: left;

    height: auto;

    width: auto;

    padding-right: 5px;

}

.contact_information_other_right dt {

    font-family: "微軟正黑體";

    font-size: 14px;

    line-height: 33px;

    color: #424242;

    float: left;

    height: auto;

    width: auto;

}



.contact_information_WHALETEQ {

    float: left;

    height: auto;

    width: 100%;

    padding-top: 65px;

    padding-bottom: 26px;



}

.contact_information_whaleteq_textall {

    float: left;

    height: auto;

    width: 432px;

}



.contact_information_whaleteq_pic {

    float: left;

    height: 187px;

    width: 408px;

    padding-right: 34px;

}





.contact_form_pic {

    height: 675px;

    width: 229px;

    padding-left: 67px;

    position: absolute;

    right: 0px;

    top: -45px;

}

.contact_form_all {

    float: left;

    height: auto;

    width: 649px;

}

.contact_con {

    float: left;

    height: auto;

    width:100%;

    background-image: url(../images/index_testimonials_bg.jpg);

    background-position: left top;

    padding-bottom: 37px;

}



.search_form_input{

    width:363px;

    border-bottom-width: 0px;

    border-top-width: 0px;

    border-left-width: 0px;

    border-right-width: 0px;

    color: #8e8e8e;

    background-color: transparent;

    FONT-SIZE: 15px;

    FONT-STYLE: normal;

    FONT-VARIANT: normal;

    FONT-WEIGHT: normal;

    /* HEIGHT: 18px; */

    LINE-HEIGHT: normal;

    font-family: "微軟正黑體";

}

.search_form {

    height: auto;

    width: 586px;

    background-color: #FFF;

    margin: 0 auto;

    font-family: "微軟正黑體";

    font-size: 15px;

    color: #424242;

    padding-top: 77px;

    padding-bottom: 48px;

}

.search_form dl {

    font-size: 15px;

    color: #424242;

    background-image: url(../images/search_bg.jpg);

    background-repeat: no-repeat;

    background-position: left bottom;

    height: 44px;

}

.search_form dd {

    float: left;

    height: 44px;

    width: 179px;

    /* padding-left: 3px; */

    vertical-align: middle;

    line-height: 44px;

    color:#d85225;

}

.search_form dt {

    float: left;

    height: 44px;

    width:363px;

    padding-left: 16px;

    vertical-align: middle;

    line-height: 44px;

}

.news_detail_con {

    font-family: "微軟正黑體";

    font-size: 14px;

    line-height: 24px;

    color: #7c7c7c;

    float: left;

    height: auto;

    min-height: 400px;

    width: 684px;

    padding-bottom: 73px;

    padding-left: 39px;

    background-color: #FFF;

}





.index_about {

    float: left;

    height: auto;

    width: calc(100% - 132px);

    padding-left: 66px;

    padding-right: 66px;

    padding-top: 67px;

}

.index_copmany_all {

    float: left;

    height: auto;

    width: 50%;

}

.index_copmany_all img {

    float: left;

    height: auto;

    max-width: 372px;

    width: calc(40% - 34px);

    padding-right: 34px;

}

.index_text14_gray{

    font-family: "微軟正黑體";

    font-size: 14px;

    line-height: 36px;

    color: #686868;

    float: left;

}





.index_company_textall {

    width: 60%;

    float:left;

    height:auto;

}

.index_company_textall h1 { font-family: "微軟正黑體";

    font-size: 32px;

    line-height: 71px;

    color: #004292;

    display:block;

    float:left;

}

.index_partner_textall {

    width: 100%;

    float: left;

    height: auto;

    padding-top: 16px;

    border-bottom-width: 5px;

    border-bottom-style: solid;

    border-bottom-color: #f3f3f3;

    max-width: 630px;

}

.index_partner_title { font-family: "微軟正黑體";

    font-size: 32px;

    line-height: 71px;

    color: #232323;

    float: left;

    text-align: center;

    width: calc(100% - 113px);

    padding-left: 15px;



}





.support_coninfo {

    float: left;

    height: auto;

    width: 100%;

    font-family: "微軟正黑體";

    font-size: 15px;

    line-height: 28px;

    color: #333333;

    padding-bottom:89px;

}



.services_pic{

    margin: 0 auto;

    display: block;

    padding-top: 42px;

}

.services_stitle{

    font-family: "微軟正黑體";

    font-size: 20px;

    color: #003a66;

    padding-top:36px;

}

.services_coninfo dl {

    float: left;

    height: auto;

    width: 882px;

    font-family: "微軟正黑體";

    font-size: 15px;

    line-height: 47px;

    padding-top:16px;

}

.services_coninfo dd {

    color: #FFF;

    background-image: url(../images/service_bg01.jpg);

    background-repeat: no-repeat;

    background-position: left top;

    text-align: center;

    vertical-align: middle;

    float: left;

    height: 47px;

    width: 180px;

    margin-bottom:15px;

}

.services_coninfo dt {

    color: #333333;

    background-image: url(../images/service_bg02.jpg);

    background-repeat: no-repeat;

    background-position: left top;

    text-align: left;

    vertical-align: middle;

    float: left;

    height: 47px;

    width: 686px;

    margin-bottom: 15px;

    padding-left: 16px;

}



.services_coninfo p{

    padding-top:16px;

}

.services_coninfo {

    float: left;

    height: auto;

    width: 100%;

    font-family: "微軟正黑體";

    font-size: 15px;

    line-height: 28px;

    color: #333333;

    padding-bottom:89px;

}





.index_sitemap_info ul li a:link {

    font-family: "微軟正黑體";

    font-size: 17px;

    color: #FFF;

    display: inline-block;

    padding-right: 11px;

    text-decoration: none;



}

.index_sitemap_info ul li a:visited {

    font-family: "微軟正黑體";

    font-size: 17px;

    color: #FFF;

    text-decoration: none;



}



.index_sitemap_info ul li a:hover {

    font-family: "微軟正黑體";

    font-size: 17px;

    color: #FFF;

    display: inline-block;

    float: left;

    text-decoration: none;



}



.index_sitemap_info ul li ul li {

    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    font-style: normal;

    font-size: 14.5px;

    line-height: 18px;

    color: #a5c4e0;

    height: auto;

    padding-bottom: 14px;

    width: 109px;

    text-decoration: none;



}

.index_sitemap_info ul li ul li a:link {

    font-family: "微軟正黑體";

    font-size: 15px;

    color: #a5c4e0;

    height: auto;

    text-decoration: none;



}

.index_sitemap_info ul li ul li a:visited {

    font-family: "微軟正黑體";

    font-size: 15px;

    color: #a5c4e0;

    text-decoration: none;

}



.index_sitemap_info ul li ul li a:hover {

    font-family: "微軟正黑體";

    font-size: 15px;

    color: #fff;

    text-decoration: none;

}



.index_customer_leftarrow {

    float: left;

    height: 53px;

    width: 34px;

    padding-right: 44px;

    padding-top: 14px;

}

.index_customer_rightarrow {

    float: right;

    height: 53px;

    width: 34px;

    padding-left: 44px;

    padding-top: 14px;

}

.index_customer_infoone {

    float: left;

    height: 79px;

    width: 134px;

}





.index_customer_line {

    float: left;

    height: 79px;

    width: 67px;

    background-image: url(../images/index_customers_line.jpg);

    background-repeat: no-repeat;

}



.index_customer_info {

    height: auto;

    width: auto;

    position: absolute;

    width: 999999px;

    position: absolute;

}



.index_customer_info_all {

    height: auto;

    width: calc(100% - 40px);

    max-width: 1464px;

    padding-right: 20px;

    padding-left: 20px;

    margin-top: 0;

    margin-right: auto;

    margin-bottom: 0;

    margin-left: auto;

    padding-top: 111px;

}

.index_customer_info_mask {

    overflow: hidden;

    position: relative;

    z-index: 999;

    height:79px;

    max-width: 1348px;

    width: calc(100% - 156px);

    margin:0 auto;

    float:left;

}

.index_news_info {

    float: left;

    height: auto;

    width: 100%;

}

.index_news {

    height: auto;

    width: 100%;

    min-width:1024px;

    padding-top:53px;

    display: table;

    margin: 0 auto;

    padding-top: 50px;

}



.index_news_button02 {
    background-image: url(../images/index_news_arrow.jpg);
    float: right;
    font-family: "微軟正黑體";
    font-size: 14px;
    color: #272727;
    background-repeat: no-repeat;
    background-position: left 14px;
    padding-left: 9px;
    margin-right: 10px;
    padding-top: 13px;
    margin-top: 21px;

}

.index_news_button02 a:link {

    font-family: "微軟正黑體";

    font-size: 14px;

    color: #272727;

    text-decoration:none;

}

.index_news_button02 a:visited {

    font-family: "微軟正黑體";

    font-size: 14px;

    color: #272727;

    text-decoration:none;

}

.index_news_button02 a:hover {

    font-family: "微軟正黑體";

    font-size: 14px;

    color: #a2a2a2;

    text-decoration:none;

}



.index_news_title {

    font-family: "微軟正黑體";

    font-size: 24px;

    line-height: 30px;

    color: #ffffff;

    padding-top: 6px;

}

.index_news_title_gray {

    font-family: "微軟正黑體";

    font-size: 26px;

    line-height: 48px;

    color: #979797;

}

.index_news_title_blue {

    font-family: "微軟正黑體";

    font-size: 26px;

    line-height: 48px;

    color: #2c547f;

}



.index_news_one {

    float: left;

    height: auto;

    width: calc(100% - 46px); 

    padding-top:31px;

    padding-left:23px;

    padding-right:23px;

}

.index_news_one02 {

    float: left;

    height: auto;

    width: 357px;

    padding-bottom:27px;

}

.index_news_one img {

    float: left;

    height: 232px;

    width: 191px;

    padding-right: 27px;

}

.index_news_one_date {

    font-family: "Rufina", serif;
    font-weight: 400;
    font-style: normal;

    font-size: 27px;

    line-height: 30px;

    color: #1274ec;

}

.index_news_one_date02 {

    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    font-style: normal;

    font-size: 17.5px;

    line-height: 22px;

    color: #2c547f;

}



.index_news_button01 {
    background-image: url(../images/index_news_arrow.jpg);
    float: right;
    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15.5px;
    color: #272727;
    background-repeat: no-repeat;
    background-position: left 13px;
    padding-left: 9px;
    margin-right: 26px;
    padding-top: 12px;
}

.index_news_button01 a:link {

    font-family: "微軟正黑體";

    font-size: 14px;

    color: #272727;

    text-decoration:none;

}

.index_news_button01 a:visited {

    font-family: "微軟正黑體";

    font-size: 14px;

    color: #272727;

    text-decoration:none;

}

.index_news_button01 a:hover {

    font-family: "微軟正黑體";

    font-size: 14px;

    color: #a2a2a2;

    text-decoration:none;

}

.index_news_right {

    float: left;

    height: 203px;

    width: calc(100% - 661px); 

    background-color: #1f3547;

    background-image: url(../images/index_news_rightbg.jpg);

    background-repeat: no-repeat;

    background-position: left top;



}

.index_news_left {

    float: left;

    height: auto;

    width: 661px;

}

.index_newsone_button:hover {

    background-image: url(../images/index_lreanmore02-1.jpg);

    float: left;

    height: 29px;

    width: 129px;

    margin-top: 13px;

}



.index_news_one_title {

    font-family: "微軟正黑體";
    font-weight: 500;
    font-style: normal;

    font-size: 22px;

    line-height: 30px;

    color: #ffffff;

    padding-top: 10px;

}

.index_news_one_title a:link {
    font-family: "微軟正黑體";
    font-weight: 500;
    font-style: normal;

    font-size: 22px;

    line-height: 30px;

    color: #ffffff;

    text-decoration: none;

}

.index_news_one_title a:hover {

    font-family: "微軟正黑體";
    font-weight: 500;
    font-style: normal;

    font-size: 22px;

    line-height: 30px;

    color: #b0b0b0;

    text-decoration: none;

}

.index_news_one_title a:visited {

    font-family: "微軟正黑體";  
    font-weight: 500;
    font-style: normal;

    font-size: 22px;

    line-height: 30px;

    color: #ffffff;

    text-decoration: none;

}

.index_news_one_text{

    font-family: "微軟正黑體";

    font-size: 14px;

    line-height: 24px;

    color: #fff;

    padding-top:10px;

}



.index_news_one_title02 {

    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    font-style: normal;

    font-size: 15.5px;

    line-height: 30px;

    color: #323232;

    padding-top:6px;

}

.index_news_one_title02 a:link {

    font-family: "微軟正黑體";
    font-weight: 400;
    font-style: normal;

    font-size: 15.5px;

    line-height: 30px;

    color: #323232;

    text-decoration: none;

}



.index_news_one_title02 a:visited {

    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    font-style: normal;

    font-size: 15.5px;

    line-height: 30px;

    color: #323232;

    text-decoration: none;

}

.index_news_one_title02 a:hover {

    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    font-style: normal;

    font-size: 15.5px;

    line-height: 30px;

    color: #000;

    text-decoration: none;

}



.index_news_one_text_blue{

    font-family: "微軟正黑體";

    font-size: 14px;

    line-height: 24px;

    color: #2c547f;

    padding-top:6px;

}

.index_news_one_text_blue a:link{

    font-family: "微軟正黑體";

    font-size: 14px;

    line-height: 24px;

    color: #2c547f;

    text-decoration: none;

}



.index_news_one_text_blue a:hover{

    font-family: "微軟正黑體";

    font-size: 14px;

    line-height: 24px;

    color: #000;

    text-decoration: none;

}

.index_news_one_text_blue a:visited{

    font-family: "微軟正黑體";

    font-size: 14px;

    line-height: 24px;

    color: #2c547f;

    text-decoration: none;

}

.index_testimonials_ball {

    height: 9px;

    width: 9px;

    padding-right: 31px;

    display: inline-block;

}





.index_testimonials_button {

    background-image: url(../images/index_testimonials_button.png);

    background-position: center center;

    height: 37px;

    width: 188px;

    margin-top: 0px;

    margin-right: auto;

    margin-bottom: 0px;

    margin-left: auto;

}

.index_testimonials_button:hover {

    background-image: url(../images/index_testimonials_button-1.png);

    background-position: center center;

    height: 37px;

    width: 188px;

    margin-top: 0px;

    margin-right: auto;

    margin-bottom: 0px;

    margin-left: auto;

}

.index_Testimonials_blue{

    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    font-style: normal;

    font-size: 17.5px;

    color: #587394;

    height: auto;

    font-style: italic;

}

.index_Testimonials_textall {

    height: 115px;

    padding-top: 46px;

    width: auto;

    text-align: center;

    display: table;

    margin: 0 auto;

    padding-bottom: 20px;

}



.index_Testimonials_title_org {

    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    font-style: normal;

    font-size: 25.5px;

    color: #d85225;

    height: auto;

}

.index_Testimonials_info {

    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    font-style: normal;

    font-size: 17.5px;

    line-height: 30px;

    color: #000;

    padding-top:14px;

    padding-bottom:7px;

    width:586px;

}

.index_testimonials_ballall {

    text-align: center;

    width: 100%;

    padding-top:47px;

    height:auto;

    padding-bottom: 44px;



}

.index_service_blackbox {

    background-color: #000;

    height: 100%;

    width: calc(100% - 60px);

    position: absolute;

    z-index: 999;

    top: 0px;

    left:0px;

    opacity:0.67

}



.index_service_whitebox {

    background-color: #fff;

    height: 100%;

    width: calc(100% - 60px);

    position: absolute;

    z-index: 999;

    top: 0px;

    left:0px;

    opacity:0;





}

.index_service_whitebox:hover {

    background-color: #fff;

    opacity:0.7;

}

.index_service_whitebox_info {

    width: 100%;

    position: absolute;

    z-index: 999;

    opacity:0.7;

    text-align:center;

    line-height:36px;

    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    font-style: normal;

    font-size: 23.5px;

    margin: auto;

    display: flex;

    justify-content: center;

    align-items: center; 



}

.index_service_all {

    float: left;

    height: auto;

    width: 100%;

    text-align: center;

}



.index_service_title { font-family: "微軟正黑體";

    font-size: 32px;

    line-height: 71px;

    color: #232323;

    float: left;

    text-align: center;

    width: 100%;

    padding-top:37px; 

    padding-bottom: 27px;



}

.index_service_info_mask {

    overflow: hidden;

    position: relative;

    z-index: 999;

    height: 422px;

    /* max-width: 1348px; */

    width: 100%;

    margin: 0 auto;

    float: left;

}

.index_service_info {

    height: auto;

    width: auto;

    position: absolute;

    width: 999999px;

    position: absolute;

}



.index_service_info_box {

    height: auto;

    width: 100%;

    max-width: 1427px;

    margin: 0 auto;

}



.index_service_info_all {

    height: auto;

    width: calc(100% - 40px);

    max-width: 1464px;

    margin: 0 auto;

    padding-right: 20px;

    padding-left: 20px;

}

.index_service_infoone {

    float: left;

    height: auto;

    width: 27%;

    max-width: 649px;

    padding-right: 60px;

    position: relative;



}

.index_service_infoone_pic {

    float: left;

    height: 176px;

    max-width: 248px;

    width: 100%;

    padding-bottom: 12px;

}





/*.index_service_infoone p {

    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    font-style: normal;

        font-size: 17.5px;

        line-height: 30px;

        color: #000;

        padding-top:16px;

        padding-bottom:15px;

}*/

.index_service_leftarrow {

    float: left;

    height: 53px;

    width: 34px;

    padding-right: 44px;

    padding-top: 63px;

}

.index_service_rightarrow {

    float: left;

    height: 53px;

    width: 34px;

    padding-left: 44px;

    padding-top: 63px;

}





.nopage {

    height: auto;

    position: absolute;

    z-index: 99;

    top: 20%;

    left: 45%;

    margin-left: -128px;

}



.index_mainpic_button {

    float: left;

    height: 46px;

    width: 202px;

    padding-top: 33px;

}

.index_mainpic_boxall {

    float: left;

    height: auto;

    width: 100%;

    min-width:1024px;

    padding-top: 27px;

    text-align: center;

}



.index_mainpic_boxall img{

    height: 13px;

    width: 13px;

    padding-right: 41px;

}

.menu >ul >li>ul{

    display:none;

    position: absolute;

    top: 165px;

    left: 0;

    width: 100%;

    height: 58px;

    overflow: hidden;

    background-color: #004292;

    opacity: 1;

    transition: all ease-in-out .4s;

    z-index: 999999;

    padding-top: 20px;

    padding-bottom: 20px;

}

.menu >ul >li>ul.menu_service_ul{

    height: auto;

}



.menu >ul >li > ul > li{

    color: #fff;

    width: auto;

    display: inline-block;

    padding-right: 32px;

    margin-right: 6px;

    line-height: 42px;

    background-image: url(../images/about_menuline.png);

    background-repeat: no-repeat;

    background-position: right 12px;

}

.menu_line{

    width: 391px;

    height: 3px;

    border-top-style: solid;

    background-color: #d1d1d1;

    float: left;

    margin-bottom: 20px;

}

.menu >ul >li > ul > li> ul>li{

    width: 100%;

    /* float: left; */

    padding-bottom: 20px;

    /* vertical-align: middle; */

    display: table;

}

.menu >ul >li > ul > li> ul > li img{

    /* float: left; */

    /* display: table; */

    display: table-cell;

    width: 68px;

}

.menu >ul >li > ul > li> ul > li p{

    /* float: left; */

    width: 306px;

    color: #fff;

    padding-left: 16px;

    height: 49px;

    vertical-align: middle;

    display: table-cell;

}

.menu >ul >li > ul > li> ul > li p a:link{

    color: #fff;

}



.menu >ul >li > ul > li> ul > li p a:visited{

    color: #fff;

}

.menu >ul >li > ul > li> ul > li p a:hover{

    color: #d1d1d1;

}

.menu >ul >li > ul > li.menu_service_li{

    width: 391px;

    text-align: left;

    margin-right: 100px;

}

.menu >ul >li > ul > li:last-child{

    margin-right: 0px;

    margin-left: 0px;

}

.menu >ul >li > ul > li >a{

    color: #fff;

    text-decoration:none;

}

.menu >ul >li > ul > li >a:hover{

    color: #c3c3c3;

    text-decoration:none;

}

.menu > ul > li {

    height: 38px;

    font-family: '微軟正黑體';

    font-size: 15px;

    line-height: 48px;

    color: #000;

    letter-spacing: 0.3px;

    text-decoration: none;

    text-align: center;

    display:inline-block;

    /*padding-right: 50px;*/

    padding-right:3%;

    padding-top: 13px;

}



.menu > ul > li:last-child {

    height: 38px;

    font-family: '微軟正黑體';

    font-size: 15px;

    line-height: 48px;

    color: #000;

    letter-spacing: 0.3px;

    text-decoration: none;

    text-align: center;

    display:inline-block;

    padding-right: 0px;



}

.menu >ul > li > a:link {

    font-family: '微軟正黑體';

    font-size: 15px;

    line-height: 48px;

    color: #000;

    letter-spacing: 0.3px;

    text-decoration: none;

    position:relative;

}



.menu > ul > li > a:visited {

    font-family: '微軟正黑體';

    font-size: 15px;

    line-height: 48px;

    color: #000;

    letter-spacing: 0.3px;

    text-decoration: none;

}



.menu > ul > li > a:hover {

    font-family: '微軟正黑體';

    font-size: 15px;

    line-height: 48px;

    color: #656565;

    letter-spacing: 0.3px;

    text-decoration: none;

    border-bottom-width: 4px;

    border-bottom-style: solid;

    border-bottom-color: #616073;

    padding-bottom: 3px;

}

.menu_arrow{

    position: absolute;

    opacity: 1px;

    background-image: url(../images/about_menuarrow.png);

    background-repeat: no-repeat;

    background-position-x: center;

    width: 10px;

    height: 5px;

    z-index: 999;

    margin-left: 29px;

    margin-top: 11px;

    opacity: 1;

}





#wrapper {

    width: 100%;

    height: 100%;

    position: relative;

    margin-top: 0px;

    margin-right: auto;

    margin-bottom: 0px;

    margin-left: auto;

    transition-duration: 0.8s;

    min-width:1024px;

}





.clearfix:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}



.clearfix {

    display: inline-block;

}



html[xmlns] .clearfix {

    display: block;

}



* html .clearfix {

    height: 1%;

    overflow: visible;



}



img {

    border:none;

}

.index_top_right {

    position: absolute;

    z-index: 999;

    height: auto;

    top: 0px;

    /*right: 0px;*/

    right:60px;

}

.menu {

    width:100%;

    height: 72px;

    text-align: center;

    min-width:1024px;

}

.menu ul{

    width:100%;

}



@media screen and (min-width:1440px) {

    body {

        /*overflow-y: scroll;*/

        overflow-x: hidden;

    }



    .index_search {

        float: left;

        height: 37px;

        width: 105px;

        padding-top:21px;

    }







    .index_slogo{

        display:none;

    }

    .index_slogan_text66 {

        font-family: "Noto Serif TC", serif;
        font-weight: 500;
        font-style: normal;

        font-size: 64px;

        color: #fff;

        line-height: 77px;

        letter-spacing: -2.5px;

        height: auto;
		padding-bottom: 15px;
		margin-left: -7px;
		padding-top: 23px;

    }

    .index_slogan_text_s {

        font-family: "微軟正黑體";

        font-size: 16px;

        line-height: 30px;

        color: #fff;

        height: auto;

        letter-spacing: 0px;

    }

    .index_slogan_all {

        width: 582px;

        position: absolute;

        z-index: 999;

        top: 15%;

        left: 14%;

        height: auto;

        padding-right: 49px;

    }



    .index_customer {

        height: 241px;

        width: 100%;

        margin-right: auto;

        margin-bottom: 0px;

        margin-left: auto;

        background-image: url(../images/index_customer_title.jpg);

        background-repeat: no-repeat;

        background-position: center top;

        float:left;

    }



    .index_sitemap_info ul li {

       font-family: "Fira Sans", sans-serif;
       font-weight: 400;
       font-style: normal;

        font-size: 16.5px;

        color: #FFF;

        display: inline-block;

        float: left;

        height: auto;

        width: 154px;

        padding-right: 11px;

        line-height: 55px;

    }

    .index_sitemap_info {

        height: 312px;

        width: 990px;

        margin-top: 20px;

        margin-right: auto;

        margin-bottom: 0px;

        margin-left: auto;

        background-color: #03416d;

        padding-top: 25px;

    }



    .index_testimonials {

        background-image: url(../images/index_testimonials_bg.jpg);

        background-position: left top;

        text-align: center;

        float: left;

        height: auto;

        width: 100%;

    }



    .about_top {

        height: auto;

        width: 100%;

        float: left;

    }



    .index_sitemap {

        height: 362px;

        width: 100%;

        margin-top: 0px;

        margin-right: auto;

        margin-bottom: 0px;

        margin-left: auto;

        background-color: #03416d;

        float:left;	

    }

}

@media screen and (min-width: 1280px) and (max-width:1439px) {

    body {

        /*overflow-y: scroll;*/

        overflow-x: hidden;

    }

    .index_partner_all {

        float: left;

        height: auto;

        width: calc(50% - 80px);

        padding-left: 80px;

        padding-right: 0px;	

    }

    .index_news_one{

        padding-top:23px;

    }

    .index_mainpic_button {

        display:none;

    }



    .index_slogan_text66 {

        font-family: "Noto Serif TC", serif;
        font-weight: 500;
        font-style: normal;

        font-size: 54px;

        color: #fff;

        line-height: 68px;

        letter-spacing: -2.5px;

        height: auto;
		padding-bottom: 15px;
		margin-left: -7px;
		padding-top: 23px;
    }

    .index_slogan_text_s {

        font-family: "微軟正黑體";

        font-size: 14px;

        line-height: 30px;

        color: #fff;

        height: auto;

        letter-spacing: 0px;

    }

    .index_slogan_all {

        width: 582px;

        position: absolute;

        z-index: 999;

        top: 13.5%;

        left: 6%;

        height: auto;

        padding-right: 49px;

    }



    .index_customer {

        height: 241px;

        width: 100%;

        margin-right: auto;

        margin-bottom: 0px;

        margin-left: auto;

        background-image: url(../images/index_customer_title.jpg);

        background-repeat: no-repeat;

        background-position: center top;

        float:left;



    }





    .about_top {

        height: auto;

        width: 100%;

        float: left;

    }



    .index_sitemap {

        height: 362px;

        width: 100%;

        margin-top: 0px;

        margin-right: auto;

        margin-bottom: 0px;

        margin-left: auto;

        background-color: #03416d;

        float:left;	

    }



    .index_news_one_date {

        font-size: 20px;

        line-height: 30px;

    }



    .index_news_one_title {

        font-size: 18px;

        line-height: 26px;

        padding-top: 6px;

    }



    .index_news_one_title a:link {

        font-size: 18px;

    }

    .index_news_one_title a:hover {

        font-size:18px;

    }

    .index_news_one_title a:visited {

        font-size: 18px;

    }

}



@media screen and (min-width: 1024px) and (max-width: 1279px) {

    body {

        /*overflow-y: scroll;*/

        overflow-x: hidden;

    }

    .index_categories_infoone {

        height: auto;

        width: 12%;

        padding-right: 4%;

        margin: 0 auto;

        display: inline-grid;

        padding-top: 36px;

        padding-bottom: 30px;

        max-width: 195px;

    }

    .index_categories_infoone_pic {

        height: auto;

        width: 100%;

        max-width: 148px;

        text-align: center;

        margin-right: auto;

        margin-left: auto;

    }

    .index_partners_boxall {

        width: 100%;

        max-width: 1280px;



    }

    .index_partner_all {

        float: left;

        height: auto;

        width: 100%;

        padding-left: 0px;

        padding-right: 0px;	

    }

    .index_partner_textall {

        width: 100%;

        max-width: 1280px;

    }

    .index_partner_all ul {

        width: 100%;

        max-width: 1280px;

        padding-left: 2%;



    }

    .index_partner_all li:nth-child(4n) {

        padding-right: 0px;;

    }

    .index_partner_all li:nth-child(3n) {

        padding-right: 5.2%;;

    }

    .index_mainpic_button{

        display:none;

    }

    .index_top_right {

        right: 30px;	

    }



    .index_customer {

        height: 241px;

        width: 1023px;

        margin-right: auto;

        margin-bottom: 0px;

        margin-left: auto;

        background-image: url(../images/index_customer_title.jpg);

        background-repeat: no-repeat;

        background-position: center top;

        float:left;

    }



    .index_news_one_date {

        font-size: 20px;

        line-height: 30px;

    }

    .index_news_one_title {

        font-size: 18px;

        line-height: 26px;

        padding-top: 6px;

    }

    .index_news_one_title a:link {

        font-size: 18px;

    }

    .index_news_one_title a:hover {

        font-size:18px;

    }

    .index_news_one_title a:visited {

        font-size: 18px;

    }

    .index_slogan_text66 {

        font-family: "Noto Serif TC", serif;
        font-weight: 500;
        font-style: normal;

        font-size: 54px;

        color: #fff;

        line-height: 68px;

        letter-spacing: -2.5px;

        height: auto;
		padding-bottom: 15px;
		margin-left: -7px;
		padding-top: 23px;
    }

    .index_slogan_text_s {

        font-family: "微軟正黑體";

        font-size: 14px;

        line-height: 30px;

        color: #fff;

        height: auto;

        letter-spacing: 0px;

    }

    .index_slogan_all {

        width: 582px;

        position: absolute;

        z-index: 999;

        top: 13.5%;

        left: 6%;

        height: auto;

        padding-right: 49px;

    }

    .index_news_left {

        display:none;

    }

    .index_news_right {

        width: 100%;

    }



    .index_copmany_all {

        width: 100%;

    }

    .index_about{

        padding-top:44px;

    }

}



@media screen and (min-width: 0px) and (max-width: 1023px) {



    body {

        overflow-y: scroll;

    }

    .index_categories_infoone {

        height: auto;

        width: 12%;

        padding-right: 4%;

        margin: 0 auto;

        display: inline-grid;

        padding-top: 36px;

        padding-bottom: 30px;

        max-width: 195px;

    }

    .index_categories_infoone_pic {

        height: auto;

        width: 100%;

        max-width: 148px;

        text-align: center;

        margin-right: auto;

        margin-left: auto;

    }

    .index_partners_boxall {

        width: 100%;

        max-width: 1024px;



    }

    .index_partner_all {

        float: left;

        height: auto;

        width: 100%;

        padding-left: 0px;

        padding-right: 0px;	

    }

    .index_partner_textall {

        width: 100%;

        max-width: 1024px;

    }

    .index_partner_all ul {

        width: 100%;

        max-width: 1024px;

        padding-left: 2%;



    }

    .index_partner_all li:nth-child(4n) {

        padding-right: 0px;;

    }

    .index_partner_all li:nth-child(3n) {

        padding-right: 5.2%;;

    }

    .index_mainpic_button{

        display:none;

    }

    .index_top_right {

        right: 30px;

    }

    .index_customer {

        height: 241px;

        width: 1023px;

        margin-right: auto;

        margin-bottom: 0px;

        margin-left: auto;

        background-image: url(../images/index_customer_title.jpg);

        background-repeat: no-repeat;

        background-position: center top;

        float:left;

    }



    .index_product_all {

        float: left;

        height: 578px;

        width: 1023px;

        background-color: #FFF;

        text-align: center;

    }

    .index_mainpic {

        width:1024px;

    }



    .about_top {

        height: auto;

        width: 1023px;

        float: left;

    }





    .index_news_one_date {

        font-size: 20px;

        line-height: 30px;

    }

    .index_news_one_title {

        font-size: 18px;

        line-height: 26px;

        padding-top: 6px;

    }

    .index_news_one_title a:link {

        font-size: 18px;

    }

    .index_news_one_title a:hover {

        font-size:18px;

    }

    .index_news_one_title a:visited {

        font-size: 18px;

    }

    .index_slogan_text66 {

        font-family: "Noto Serif TC", serif;
        font-weight: 500;
        font-style: normal;

        font-size: 54px;

        color: #fff;

        line-height: 68px;

        letter-spacing: -2.5px;

        height: auto;
		padding-bottom: 15px;
		margin-left: -7px;
		padding-top: 23px;

    }

    .index_slogan_text_s {

        font-family: "微軟正黑體";

        font-size: 14px;

        line-height: 30px;

        color: #fff;

        height: auto;

        letter-spacing: 0px;

    }

    .index_slogan_all {

        width: 582px;

        position: absolute;

        z-index: 999;

        top: 13.5%;

        left: 6%;

        height: auto;

        padding-right: 49px;

    }

    .index_news_left {

        display:none;

    }

    .index_news_right {

        width: 100%;

    }

    .index_news_one {

        width: 1024px;

        box-sizing: border-box;

    }

    .index_top {

        height: auto;

        width:1024px;

    }

    .index_copmany_all {

        width: 100%;



    }

    .index_about{

        padding-top:44px;

    }



}