﻿/*Style.css*/
/*  url('/../img/ 取代成 url('/Site/img/  */
.value_list li div {  margin-bottom: 10px !important; }
.menu .nav_option{ left: 20px !important; }
.s_07 { height: 360px !important; }

/*.reco_wrap div:after 和.reco_wrap div:before 註解掉*/
/*DrsValues_Target*/
.reco_wrap .container:after { content: ''; z-index: -1; position: absolute; top: 22%; left: 0; width: 250px; height: 285px; background: url('/Site/img/service/bg_item_l.png') no-repeat; }
.reco_wrap .container:before { content: ''; z-index: -1; position: absolute; top: 22%; right: 0; width: 250px; height: 285px; background: url('/Site/img/service/bg_item_r.png') no-repeat; }

/*---108/5/10 SEO優化 Begin---*/

/*首頁*/
#main .container .s_01 h2{ position: absolute; right: 25px; bottom: 50px; }
#main .container .masonry h2 { font-size: 20px; transition-duration:.5s; }

/*服務價值*/
#value #main_value .v_page h1 { font-size: 26px; color: #fff; text-align: center; margin: 20px auto; display: inline-block; }
#value #value_advantage .container h2 { font-size: 30px;color: #056586;text-align: center;padding-bottom: 4px;border-bottom: 2px solid #056586;display: inline-block;} 
#value #ten_value .value_two_col_list .value_txt h3 { font-size: 18px;line-height: 1.6;color: #fff;display: inline-block; font-weight: normal;}

/*服務價值Value*/
#service #sevice_title .s_page_title h1 { font-size: 1.2rem; font-weight: bold; padding-bottom: 10px; margin-bottom:10px; border-bottom: solid 1px #fff; }
#servic #sevice_title .s_page_title h2 { font-size: 2.1rem; color: #056586; color: #fff; }

#service #qa .container .qa_text h3 { position: relative; margin-left: 12%; font-size: 1.4rem; line-height: 1.4; font-weight:normal;}
.qa_text h3:before{ position: absolute; top: -5px; left: -40px; content: 'Q'; margin-right: 10px; font-size: 2rem; color: rgba(5,101,134,.3); }

#service #advantage .container h2 { margin: 80px 0 0; }
#service #advantage .container h2 { font-size: 1.6rem; text-decoration: underline; color: #056586; }

#service #recommend_article .reco_wrap .container h3 { font-size: 1.4rem; font-weight: bold; color: #056586; margin-bottom: 20px; }
#service #dnb_value .container h2 { font-size: 1.4rem; font-weight: bold; color: #056586; margin-bottom: 20px; }
#service #application_process .container h2 { font-size: 1.4rem; font-weight: bold; color: #056586; margin-bottom: 20px; }


@media only screen and (max-width: 640px){
	#service #sevice_title .s_page_title h1 { font-size: 1.1rem;}
}
@media only screen and (max-width: 480px){
	#service #sevice_title .s_page_title h2 { font-size: 1.6rem; }
    #service #advantage .container h2 { font-size: 1.4rem}
}
@media only screen and (max-width: 414px){	
	#service #sevice_title .s_page_title h2 { font-size: 1.2rem; line-height: 1.5;}
    #service #advantage .container h2 { font-size: 1.2rem; line-height: 1.5;}
}

/*客戶薦言*/
#main_recom .r_page_title h1 { font-size: 26px; }


/*---108/5/10 SEO優化 End---*/


/*app*/
.text-justify {
    text-align: justify !important;
}
.text-center {
    text-align: center !important;
}

/*app*/
.ta1 .s_page_title, .value_list li.ta1 {
    background-color: #0490b5 !important;
}

.ta1 .qa_wrap:after {
    background-color: #f0f6f8 !important;
}

.ta1 .qa_text h3 {
    color: #0490b5 !important;
}

    .ta1 .qa_text h3:before {
        color: #8dcadb !important;
    }

.ta1 .qa_text p:before {
    color: #8dcadb !important;
}

.ta1 .advan_list li span {
    background-color: #0490b5 !important;
    border-bottom-color: #3aa5c1 !important;
}

/*跨境電商*/
.ta2 .s_page_title, .value_list li.ta2 {
    background-color: #be4d00 !important;
}

.ta2 .qa_wrap:after {
    background-color: #fdf8f2 !important;
}

.ta2 .qa_text h3 {
    color: #be4d00 !important;
}

    .ta2 .qa_text h3:before {
        color: #e5b899 !important;
    }

.ta2 .qa_text p:before {
    color: #e5b899 !important;
}

.ta2 .advan_list li span {
    background-color: #be4d00 !important;
    border-bottom-color: #de7300 !important;
}

