/*共用
--------------------------------------------------- */
.unline{border-bottom: 1px solid #ccc;}
.unline_w{border-bottom: 1px solid #fff;}
.unline_ta{border-bottom: 1px solid #000;}
.hr_b,.hr_b_w{
    width: 100px; height:4px; 
    background-color:#137bd8;
    margin-top: -10px;
    margin-bottom: 0px;
    border-top: 0px;}
.hr_b_w{background-color:#fff;}
.ab_header,.co_header,.re_header,
.welfare_bg,.cash_header,.sol_header{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height:auto;
    padding:100px 0;
}
.indent{text-indent:30px;}
.center{text-align:center;}
.yellow{color:#fff962;}
hr{margin-top: 60px;}
.pad{padding-bottom: 5%;}
/*關於安贊頁面
--------------------------------------------------- */
.ab_header{background-image: url(../images/ab_header.jpg);}
.page_ab_en{
    font-family:"Century Gothic"; 
    color:#fff; font-size:50px; 
    text-align: center; margin: 0;}
.page_ab_en01{font-size:38px !important;}
.page_abline{
    color:#fff;
    border-top: 3px solid #137bd8;
    width: 100px;
    margin: 0 auto;
    font-size:25px;
    padding-top: 10px;}

/*--公司沿革--*/
ul.ab_history,.history_pic{
    width:100%; 
    text-align: center; 
    margin-top:50px; 
    margin-bottom:6px;}

ul.ab_history li,.ab_ta_ft li,.applic_top li{display: inline-block;}

.ab_history_b01, .ab_history_w01{font-size:55px;}
.ab_history_b02, .ab_history_w02{text-align: left;}
.ab_history_b02 p, .ab_history_w02 p{font-size: 26px; margin: -8px 0 0;}
.ab_history_b02 p + p, .ab_history_w02 p + p{font-size: 18px;}

.ab_content,.ab_content01{
    color:#787373; 
    font-size:16px; 
    width:80%; 
    margin: 0 auto; 
    padding-top:25px; 
    text-indent: 35px; 
    line-height:1.8;}
.ab_content01{padding-top:15px;}
.history_pic{margin-bottom:30px;}

/*--經營理念--*/
.ab_admi{background-color:#137bd8;}
.ab_history_w01,.ab_history_w02{color:#fff;}
.txt{
    color:#fff; 
    text-align: center; 
    margin: 10px 0;
    font-size: 16px;}

/*--服務團隊&未來展望--*/
.ta_ft{background-color: #eee; padding-bottom: 5%;}
.ab_ta_ft{
    width:100%;
    text-align: left;
    margin-top:50px;
    margin-bottom:6px;}
.ta_txt{
    font-size:18px; 
    color:#5e5e5e;
    text-indent: 30px;
    line-height:1.8;}
.ta_txt span{color:#137bd8;}
.ta_pic img{width:100%; height: auto;}
.ta_block,.fu_block01,.fu_block{
    width:49%; 
    margin:0; 
    padding: 0; 
    display: inline-block; 
    vertical-align: top;}
.fu_con,.ta_con{padding:0% 2%;}
.fu_block01{ display: inline-block;}
.fu_block02{display: none;}

/*解決方案頁面
--------------------------------------------------- */
.sol_header{background-image: url(../images/sol_header.jpg);}
.abgne_tab {
    margin: 50px 0;
}
ul.tabs {
    width: 315px;
    height: 32px;
    margin: 0 auto;
    
}
ul.tabs li {
    float: left;
    line-height: 31px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;	
    border: 1px solid #137bd8;
    background: #fff;
    margin:0 1%;
}
ul.tabs li a {
    display: block;
    padding:10px 10px;
    color: #137bd8;
    border-radius:5px;
/*     border: 1px solid #fff; */
    text-decoration: none;
}
ul.tabs li a:hover {
    background: #137bd8;
    color:#fff;
}
ul.tabs li.active  {
    background: #137bd8;
    color:#fff;
}
ul.tabs li.active a{color:#fff;}

ul.tabs li.active a:hover {
    background: #137bd8;
    color:#fff;
}
div.tab_container {
    clear: left;
    width: 100%;
    background: #fff;

}
div.tab_container .tab_content {
/*     padding: 20px; */
}
div.tab_container .tab_content h2 {
    margin: 0 0 20px;
}
.sol_r,.sol_l{display: table-cell; vertical-align: middle;}
.sol_r{ line-height:0.6;}
.sol_r p{font-size: 20px; margin: 0;}
.sol_l{font-size:40px;padding-right:5px;}
.sol_admin{
    font-size: 16px; color: #787373; line-height:1.8; width:80%; margin: 20px auto 0;}
.bus{}
.web{margin:50px 0; height: auto; width: 100%;}
.web_lef,.web_rig{float: left;}
.web_lef{width:30%; background-color:#137bd8; padding:15px;}
.web_rig{
    background-image:url(../images/web_pic01.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.web_rig li{margin:15px 0; width:75%; line-height:26px;}
.web_rig li > p{margin: 0;}
.web_rig li p.title + p{font-size: 16px;}
.web_list{padding:23px 20px;}

.security{margin:50px 0;}
.security_lef,.security_rig{}
.security_rig{background-color:#137bd8; padding:15px; }
.security_lef{ padding:0;}
.security_lef img{width:100%;}
.plan{margin:50px -15px;}

.w_zh{font-size: 22px; color:#fff;}
.w_en{font-size: 20px; color:#fff962;}
.w_txt{color:#fff;}
.title{font-size:18px ; color:#137bd8 ; font-weight:500;}
/*金流平台頁面
--------------------------------------------------- */
.cash_header{background-image: url(../images/cash_header.jpg);}
.cash_bg{
    background-image: url(../images/cash_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center center;
    height:auto;
    padding:50px 0;
}
.cash_bg01{
    background-image: url(../images/cash_bg01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center center;
    height:auto;

}
.cash_content{
    color:#fff; 
    font-size: 16px; 
    line-height:2;
    letter-spacing:2px; 
    text-align: justify;}
.cash_pic,.cash_pic01{margin: 0 auto; text-align: center;}
.cash_pic01{padding:50px 0 0;}
.tabl{display: table;}
.table-cell{display:table-cell;}
.cash_list,.cash_list01{width:100%; overflow: hidden; margin-top:20px;}
.cash_list li{
    width:40%; 
    margin: 0 5%; 
    float: left; 
    font-size:22px; 
    margin-bottom: 10px;
}
.cash_list01 li{
    width:23%; 
    margin: 0 5%; 
    float: left; 
    font-size:22px; 
    margin-bottom: 10px;
}
/*連絡我們頁面
--------------------------------------------------- */
.co_header{background-image: url(../images/co_header.jpg);}
.map{padding-top:70px;}
.contact_list{padding-top:90px;}
.contact_list ul{overflow: hidden; color:#787373; font-size: 18px;}
.contact_list ul li{line-height: 2.5;}
.co_indent{text-indent: 20px;}
.co_indent_01{text-indent:25px;}
.fa{color:#137bd8;}
.wrap{display: block; width: 100%;overflow: hidden; margin-top: 50px; padding-bottom:10%;}
.wraps{
    margin-bottom: 1em;
    overflow: hidden;
    float: left;
    width: 49%;
}
.contactwrap input, .contactwrap textarea{
    height: 40px;
    padding: 0.5%;
    color: #333;
    line-height: 40px;
    width: 100%;
    float: left;
    border: 1px solid #DBDBDB;
    border-radius: 5px;
}
.contactwrap textarea{
    padding: 0.5rem 0%;
    height: 300px;
    line-height: 1.125rem;
}
.wrap li:nth-child(2n+2){margin-left: 1.5%;}
.wrap .send{
    display: inline-block;
    background-color: #40badf;
    width: 100%;
    max-width: 100px;
    padding: 0.5em 0;
    text-align: center;
    color: #fff;
    clear: both;
    margin: 1rem auto;
    font-size: 15px;
    margin-left:45%;
}
.wrap .send:hover{background-color: #1e5869;}
/*招募菁英頁面
--------------------------------------------------- */
.re_header{background-image: url(../images/re_header.jpg);}
.re_content{font-size: 16px; margin-top: 25px;}
.re_job{margin-bottom:100px;}
.re_indent{text-indent:0px; width: 100%; color:#000;}
.re_indent_w{text-indent:0px; width:65%; color:#fff; margin: 0 auto;}
.re_center{text-align: center;}
.re_center span{color:#137bd8;}
.re_btn{
    border: 1px solid #137bd8; 
    display: block; 
    width:105px; 
    margin:20px auto;
    }
.applic_bg{
    background-image: url(../images/application_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center center;
    height:auto;
    padding:0 0 200px;
}
.applic_top{
    width: 100%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 6px;
}
.welfare_bg{background-image: url(../images/welfare_bg.webp);}




@media only screen and (max-width:1199px) and (min-width:992px){
    .ab_content, .ab_content01{width:100%;}
    .re_indent_w{width: 79%;}
    .cash_list li {width: 23%;margin: 0 5%;font-size: 21px;}
}
@media only screen and (max-width:991px) and (min-width:742px){
    .re_indent_w{width: 50%;}
}
@media only screen and (max-width:991px) and (min-width:480px) {
    .ta_block,.fu_block{width: 100%; display: block;}
    .fu_block02{display:inherit;}
    .fu_block01{display: none;}    
}
@media only screen and (max-width:741px) and (min-width:676px){
    .re_indent_w{width: 56%;}
}
@media only screen and (max-width:676px){
    .re_indent_w{width: 69%;}
}
/*640*/
@media only screen and (max-width:640px){
    .re_indent_w{width: 59%;}
    .web_rig li{width:100%;}
}
/*539*/
@media only screen and (max-width:539px){
    .cash_list li{width:100%; float: none;}
    .cash_list01 li{width:31%; margin:0 1%;}
}
/*402*/
@media only screen and (max-width:400px){
    .cash_list01 li{width:48%; margin:0 1%;}
}
/*480*/
@media only screen and (max-width:480px){
    .ta_block,.fu_block{width: 100%; display: block;}
    .fu_block02{display:inherit;}
    .fu_block01{display: none;} 
    .re_indent_w{width:80%;}
     .wrap .send{margin-left:33%;}
}
/*320*/
@media only screen and (max-width:320px){
    .re_indent104{text-indent:0px;}
    .re_center{text-align: left;}
    .re_indent_w{width: 102%;}
    .ab_content, .ab_content01{width: 100%;}
    .map{padding-top:0px;}
    ul.tabs li{float:none; margin:10px 0;}
    ul.tabs {width:100%; height: auto;}
   
}