/*國際供應鏈企業*/
.ta3 .s_page_title, .value_list li.ta3 {
    background-color: #00b2aa !important;
}

.ta3 .qa_wrap:after {
    background-color: #f2fdfd !important;
}

.ta3 .qa_text h3 {
    color: #00b2aa !important;
}

    .ta3 .qa_text h3:before {
        color: #99e0dd !important;
    }

.ta3 .qa_text p:before {
    color: #99e0dd !important;
}

.ta3 .advan_list li span {
    background-color: #00b2aa !important;
    border-bottom-color: #00d8d4 !important;
}

/*美國政府合作廠商*/
.ta4 .s_page_title, .value_list li.ta4 {
    background-color: #005172 !important;
}

.ta4 .qa_wrap:after {
    background-color: #f2f8fb !important;
}

.ta4 .qa_text h3 {
    color: #005172 !important;
}

    .ta4 .qa_text h3:before {
        color: #99b9c7 !important;
    }

.ta4 .qa_text p:before {
    color: #99b9c7 !important;
}

.ta4 .advan_list li span {
    background-color: #005172 !important;
    border-bottom-color: #0079aa !important;
}

/*美妝企業*/
.ta5 .s_page_title, .value_list li.ta5 {
    background-color: #d25b73 !important;
}

.ta5 .qa_wrap:after {
    background-color: #fef9fb !important;
}

.ta5 .qa_text h3 {
    color: #d25b73 !important;
}

    .ta5 .qa_text h3:before {
        color: #d25b73 !important;
    }

.ta5 .qa_text p:before {
    color: #edbdc7 !important;
}

.ta5 .advan_list li span {
    background-color: #d25b73 !important;
    border-bottom-color: #e888ab !important;
}

/*醫材＆生技*/
.ta6 .s_page_title, .value_list li.ta6 {
    background-color: #005f61 !important;
}

.ta6 .qa_wrap:after {
    background-color: #F2F9F9 !important;
}

.ta6 .qa_text h3 {
    color: #005f61 !important;
}

    .ta6 .qa_text h3:before {
        color: #99BFC0 !important;
    }

.ta6 .qa_text p:before {
    color: #99BFC0 !important;
}

.ta6 .advan_list li span {
    background-color: #005f61 !important;
    border-bottom-color: #f2f9f9 !important;
}

/*ssl*/
.ta7 .s_page_title, .value_list li.ta7 {
    background-color: #e6a65d !important;
}

.ta7 .qa_wrap:after {
    background-color: #fefdfb !important;
}

.ta7 .qa_text h3 {
    color: #e6a65d !important;
}

    .ta7 .qa_text h3:before {
        color: #f5dbbe !important;
    }

.ta7 .qa_text p:before {
    color: #f5dbbe !important;
}

.ta7 .advan_list li span {
    background-color: #e6a65d !important;
    border-bottom-color: #f2d2ac !important;
}

/*企業族譜*/
.ta8 .s_page_title, .value_list li.ta8 {
    background-color: #642f6c !important;
}

.ta8 .qa_wrap:after {
    background-color: #f9f6fa !important;
}

.ta8 .qa_text h3 {
    color: #642f6c !important;
}

    .ta8 .qa_text h3:before {
        color: #c1acc4 !important;
    }

.ta8 .qa_text p:before {
    color: #c1acc4 !important;
}

.ta8 .advan_list li span {
    background-color: #642f6c !important;
    border-bottom-color: #9546a1 !important;
}

/*國際參展企業*/
.ta9 .s_page_title, .value_list li.ta9 {
    background-color: #3b7200 !important;
}

.ta9 .qa_wrap:after {
    background-color: #f6fbf2 !important;
}

.ta9 .qa_text h3 {
    color: #3b7200 !important;
}

    .ta9 .qa_text h3:before {
        color: #b1c799 !important;
    }

.ta9 .qa_text p:before {
    color: #b1c799 !important;
}

.ta9 .advan_list li span {
    background-color: #3b7200 !important;
    border-bottom-color: #58aa00 !important;
}

/*新創公司*/
.ta10 .s_page_title, .value_list li.ta10 {
    background-color: #9b3259 !important;
}

.ta10 .qa_wrap:after {
    background-color: #fcf6f9 !important;
}

.ta10 .qa_text h3 {
    color: #9b3259 !important;
}

    .ta10 .qa_text h3:before {
        color: #d7adbd !important;
    }

.ta10 .qa_text p:before {
    color: #d7adbd !important;
}

.ta10 .advan_list li span {
    background-color: #9b3259 !important;
    border-bottom-color: #cc4b85 !important;
}
