/*----------------服務範圍------------*/
body{ background: #fff;}

.contactway_bg{  width:100%; background: #ededed;}
/*麵包屑導航*/
.breadcrumbs_box{ width: 100%; background: #f7f7f7; border-top: solid 1px #f7f7f7; height: 42px; line-height: 42px;}

.breadcrumbs{width:100%; padding: 0 20px;}
.breadcrumbs p{ display: inline-block;  color: #999999; background: url("../img/T5.png") right center no-repeat; margin: 0;font-weight:normal;}
.breadcrumbs p a{  color: #999999;  margin: 0 25px 0 20px; }
.breadcrumbs p:first-child a{ margin-left: 0;}
.breadcrumbs p:last-child{ background: none; }
.breadcrumbs p span{ color: #333; padding-left: 20px;}
.breadcrumbs p a:hover{color: #333;transition: all 1s linear;}

/*內容*/
.services_box{ margin-top: 45px;}
.services_box .jumbotron{  background: none; padding: 0;}
.services_box .jumbotron h1{ font-size: 32px; color: #090b17; }
.services_box .jumbotron p{ color: #666;font-weight:normal;font-size: 14px; }
.services_box .jumbotron div{ text-align: left; line-height: 26px;}

/*介紹*/
.services_introduction .col-lg-6{position: relative; padding: 0; padding-top: 50px; margin-bottom: 24px; cursor: pointer;}
.services_introduction .col-lg-6:nth-child(2n){ padding-left: 12px;}
.services_introduction .col-lg-6:nth-child(1n){ padding-right: 12px;}
.services_introduction .col-lg-6 .introduction_icon{ position: absolute; left: 50%; top: 0; margin-left: -50px;}
.services_introduction .col-lg-6 .introduction_icon img{width: 100px;height: 100px;}

.services_introduction .col-lg-6 .introduction_text{background: #f2f2f2; padding:66px 15px 22px;  border-radius: 14px;-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; }
.services_introduction .col-lg-6 h4{  font-size:20px; font-weight:bold;height:36px; text-align: center; line-height:36px; color: #333333; margin: 0; margin-bottom: 20px;}
.services_introduction .col-lg-6 p{ line-height: 26px; margin: 0; font-size: 16px;color: #444;}
.services_introduction .col-lg-6:hover .introduction_text{background:#fe7200; color: #fff;-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;}
.services_introduction .col-lg-6:hover .introduction_text h4{ color: #fff;}
.services_introduction .col-lg-6:hover .introduction_text p{ color: #fff; }

.introduction_box_text p{ text-align: left; text-indent: 2em; font-size: 16px; margin-bottom:0px;}
.introduction_box_text .introduction_title1{ text-align: left; font-size: 26px; color: #333; margin-top: 56px;margin-bottom: 22px;}
.introduction_box_text .introduction_title1 img{ vertical-align: text-bottom;}

.services_introduction .notice{ padding:20px 0; overflow:hidden; line-height:28px; color: #212121; text-align: center; border-top: dashed 1px #cccccc; border-bottom:dashed 1px #cccccc; margin:40px 0 8px;}

/*登記流程*/
.registration_bg{ width: 100%; background: #f7f7f7; padding:0 0; overflow: hidden;}

.introduction_title{ margin-top:70px; text-align: center; color: #ed6d00; font-size: 24px; line-height: 40px;margin:70px 0 40px;}
.introduction_title div{ height: 1px; width: 40px; background: #97999b; margin:10px auto 0;}

.registration_bg p{ line-height: 26px; text-align: center;}

.table-box .table-bordered th{ background: #ededed; border-bottom: none;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{ padding: 20px;}
.table-bordered th,.table-bordered th{ padding: 5px;}

/*-------------長者熱線--------*/
.services_box1{ width: 90%; margin:50px auto 0; }

.services_box .jumbotron .col-lg-6 strong{ font-size: 20px;}
.services_box .jumbotron .col-lg-6 div{ font-weight: bolder;  font-size: 16px;}
.services_box .jumbotron .col-lg-6 p.text{ color:#212121;font-weight:normal;  font-family:"Microsoft YaHei"; margin-top: 20px;}
.services_box .jumbotron .col-lg-6 img{ max-width: 100%; margin-left: 20px;  display: block;}


.services_box .title1{font-size:20px; line-height:36px;font-weight: bold; position: relative; padding-left: 10px;}
.services_box .title1::after{ position: absolute; left:0; top:9px; width:3px; height:20px; content:""; background: #ed6d00;}

.free_services{display:flex; flex-wrap: wrap;/*border-top: dashed 1px #cccccc;border-left: dashed 1px #cccccc;*/ margin:20px 0;}
.free_services li{ width:20%; text-align: center; border-bottom: dotted 1px #cccccc;border-right: dotted 1px #cccccc; box-sizing: border-box; float: left;}
.free_services li:nth-child(5n){ border-right: none;}
.free_services li:nth-child(11),.free_services li:nth-child(12),.free_services li:nth-child(13),.free_services li:nth-child(14),.free_services li:nth-child(15){ border-bottom: none;}
.free_services li img{  margin-top:30px;}
.free_services li p{ color: #212121; margin:10px 15px 30px;}
.free_services li p a{ color: #212121;}

.services_box .mode{border-bottom: dashed 1px #cccccc; }
.services_box .mode .col-lg-3{ background: #ededed; padding:20px; font-weight:bold;border-top: dashed 1px #cccccc; }
.services_box .mode .col-lg-9{ padding:20px;border-top: dashed 1px #cccccc;}
.services_box .mode .col-lg-9 a{ color: #ed6d00}
.services_box .mode .col-lg-9 a:hover{ text-decoration: underline; color: #ed6d00;}

.services_clause{ margin-top: 20px;}
.services_clause p{ text-align:left;}
.services_clause p i{ width: 6px; height: 6px; border-radius: 6px; background: #7c807a; display: inline-block; margin-right:10px;}


.services_box .notice2{  padding:20px 0; text-align: right !important; line-height:28px; color: #212121; text-align: center; border-top: dashed 1px #cccccc; margin:60px 0 50px; }
.services_box .notice2 i{ color: #ff0707;}

/*------------------繳費方式---------------*/
/*.services_box .payment{ background: #ededed;}*/
.services_box .payment{ margin:30px 0 100px;}
.services_box .payment .table tr{ background: #fff;font-family:"Microsoft YaHei";}
.services_box .payment .table tr td{ padding:20px 28px;   border-bottom: dashed 1px #cccccc;border-top: dashed 1px #cccccc; vertical-align: inherit;}
.services_box .payment .table tr td:first-child{font-weight:bold;background: #ededed; width: 28%; }
.services_box .payment .h5{ margin: 0 0 10px;}
.services_box .payment p{ color: #212121;font-weight:normal; margin-bottom: 0; line-height: 26px;}
.services_box .payment p a{ color: #ed6d00; margin-left: 14px;}
.services_box .payment p a:hover{ text-decoration: underline; color: #ed6d00;}

/*-----------------申請安心通-------------------*/
.payment2 .notice2{  padding:0; text-align: right !important; line-height:28px; color: #212121; text-align: center; border-top:none; margin:0 0 20px; }
.payment2 .notice2 i{ color: #ff0707;}
.payment2 .notice2 a{ color: #212121;}
.payment2 .notice2 a:hover{ text-decoration: underline;}

/*服務流程*/
.procedure_box{ position: relative; margin-top: 80px;}
.procedure_box .title_procedure{ position: absolute; left:5px; top: 0; font-size: 28px; color: #212121; width: 30px; text-align: center; line-height:32px;}

.procedure_box .row{ margin-bottom: 60px;}
.procedure_box .col-lg-3{ /*width: 282px; height:186px; */position: relative; padding: 0; }
.procedure_box .col-lg-3 img{  max-width: 100%;/*width: 282px; height:186px;*/}
.procedure_box .col-lg-3 .procedure1{ width:80px; height:80px; position: absolute; left: -25px; top: -25px; }
.procedure_box .col-lg-3 .procedure1 img{ width:80px; height:80px;  }

.procedure_box .col-lg-7{ padding:0 0 0 20px;}
.procedure_box .col-lg-7 .h4{ font-size: 20px; height:40px; line-height:30px; border-bottom: solid 2px #fe7200; color: #fe7200; padding: 0; margin: 0;margin-bottom: 20px;}
.procedure_box .col-lg-7 p{  line-height: 24px; text-align: left; margin: 0;}

.procedure_box .col-lg-10{ background: #ededed; padding:25px 45px 35px;border-radius: 10px;}
.procedure_box .col-lg-10 .h4{  font-size: 20px; height:30px; line-height:30px; color:#fe7200; margin-bottom: 10px;}
.procedure_box .col-lg-10 p{  line-height: 24px; text-align: left; margin: 0;}


/*----------------愛心商戶--------------*/
.services_box .jumbotron .jumbotron{}
.services_box .jumbotron .jumbotron h3{  margin-bottom: 40px;}
.services_box .jumbotron .jumbotron p{ font-weight:normal; color: #333;height: 115px;}
.services_box .jumbotron .col-lg-5 img{ max-width: 100%;}

.merchant_bg{ overflow: hidden; }
.merchant_bg .jumbotron{ background: none;  margin:180px 50% 200px; color: #3d3b3b; padding: 0; padding-left:20px; width:480px;  }
.merchant_bg .jumbotron1{ margin:180px 50% 180px;}
.merchant_bg .jumbotron h3{  margin-bottom: 40px;font-size: 28px;margin-bottom: 30px; line-height:40px;}
.merchant_bg .jumbotron p{ font-weight:normal; font-size: 16px;}
.merchant_bg .jumbotron .btn_item{ width: 180px; height:50px; border: solid 1px #3d3b3b; color: #3d3b3b; border-radius: 30px; line-height: 50px; display: inline-block; padding: 0; margin-top: 20px;}
.merchant_bg .jumbotron .btn_item:hover{color: #ed6d00; background:#ffffff;transition: all 0.2s linear; border: solid 1px #ffffff;}

.btn_item{ width: 180px; height:50px; border: solid 1px #ed6d00; color: #ed6d00; border-radius: 30px; line-height: 50px; display: inline-block; padding: 0;}
.btn_item:hover{color: #fff; background: #ed6d00;transition: all 0.4s linear; width: 180px; height:50px;}

/*------------------善終服務--------------------*/
/*選項卡*/
#trait_tab{ border:solid 1px #e0e0e0; border-bottom: none; /*margin-top: 40px;*/}
#trait_tab li{ width: 33.33%; box-sizing: border-box;}
#trait_tab li a{ margin: 0; text-align: center; border-radius: 0; background: #ededed; border-top: none; line-height: 28px; font-size: 16px;}
#trait_tab li.active a{ background: #fff; color: #ed6d00;}
#trait_tab li:first-child.active a{ border-left: none;}
#trait_tab li:last-child.active a{ border-right: none;}

#trait_tab_content {border:solid 1px #e0e0e0; border-top:none; padding: 20px;margin-bottom: 60px;}
#trait_tab_content .services_clause{ margin-top: 0;}
#trait_tab_content .services_clause h5{ margin-bottom: 24px;}

/*隱藏顯示*/
.accordion{ padding:10px 0 60px;}
.accordion .accordion-group .accordion-heading{height: 52px; border-bottom: solid 1px #cccccc; overflow: hidden;}
.accordion .accordion-group .accordion-heading .accordion-toggle{ color: #333; line-height: 52px;/*background: url("../img/caret_up.png") right center no-repeat; padding-right: 30px;*/width: 100%; display: inline-block; }
.accordion .accordion-group .accordion-heading .accordion-toggle img{-webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -ms-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; margin-top: 20px;}
/*.accordion .accordion-group .accordion-heading .accordion-toggle.collapsed{ background: url("../img/caret_bottom.png") right center no-repeat;}*/
/*.accordion .accordion-group .accordion-heading .accordion-toggle:hover{ text-decoration: underline;}*/

.accordion .accordion-group .accordion-inner{ padding: 20px; border-bottom: solid 1px #cccccc;}


/*---------------愛心超市-----------------*/
.product_box{ margin:30px 0 110px;}
.product_box .col-lg-3{ background:#fff; border: solid 10px #f7f7f7; padding: 0; /*-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;*/}
/*.product_box .col-lg-3 { display: block; width: 100%;}*/
.product_box .col-lg-3 .product_img{ /*width:245px; height:234px;*/border-bottom: solid 1px #f7f7f7; }

.product_box .col-lg-3 .product_img img{ max-width: 100%; display:block; margin:0 auto;transition: all 30ms ease 0s; }
/*.product_box .col-lg-3:hover .product_img img{transform: translate(-10px);  transform: translate(0px);}*/
.product_box .col-lg-3 .product_text{ padding:20px 26px; background: #fff; }
.product_box .col-lg-3 .product_text h4{ text-align:left; margin: 0 0 3px; color: #212121; font-size: 16px; height: 24px; line-height: 24px; overflow: hidden;}
.product_box .col-lg-3 .product_text p{ text-align:left; color: #808080; height: 24px; line-height: 24px; overflow: hidden;}
/*.product_box .col-lg-3:hover .product_text div a{color: #f57b18;transition: all 0.2s linear;}*/
.product_box .col-lg-3 .product_text div{color: #212121; font-size: 16px; line-height:24px;}

/*.product_box .col-lg-3:hover{ -webkit-transform: translate(0, -2px); -moz-transform: translate(0, -2px); transform: translate(0, -2px); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); }*/
.product_box .col-lg-3:hover .product_text{  background: #ed6d00;}
.product_box .col-lg-3:hover .product_text div,.product_box .col-lg-3:hover .product_text h4,.product_box .col-lg-3:hover .product_text p,.product_box .col-lg-3:hover .product_text div a{color: #ffffff;}
.product_box .col-lg-3:hover .product_text div a.pull-right{ padding:0 10px; background: #fff; color: #fe7200;border: none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline: none;}
.product_box .col-lg-3 .product_text div a:active,.product_box .col-lg-3 .product_text div a:focus,.product_box .col-lg-3 .product_text div a:hover{ outline: none;color: #212121;}


/*彈窗*/
#shopping-modal{ display:none; }
#shopping-modal .modal-content{ box-shadow: none; border: none;}
#shopping-modal .modal-content .modal-header{ background: #ed6d00; border-radius: 6px 6px 0 0;}
#shopping-modal .modal-content .modal-header h4{ color:#fff;}
#shopping-modal .modal-content .modal-header .close{ }
#shopping-modal .modal-content .modal-header .close{ opacity:1; color:#fff; background:url("../img/quxiao.png") no-repeat;  color:#fff; width: 20px; height: 20px; margin: 0;}



.shopping_form{ margin-top: 30px;}
.shopping_form .number,.shopping_form .form-group{ margin:14px 0; width: 100%; height: 40px; }
.shopping_form label{ width:75px;font-size: 16px; font-weight: normal;}

.shopping_form .number{ height:auto;}
.shopping_form .number label{ width:75px;font-size: 16px; font-weight: normal;}
/*加減按鈕*/
.shopping_form .number .plus_reduction{ width: 110px; display: inline-block; position: relative; vertical-align:top; margin-right: 10px; }
.shopping_form .number .plus_reduction .sy_minus,.shopping_form .number .plus_reduction .sy_plus{   width: 26px;height: 26px;line-height: 26px;text-align: center;display: block; position: absolute;top: 0px; border: solid 1px #9e9e9a;background: #ebebeb;cursor: pointer; margin: 0;  }
.shopping_form .number .plus_reduction .sy_minus{  left: 0px;}
.shopping_form .number .plus_reduction .sy_plus{  right: 0px;}
.shopping_form .number .plus_reduction input.sy_num{width:60px;  height:26px;    line-height: 26px;    text-align: center;    position: absolute;    top: 0px;    left: 26px;border: none;border-top: solid 1px #9e9e9a; border-bottom: solid 1px #9e9e9a; }

.shopping_form .form-group div{ background:url("../img/required.png") right center no-repeat; width:223px; display: inline-block;}
.shopping_form .form-textarea{ margin-top: 14px;}
.shopping_form .form-textarea label{ vertical-align: top;}

.shopping_text{  width:200px !important; height:40px; line-height:40px;font-family: "Microsoft JhengHei";   border: solid 1px #9e9e9a;
    box-shadow: none; border-radius: 0; }
.shopping_text2{  width:470px !important; height:40px; line-height:40px;font-family: "Microsoft JhengHei";    border: solid 1px #9e9e9a;
    box-shadow: none;border-radius: 0; }
.shopping_textarea{   width:470px !important; height:155px !important;line-height:24px; resize:none;font-family: "Microsoft JhengHei";  border-radius: 0;    border: solid 1px #9e9e9a;
    box-shadow: none;}

.shopping_btn {padding:10px 0 46px 94px;text-align: left; border-top:none;}

.shopping_btn button{ background: #ed6d00; width: 200px; height: 50px; border-radius: 2px; color: #fff; font-size: 18px;}
.shopping_btn button:hover{ color: #ffffff; background: #f8821d;}
.shopping_btn .btn:focus,.shopping_btn .btn.focus {    color: #ffffff;    text-decoration: none;}


/*----------關於我們----------------*/
.ad_banner{ width: 100%; height:320px; text-align: center; overflow: hidden;}
.ad_banner h2{ font-size:28px; color: #fff; line-height: 46px;  margin-top: 120px;}
.ad_banner p{  color: #fff; line-height:24px;}

/*導航*/
.news_bg{width: 100%; background: #eeeeee; padding: 15px 0; overflow: hidden;}
.news_bg ul{ border-left: solid 1px #cccccc; overflow: hidden; padding: 0; margin-bottom: 0;}
.news_bg ul li{border-right: solid 1px #cccccc; padding: 0 15px; float: left;height: 40px;  line-height: 40px; list-style:none; }
.news_bg ul li a{ color:#666666; width:184px; text-align:center;  display: block; line-height: 40px; }
.news_bg ul li.active a,.news_bg ul li:hover a{ color:#666666; width:184px; text-align:center; background: #fff;  display: block; line-height: 40px; }

.services_box2 .jumbotron .col-lg-4{ text-align: right;}

.history_box{}
.history_box li img{max-width:100%; display: block;}


.aboutus_img{ padding-top: 70px;}
.aboutus_img ul{ padding-top: 40px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.aboutus_img ul li{ width: 25%; float: left;  }
.aboutus_img ul li img{max-width:100%; display: block; margin: 0 auto; }

.history_box2{ margin-top: 70px; display: none;}
.history_box2 .table tr{ font-family:"Microsoft YaHei"; font-size: 16px;}
.history_box2 .table tr td{ padding:15px 5px;   border-bottom:solid 1px #cccccc;border-top: solid 1px #cccccc; vertical-align: inherit;}
.history_box2 .table tr td:first-child{width: 177px; }
.history_box2 p{ color: #212121;font-weight:normal; margin-bottom: 0; line-height: 26px; text-align: left;}


/*------------------企業文化----------------*/
.services_culture .container .row{ width: 90%; margin:50px auto;}
.services_culture .col-lg-6{}
.services_culture .container .row .col-lg-6 .culture_box{ border:solid 1px #eee; margin: 0 20px 30px; border-radius:4px 4px 0 0;}
.services_culture .container .row .col-lg-6 .culture_box img{margin:0 auto; max-width: 100%;}
.services_culture .container .row .col-lg-6 .culture_box div{ padding:30px 22px;}
.services_culture .container .row .col-lg-6 .culture_box div h4{ font-size: 20px; margin: 0; margin-bottom: 15px;}
.services_culture .container .row .col-lg-6 .culture_box div p{  margin: 0; height:78px; color: #090b17; }

/*=================創始人簡介==================*/
.introduction-box{ color:#3c3c3c;}
.introduction-box .col-md-6{width:53%; }
.introduction-box .col-md-6 p{ line-height:29px; padding-right:38px;font-size: 15px; color:#3c3c3c;}
.introduction-box .col-md-6 h2{ margin-top:0; margin-bottom: 50px;font-size:32px;}
.introduction-box .col-md-4 p{line-height:36px; margin-bottom: 0;color:#3c3c3c;}
.introduction-box .col-md-4 h5{margin:0;color:#3c3c3c; }
.introduction-box .col-md-4 img{max-width:100%; display:inline-block; }

/*------------------生活所需----------------*/
/*選項卡*/
#lifeneeds_tab{  margin:100px auto 100px; height: 42px; background: url("../img/lifeneeds_1.png") left center no-repeat; border-bottom: none; width: 880px;}
#lifeneeds_tab li{ width:200px; box-sizing: border-box;background: url("../img/lifeneeds_1.png") right center no-repeat; padding: 0 16px 0 0; float: left; }
#lifeneeds_tab li a{ cursor: pointer;margin: 0; text-align: center; border-radius: 0;  border: none; line-height: 28px; color: #090b17; padding:3px 0 3px 0;margin: 0 20px; display: block;}
#lifeneeds_tab li:first-child{ width:216px;padding:3px 16px 3px 16px;}

/*#lifeneeds_tab li a .lifeneeds_line{ width:56px; height:3px; background:#ffffff; margin:6px auto 0;}*/

#lifeneeds_tab li:hover a{ background: none; color: #ed6d00;}
#lifeneeds_tab li.active a{ background:#fe7200; color:#fff;}
/*#lifeneeds_tab li:hover a {}*/
#lifeneeds_tab li.active a .lifeneeds_line{ background:#ed6d00;}
#lifeneeds_tab li:first-child.active a{ border-left: none;}
#lifeneeds_tab li:last-child.active a{ border-right: none;}

#lifeneeds_tab_content { border:none; margin: 0 0 100px;  }

#lifeneeds_tab_content .col-lg-4{ margin: 0 ; padding: 0;}

#lifeneeds_tab_content .col-lg-4 .lifeneeds{ background: #fff;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; margin: 10px; text-align: center; border:solid 1px #cccccc; padding: 24px;}
#lifeneeds_tab_content .col-lg-4.lifeneeds img{ max-width: 100%; display:block; margin:38px auto 28px;}
#lifeneeds_tab_content .col-lg-4 .lifeneeds img.img1{display:block;margin:14px auto 28px; }
#lifeneeds_tab_content .col-lg-4 .lifeneeds img.img2{display: none;}
#lifeneeds_tab_content .col-lg-4 .lifeneeds h4{ margin: 0; line-height: 20px;font-size: 16px;}
#lifeneeds_tab_content .col-lg-4 .lifeneeds p{ margin: 0; line-height: 20px;}
#lifeneeds_tab_content .col-lg-4 .lifeneeds:hover{ background: #ed6d00;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
#lifeneeds_tab_content .col-lg-4 .lifeneeds:hover h4,#lifeneeds_tab_content .col-lg-4 .lifeneeds:hover p{ color: #fff;}
#lifeneeds_tab_content .col-lg-4 .lifeneeds:hover img.img1{display:none; }
#lifeneeds_tab_content .col-lg-4 .lifeneeds:hover img.img2{display: block;margin:14px auto 28px;;}


/*-------------活動新聞--------------------*/
/*翻頁*/
.Page{ text-align: center; margin-bottom: 60px;}

#news_details_box{ margin:70px auto;}
#news_details_box .bt{  border-bottom: solid 1px #e6e6e6; text-align: center; margin-bottom: 20px;}
#news_details_box .bt h1{font: 24px/42px "Microsoft YaHei";color: #333; }
#news_details_box .bt b{font: 14px/24px "Microsoft YaHei";color: #666; }

.news_details_article{ color: #333;}

/*-------------海外顧問--------------------*/
.services_box2 .services_clause p{ text-align: left; line-height: 26px; margin: 0;}

.process_box{ padding: 0;}
.process_box .col-lg-6{ padding: 0;}
.process_box img{ max-width: 100%; display:block; margin: 0 auto; }

.overseas_box{ overflow: hidden;}
.overseas_box .overseas .jumbotron{ width: 700px; background-color:rgba(250,250,250,0.22); padding:25px 25px 25px; margin:78px auto; }
.overseas_box .overseas .jumbotron1{ margin:138px auto; }
.overseas_box .overseas .jumbotron2{ margin:128px auto; }

.overseas_box .overseas .jumbotron h2{font-weight: normal; text-align: center; color: #fff; margin-top: 0; margin-bottom: 20px;}
.overseas_box .overseas .jumbotron p{font-size:14px;font-weight: normal; color: #fff; margin-bottom: 0;}
/*.overseas_box .overseas .jumbotron p.br br{ display: none;}*/


/*-----------------商户列表--------------*/
.search_filter_bg{ width: 100%; background: #fafafa;}
.search_filter_bg .container{ padding:0 2px;}
.filter_box{ margin-top: 30px;}
.filter_box .select_bg{ display:inline-block;width:21%;  /*background: #fff; border:solid 1px #f0f0f0; */margin:0 1.45%; position: relative; cursor: pointer;}
.filter_box .select_bg:first-child{ margin-left: 0;}
.filter_box .select_bg select{  cursor: pointer;width:100%; background: #fff; height: 50px; padding:10px 18px; line-height: 30px;  border:solid 1px #f0f0f0;outline:none;appearance:none; /*去除chrome浏览器的默认下拉图片*/  -webkit-appearance: none; -moz-appearance: none; }
.filter_box .select_bg select::-ms-expand { display: none; }
.filter_box .select_bg select option{ color: black;   -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari 和 Chrome */
    appearance:none; background: #fff; padding: 10px 0;}
/*.filter_box .select_bg select option:hover,.filter_box .select_bg select:focus option:hover{ background-color: #f80;*/
    /*color: #fff;}*/
/*.filter_box .select_bg select:focus{*/
    /*border: 1px #ddd solid;*/
    /*!*box-shadow: 0 0 15px 1px #DDDDDD;*!*/
/*}*/
/*.filter_box .select_bg select:focus option:checked{ color: #fff; border: solid 1px #f00; background: #fe7200; padding: 10px 0;}*/

.filter_box .select_bg:after{ width: 0; content:"";  height: 0;border-left:5px solid transparent;border-right:5px solid transparent; border-top:6px solid #999999; position:absolute; top:22px; right: 18px;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.filter_box .select_bg.on:after{/*border-top:none; border-bottom:7px solid #999999;*/transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}

.search_box{ display:inline-block;width:27.1%; padding:5px 20px 5px 18px; background: #fff; border:solid 1px #f0f0f0; position: relative;margin:0 0 0 1.5%;}
.search_box input{width: 100%;background: #fff; border:none; height: 40px;outline:none;appearance:none; /*去除chrome浏览器的默认下拉图片*/  -webkit-appearance: none; -moz-appearance: none; }
.search_box a.btn1{position:absolute; top:10px; right: 20px; display: block; background: url("../img/search.png") center center no-repeat #fff; width: 30px; height: 30px;}

/*展示商戶*/
.merchant_details_box{ margin:30px 0 80px;}
.merchant_details{ background: #ededed; border-top: solid 2px #ed6d00;width: 100%; }
.merchant_details .merchant_details_bd{ overflow: hidden;  margin-bottom: 0;/*margin-right:17.4px;*/}
.merchant_details .merchant_details_bd li{ height: 38px; line-height: 38px; color: #333333; float:left;  font-weight: bold; margin: 10px 0; padding:0 2%; border-right:solid 1px #cccccc; box-sizing:border-box;}
.merchant_details .merchant_details_bd li:nth-child(1){width:19.9%;}
.merchant_details .merchant_details_bd li:nth-child(2){width:30.2%;}
.merchant_details .merchant_details_bd li:nth-child(3){width:18%;}
.merchant_details .merchant_details_bd li:last-child{  border-right:none;width:31%;}


/*.merchant_details_box .table tr.bt{background: #ededed;overflow: hidden; width: 100%;font-weight: bold;}*/
/*.merchant_details_box .table tr.bt p{ margin-top:10px; padding:10px 20px;border-right: solid 1px #cccccc;}*/
/*.merchant_details_box .table tr td,.merchant_details_box .table tr th{padding:20px;border-top:none; padding:20px 18px;border-bottom: solid 1px #ededed;}*/
/*.merchant_details_box .table tr.bt td:last-child p{border-right:none;}*/
/*.merchant_details_box .table tr.bt td{padding:0;border-top: solid 2px #ed6d00; border-bottom: none;}*/

/*.merchant_details_box .table > tbody + tbody{padding:0;border-top:none; display: block; height: 80px;  overflow-y: scroll; width: 100%; }*/


#table_scroll{overflow-x:hidden; width: 100%;overflow-y:scroll; max-height:800px; /*80x10個*/border: solid 1px #ededed; background: #fff;}
#table_scroll table{ margin-bottom: 0;     vertical-align:middle;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{vertical-align:middle;}
#table_scroll table tr td{ border-top: none;border-bottom: solid 1px #ededed;}
/*#table_scroll table tr:nth-child(odd){ background: #f4f4f4;}*/
/*#table_scroll table tr td table tr td:nth-child(odd){background: none;}*/
#table_scroll table tr td:first-child{border-right: solid 1px #ededed;}
#table_scroll table tr td table tr td{border-bottom:none; padding:20px;border-bottom: solid 1px #ededed;border-right: solid 1px #ededed;}
#table_scroll table tr:last-child th,#table_scroll table tr:last-child td{ border-top: none;border-bottom:none;}
.width20{ width:20%;}
.width18{ width:18%;}
.width30{width: 31%;}

/**/

/*-----------------網上繳費--------------*/
.payment_bg{width: 100%;background: #f5f5f5;padding:40px 0 90px;}
.payment_bg .col-md-8{ background: #fff; padding:30px 30px 80px 5px; border-radius: 10px; box-shadow:0 0 5px #fff; position: relative;}	
.pay_title{ margin: 30px 0;}
.pay_title h2{ font-size: 32px; color: #090b17;}
.pay_title p{ font-size: 18px; color: #090b17; }

.payment .input-group .select-text{ display: block;position: relative;height:40px;background: #fff; }
.payment .input-group .select-text::before{ position:absolute; content:'';top:15px; right:17px; width:10px; height:10px; background: url("../img/down2.png") center no-repeat; z-index: 1;}

.payment .input-group .select-group{line-height:40px;padding:0 15px;height:40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; border-radius:0; -webkit-border-radius: 0; width: 100%; border-radius: 0; border:solid 1px #ccc; }
	

.message .input-group,.payment .input-group{  width: 100%; line-height:40px; margin-bottom:30px;}
.message .input-group .input-group-addon,.payment .input-group .input-group-addon{ width:136px;color: #757575; background:#fff; border-radius: 0; border:none; text-align:left; letter-spacing: 0px; font-size: 16px; line-height:40px;    padding:0 15px 0 25px; ;}
.message .input-group .input-group-addon b,.payment .input-group .input-group-addon b{ color: #f00; font-weight:400; }
.message.input-group .input-group-addon em,.payment .input-group .input-group-addon em{ display: block; font-style: normal;font-family: Arial; font-size: 14px;}
/*.form-emails .input-group .form-input{ width: 380px;}*/
.message .input-group .form-input,.payment .input-group .form-input{ margin:0; background:#fff;}
.message .input-group .form-input.active input,.payment .input-group .form-input.active input{border-color:red;}
.message .input-group .form-control{ box-shadow: none;}
	
.message .input-group .input-text,.payment .input-group .input-text{ line-height:40px;padding:10px;height:40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;border-color: #ccc; background: #ffffff; border-radius:0; -webkit-border-radius: 0; width: 100%;}
.message .input-group .textarea-text{ line-height:22px;padding:15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;border-color:#fff; background: #ffffff;  -webkit-border-radius:0; width: 100%; min-height: 110px; resize:vertical;border-radius: 0;}

.message-button{ font-size:14px; height:46px; line-height:46px; display:block; width:200px; margin:42px 36% 0px;  padding: 0; color:#fff;  background-color:#ed6d00; border:none; -webkit-border-radius:6px; border-radius:6px; text-align: center; -webkit-transition:all .4s ease; transition:all .4s ease;}
.message-button-qr{ font-size:14px; height:46px; line-height:46px; width:200px; padding: 0; color:#fff;  background-color:#ed6d00; border:none; -webkit-border-radius:6px; border-radius:6px; text-align: center; -webkit-transition:all .4s ease; transition:all .4s ease;}
.message-button:hover,.message-button:active,.message-button:focus{ color:#fff; background: #f69037; }

.payment .input-group{ width: 50%; display:table;    float: left;}
	
.checkbox{ padding-left: 25%;}
/*.checkbox{ padding-left: 136px;}*/
.checkbox span{}
.checkbox span input{margin-left:0!important;}
.checkbox span label{margin: 0; min-height:10px; }
.checkbox em{font-style: normal; cursor:pointer; color: #888; transition: all .5s;}
.checkbox em:hover{ color: #333;}
/*
.message .checkbox span input {position: absolute;visibility: hidden;}
.message .checkbox span input+label {display: inline-block;width: 16px;height: 16px;border: 1px solid #ffd900;} 
.message .checkbox span input:checked+label:after {content: "";position: absolute;left: 2px;bottom: 12px;width: 9px;height: 4px; border: 2px solid #e92333;border-top-color: transparent;border-right-color: transparent; -ms-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -webkit-transform: rotate(-60deg); transform: rotate(-45deg);}
*/
.agreement_box{display: none; background: #fff; position:absolute; width:100%; padding: 30px; left:0%; margin-left:0px; top:50%; margin-top:-50%; z-index: 999;     box-shadow: 1px 1px 50px rgba(0,0,0,.3);border-radius: 10px; }
.agreement_show{ display:block;}
.agreement_box .close{ margin-top:-25px;margin-right:-20px; font-size: 30px;  opacity:.4;  }
.agreement_box .close span{ }
.agreement_box h3{ margin-top:0; }
.agreement_box .Terms-box{max-height:560px; overflow-y: auto; margin-top:20px; }
.agreement_box .Terms-box .Terms{}
.agreement_box .Terms-box .Terms p{ margin-bottom:0; font-size:14px; color: #555;  }
.agreement_box .Terms-box .Terms p strong{ margin-bottom:5px; display: block;color: #333; }

.agreement_box_qr{display: none; background: #fff; position:absolute; width:100%; padding: 30px; left:0%; margin-left:0px; top:50%; margin-top:-50%; z-index: 999;     box-shadow: 1px 1px 50px rgba(0,0,0,.3);border-radius: 10px; }
.agreement_show{ display:block;}
.agreement_box_qr .close{ margin-top:-25px;margin-right:-20px; font-size: 30px;  opacity:.4;  }
.agreement_box_qr .close span{ }
.agreement_box_qr h3{ margin-top:0; }
.agreement_box_qr .Terms-box{max-height:560px; overflow-y: auto; margin-top:20px; }
.agreement_box_qr .Terms-box .Terms{}
.agreement_box_qr .Terms-box .Terms p{ margin-bottom:0; font-size:14px; color: #555;  }
.agreement_box_qr .Terms-box .Terms p strong{ margin-bottom:5px; display: block;color: #333; }

.agreement_box_bar{display: none; background: #fff; position:absolute; width:100%; padding: 30px; left:0%; margin-left:0px; top:50%; margin-top:-50%; z-index: 999;     box-shadow: 1px 1px 50px rgba(0,0,0,.3);border-radius: 10px; }
.agreement_show_bar{ display:block;}
.agreement_box_bar .close{ margin-top:-25px;margin-right:-20px; font-size: 30px;  opacity:.4;  }
.agreement_box_bar .close span{ }
.agreement_box_bar h3{ margin-top:0; }
.agreement_box_bar .Terms-box{max-height:560px; overflow-y: auto; margin-top:20px; }
.agreement_box_bar .Terms-box .Terms{}
.agreement_box_bar .Terms-box .Terms p{ margin-bottom:0; font-size:14px; color: #555;  }
.agreement_box_bar .Terms-box .Terms p strong{ margin-bottom:5px; display: block;color: #333; }


.success-box{display:table;width: 300px; margin: 0 auto; height:500px;margin-top:-50px; }
.success-box .success{ display: table-cell; vertical-align: middle; background:url(../img/Success.png) left center no-repeat;  padding:8px 0 12px 74px; }
.success-box .success h4{ color: #575757; margin: 0;line-height:30px;}
.success-box .success p{color: #666; font-size: 14px; margin: 0;line-height:24px;}
/*#profile .service-number .input-group-addon{line-height:initial;}*/
/*#profile .message .input-group .input-group-addon,#profile .payment .input-group .input-group-addon{width: 142px;text-align: center;}*/
/*#profile .payment .input-group{width: 100%;}*/
/*#profile .checkbox{padding-left: 35px;margin-bottom: 42px;}*/
.payCode{display: flex;margin-left:30px;border: 10px solid #b8d9eb;padding: 15px;margin-top: 40px;}
.payCode img{max-width: 100%;margin: auto;}
.payCode>div:first-child{flex: 0 0 65%;max-width: 65%;text-align: center;align-self: center;}
.payCode>div:first-child img{width: 55%;}
.payCode>div:last-child{background: url("Home/images/line.png") left center no-repeat, url("Home/images/line_1.png") right center no-repeat;padding:20px 30px;background-size:contain;}
.payCode>div:last-child img{border: 10px solid #fede19;}
.payCode_1>div:first-child{flex: 0 0 50%;max-width: 50%;}
.payCode_1>div:last-child img{border:none;}
/*-----------------定期繳費--------------*/
.payment_bg1{width: 100%;background: #f5f5f5;padding:20px 0 50px;}
.payment_bg1 .col-md-8{ background: #fff; padding:30px 30px 80px 5px; border-radius: 10px; box-shadow:0 0 5px #fff; }	

.payment1 .input-group .select-text{ display: block;position: relative;height:36px;background: #fff; }
.payment1 .input-group .select-text::before{ position:absolute; content:'';top:15px; right:17px; width:10px; height:10px; background: url("../img/down2.png") center no-repeat; z-index: 1;}

.payment1 .input-group .select-group{line-height:36px;padding:0 15px;height:36px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; border-radius:0; -webkit-border-radius: 0; width: 100%; border-radius: 0; border:solid 1px #ccc; }
	

.message1 .input-group,.payment1 .input-group{  width: 100%; line-height:36px; margin-bottom:20px;}
.message1 .input-group .input-group-addon,.payment1 .input-group .input-group-addon{ width:136px;color: #757575; background:#fff; border-radius: 0; border:none; text-align:left; letter-spacing: 0px; font-size: 16px; line-height:36px;    padding:0 15px 0 25px; ;}
.message1 .input-group .input-group-addon b,.payment1 .input-group .input-group-addon b{ color: #f00; font-weight:400; }
.message1.input-group .input-group-addon em,.payment1 .input-group .input-group-addon em{ display: block; font-style: normal;font-family: Arial; font-size: 14px;}
/*.form-emails .input-group .form-input{ width: 380px;}*/
.message1 .input-group .form-input,.payment1 .input-group .form-input{ margin:0; background:#fff;}
.message1 .input-group .form-input.active input,.payment1 .input-group .form-input.active input,.message1 .input-group  .select-text.active select{border-color:red;}
.message1 .input-group .form-control{ box-shadow: none;}
.message1 .input-group .select-text{ display: block;position: relative;height:40px;background: #fff; }
.message1 .input-group .select-text::before{ position:absolute; content:'';top:15px; right:17px; width:10px; height:10px; background: url("../img/down2.png") center no-repeat; z-index: 1;}
.message1 .input-group .select-group{line-height:36px;padding:0 15px;height:36px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; border-radius:0; -webkit-border-radius: 0; width: 100%; border-radius: 0; border:solid 1px #ccc; }

.message1 .input-group .input-text,.payment1 .input-group .input-text{ line-height:36px;padding:10px;height:36px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;border-color: #ccc; background: #ffffff; border-radius:0; -webkit-border-radius: 0; width: 100%;}
.message1 .input-group .textarea-text{ line-height:22px;padding:15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;border-color:#fff; background: #ffffff;  -webkit-border-radius:0; width: 100%; min-height: 110px; resize:vertical;border-radius: 0;}

.payment1 .input-group{ width: 50%; display:table;    float: left;}	
	
.payment-radio{ text-align:left; margin-bottom: 12px;}
.pay_radio{display: inline-block; margin:0 10px; position: relative;}
.pay_radio input{opacity:0;cursor:pointer;display:none;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0); }
.pay_radio label{text-align:right;width:96px; display:inline-block;height:36px;vertical-align: middle;cursor:pointer;text-align:center;background-image:url("../img/inputradio.png");background-repeat:no-repeat;background-position:0 center; }
.pay_radio.on label{background-position:-30px center;}

.message1 .input-group .date-select .select-text{ width:100px; display:inline-block; }
.message1 .input-group .date-select .select-text select{}
.message1 .input-group .date-select em{ font-style: normal; margin: 0 6px;}

@media only screen and (max-width:768px){
.payment_box .col-md-8{padding:20px 20px 50px 5px;}
.payment .input-group{ width: 100%; float: none;}
.message .input-group,.payment .input-group{ margin-bottom:20px;}
/*-----------------定期繳費--------------*/	
.payment_box1 .col-md-8{padding:20px 20px 50px 5px;}
.payment1 .input-group{ width: 100%; float: none;}
.message1 .input-group,.payment .input-group{ margin-bottom:20px;}
	
	
	
.agreement_box{ width:96%; padding: 20px; left:2%; margin-left:0;  }
.agreement_box .close{ margin-top:-15px;margin-right:-10px; }
.agreement_box .Terms-box{max-height:500px;}
#form-submit .message-button{ margin:42px auto 0;}
}





/*=============節日裝飾css==================*/
/*.services_box_new .jumbotron{ background: url("../img/new-year-title.png") center top no-repeat; margin-top: 25px;}
.services_box_new1 .jumbotron{ background: url("../img/new-year-title1.png") center top no-repeat; margin-top: 25px;}
.services_box_new .jumbotron h1{margin: 0; padding:40px 0 10px;}
.services_box_new .jumbotron p{ margin: 0; padding-bottom:20px;}*/



@media only screen and (max-width:1200px){
    /*-----------------愛心商戶---------------*/
    .merchant_bg{ background-size:auto 100%;overflow: hidden; }
    .merchant_bg .jumbotron{ background: none;  margin:6% 50% 5%; color: #3d3b3b; padding: 0; padding-left: 30px; width: 400px; }

    .filter_box .select_bg{ display:inline-block;width:21%; margin:0 1%;}
    .search_box{ display:inline-block;width:29%; padding:5px 20px 5px 18px;margin:0 0 0 1%;}
}

@media only screen and (max-width:992px){
    /*長者熱線——免費服務*/
    .free_services li{ width:25%;}
    .free_services li:nth-child(4n){ border-right: none;}
    .free_services li:nth-child(5n){border-right: dotted 1px #cccccc;}
    .free_services li:nth-child(11),.free_services li:nth-child(12){ border-bottom: dotted 1px #cccccc;}
    .free_services li:nth-child(13),.free_services li:nth-child(14),.free_services li:nth-child(15){ border-bottom: none;}

    /*申請安心通*/
    .procedure_box{ padding-top:110px; margin-top: 0;}
    .procedure_box .title_procedure{ position: absolute; left:0%; top: 0; font-size: 28px; color: #212121; width:100%; text-align: center;}
    .procedure_box .col-lg-3 .procedure1{ width:70px; height:70px; position: absolute; left: -20px; top: -20px; }
    .procedure_box .col-lg-3 .procedure1 img{ width:70px; height:70px;  }

    /*----------關於我們----------------*/
    /*導航*/
    .news_bg ul li{ width:33.33%;border-right: solid 1px #cccccc; padding: 0 5px; float: left;height: 40px;  line-height: 40px; list-style:none; }
    .news_bg ul li a{ color:#666666; width:100%; text-align:center;  display: block; line-height: 40px;  }
    .news_bg ul li.active a,.news_bg ul li:hover a{ color:#666666;width:100%;   text-align:center; background: #fff;  display: block; line-height: 40px; }

    .services_culture .container{width: 96%; margin:0 auto;}
    .services_culture .container .row{ width: 100%; margin:0 auto;}
    .services_culture .container .row .col-lg-6 .culture_box{  margin: 0 15px 30px}
    .services_culture .container .row .col-lg-6 .culture_box div p{  height:auto; }

    /*-----------------愛心商戶---------------*/
    .merchant_bg{width: 100%;  background-size:auto 100%;overflow: hidden; }
    .merchant_bg .jumbotron{ background: none;  margin:6% 40% 5%; color: #3d3b3b; padding: 0; padding-left: 30px; width: 400px; }
}

@media only screen and (max-width:1050px){
    .history_box{ display: none;}
    .history_box2{ display: block;}

    /*------------------生活所需----------------*/
    /*選項卡*/
    #lifeneeds_tab{ width:96%; padding-left: 16px;}
    #lifeneeds_tab li{ width:25%; padding: 3px 0; box-sizing: border-box;}
    #lifeneeds_tab li:first-child{ width:25%;padding:3px 0 3px 0;}

}

@media only screen and (max-width: 750px){
    .breadcrumbs{width:100%; padding: 0 2%;}
    /*fw介紹*/
    .services_box .jumbotron h1{ font-size: 26px; color: #212121; }
    .services_introduction .col-lg-6:nth-child(2n){ padding-left: 12px;padding-right: 12px;}
    .services_introduction .col-lg-6:nth-child(1n){ padding-right: 12px;padding-left: 12px;}
    .services_introduction .notice{ margin:30px 0 0; }

    .introduction_title{  font-size: 20px;}

    /*長者服務*/
    .services_box .jumbotron .col-lg-6 img{ margin-left: 0px;}

    /*長者熱線——免費服務*/
    .free_services{ margin:30px 0;}
    .free_services li{ width:33.33%;}
    .free_services li img{  margin-top:15px;}
    .free_services li p{margin:10px 8px 15px;}
    .free_services li:nth-child(12n){ border-right: none;}
    .free_services li:nth-child(4n){ border-right: dotted 1px #cccccc;}
    .free_services li:nth-child(5n){border-right: dotted 1px #cccccc;}
    .free_services li:nth-child(11),.free_services li:nth-child(12){ border-bottom: dotted 1px #cccccc;}
    .free_services li:nth-child(13),.free_services li:nth-child(14),.free_services li:nth-child(15){ border-bottom: none;}

    /*ts愛心商戶*/
    .services_box .jumbotron .jumbotron p{ font-weight:normal; color: #333;height:auto;}
    /*-----------------愛心商戶---------------*/
    .merchant_bg{ background-size:auto 100%;overflow: hidden; }
    .merchant_bg .jumbotron{ background: none;  margin:6% 30% 5%; color: #3d3b3b; padding: 0; padding-left: 30px; width:400px; }

    .search_filter_bg .container{ padding:0 15px;}
    .filter_box .select_bg{ display:inline-block;width:40%; margin:0 2% 20px 0;}
    .filter_box .select_bg:last-child{ margin-right: 0;}
    .filter_box .select_bg select{   padding:10px 13px;}
    .search_box{ display:inline-block;width:55%; padding:5px 15px 5px 13px; margin: 0px;}
    .search_box a.btn1{position:absolute; top:10px; right: 15px; display: block; background: url("../img/search.png") center center no-repeat #fff; background-size:80%;}

    /*隱藏顯示*/
    .accordion{}
    .accordion .accordion-group .accordion-heading{height: 52px; overflow: hidden;}
    .accordion .accordion-group .accordion-heading .accordion-toggle{ background: url("../img/caret_up2.png") right 22px no-repeat;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
    .accordion .accordion-group .accordion-heading .accordion-toggle.collapse{background: url("../img/caret_up.png") right 22px no-repeat;}

    /*愛心超市*/
    .product_box .col-lg-3 .product_text{ padding:10px 16px; background: #fff; }

    /*彈窗*/
    .shopping_form .number,.shopping_form .form-group{ height:auto; }
    .shopping_form .form-group div{ background:url("../img/required.png") right center no-repeat; width:81%; display: inline-block;}
    .shopping_text{  width:80% !important; height:36px; line-height:36px;  }
    .shopping_text2{  width:100% !important; height:36px; line-height:36px; font-family: "Microsoft JhengHei";    border: solid 1px #9e9e9a;
        box-shadow: none;border-radius: 0; }
    .shopping_textarea{   width:100% !important; height:155px !important;resize:none;}

    .shopping_btn {padding:10px 0 46px 0px; text-align: center;}
    .shopping_btn button{ background: #ed6d00; width:160px; height: 40px;}


    /*申請安心通*/
    .services_box .payment .table tr td{ padding:10px 18px;}

    .procedure_box{ padding-top:80px; margin-top: 0;}
    .procedure_box .row { margin-bottom: 20px;    }
    .procedure_box .col-lg-3 .procedure1{ width:60px; height:60px; position: absolute; left:-10px; top:-10px; }
    .procedure_box .col-lg-3 .procedure1 img{ width:60px; height:60px;  }

    .procedure_box .col-lg-7{ padding:20px 0 0 0px;}
    .procedure_box .col-lg-10{  padding:15px 30px 15px;border-radius: 6px;}

    /*----------關於我們----------------*/
    /*導航*/
    .news_bg .container{ padding: 0 5px}
    .news_bg ul li{ width:33.33%;border-right: solid 1px #cccccc; padding: 0 5px; float: left;height: 40px;  line-height: 40px; list-style:none; }
    .news_bg ul li a{ color:#666666; width:100%; text-align:center;  display: block; line-height: 40px;}
    .news_bg ul li.active a,.news_bg ul li:hover a{ color:#666666;width:100%;   text-align:center; background: #fff;  display: block; line-height: 40px; }
    .services_box2 .jumbotron .col-lg-4{ text-align:center;}
    .aboutus_img ul li{ width: 50%;  }
    .history_box2 .table tr td:first-child{width: 30%; }

    /*=================創始人簡介==================*/
    .introduction-box .col-md-6{width:auto; }
    .introduction-box .col-md-6 p{padding-right:0; line-height: 26px;}
    .introduction-box .col-md-6 h2{  margin-bottom:20px;font-size:28px;}
     .services_box .introduction-box .col-md-4 { text-align: center; margin-bottom: 20px;}


    /*=============節日裝飾css==================*/
    .services_box_new .jumbotron{ background:none; margin-top: 25px;}
    .services_box_new1 .jumbotron{ background:none; margin-top: 25px;}
    .services_box_new .jumbotron h1{margin: 0; padding:0;}

}

@media only screen and (max-width:560px){
    /*----------關於我們----------------*/
    .services_culture .container{width:100%; margin:0 auto;}
    .services_culture .container .row .col-lg-6{ width: 100%;}
    .services_culture .container .row .col-lg-6 .culture_box{  margin: 0 15px 30px}
    .services_culture .container .row .col-lg-6 .culture_box div p{  height:auto; }

    /*-----------------愛心商戶---------------*/
    .merchant_bg{background-size:auto 100%;overflow: hidden; }
    .merchant_bg .jumbotron{ background: none;  margin:6% auto 5%; color: #3d3b3b; padding: 0; padding-left: 30px; width:80%; }
    .merchant_bg .jumbotron p{ height: auto;}

    /*-----------------愛心商戶---------------*/
    .filter_box .select_bg{ display:inline-block;width:46%; margin:0 2% 20px 0;}
    .search_box{ display:inline-block;width:46%; padding:5px 20px 5px 18px; margin: 0px;}
}


/*----------------------登記表格------------------------*/
input,textarea{ border: solid 1px #ccc;}

.grzx-mian {background:#edf0f1;}
.grzx-mianCL {margin:0px 100px;}
@media (max-width:1000px) {.grzx-mianCL {margin:0px;}
    .grzx-mianCLL {padding:0px;}
}
.grzx-top {background:#ed6d00;padding:0px 30px;height:60px;line-height:60px;}
.grzx-topA {color:#ffffff;font-weight:bold;font-size:18px;}
.grzx-form {background:#ffffff;padding:40px 30px 0px 30px;}
.grzx-form1 {padding-top:19px;padding-bottom:38px;}
.grzx-form2 {width:100%;height:1px;background:#ccc;}
.grzx-form3 {padding:30px 0px 20px;}
.grzx-form3A {font-weight:bold;text-align:center;font-size:20px;}
/*.grzx-form4A {border-left:3px solid  #22201f;}*/
.grzx-form4B {padding-left:11px;padding-right:12px;color:#666666;font-weight:bold;font-size:16px;border-left:3px solid  #22201f;}
.grzx-form4VB {margin-left:278px;}
@media (max-width:880px) {.grzx-form4VB {display:none;}
    .grzx-mianCLL {padding:0px;}
}
.grzx-form4BB {vertical-align:0px;}
.grzx-form4C {padding-top:0px; font-size: 16px; font-weight: bold; color: #666;}
.grzx-form4C .input_text{ display:inline-block;width:48%;height:70px; }
.grzx-form4C .input_text .grzx-form4D{width:100%;height:40px; }

.input_radio_float{ display:inline-block;width:48%;height:70px; float:right; padding-top: 9px;}
.grzx-form4C .input_text1{ display:inline-block;width:48%;height:70px;background: url("../img/grzx3.png") right 15px no-repeat; padding-right: 22px; }
#hide_radio_box,#hide_radio_box1{ display: none;}

@media (max-width:768px) {
    .grzx-form4C .input_text1{ display:inline-block;width:100%; ;}
    .input_radio_float{ display:inline-block;width:100%;height:50px; padding-top:0; }
}
.grzx-form4D {width:100%;height:40px; line-height: 40px; font-size:16px;padding:0 12px; font-weight: normal;}
.grzx-form4DV {margin-left:66px;}
@media (max-width:660px) {.grzx-form4D {width:100%;}
    .grzx-form4DV {display:none;}
}
#grzx-form4E {padding-left:150px;}
.grzx-form4AE {margin-left:20px;}
.grzx-form4PPP {padding-top:0px;}
.grzx-form4VPP {display:none;}
@media (max-width:660px) {.grzx-form4VPP {display:block;}
}
.grzx-form4PPPP {margin-top:30px;}
.grzx-form5D {width:100%;height:40px;font-size:16px;color:#333333;padding:12px;}
.grzx-form6 {padding:80px 0px;text-align:center;}
.grzx-form6A {width:148px;height:50px;color:#fff;font-weight:bold;background:#ed6d00;border:none; font-size: 18px; border-radius: 3px;}
.grzx-form6AA {margin-left:20px;width:148px;height:50px;color:#fff;font-weight:bold;background:#ed6d00;border:none;font-size: 18px; border-radius: 3px;}
@media (max-width:660px) {.grzx-form6 {padding:30px;}
    .grzx-form6AA {margin:10px;}
}

.input_radio_box{ margin: 0 auto; width:200px;}
.input_radio{width:24px; display:inline-block;height:18px;vertical-align: middle;cursor:pointer;text-align:center;background-image:url("../img/inputradio.png");background-repeat:no-repeat;background-position:0 0px; }
.radioclass {opacity:0;cursor:pointer;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);}
.on {background-position:-30px 0;}

/*----------------------申請愛心商戶--------------------*/
.city_select_box{}
.city_bt{ background: #f3f9ff; padding:0 16px; width:100%; height:40px; line-height: 40px; border-radius:5px; color: #265e7e; font-weight: bold; margin:0px 0 30px;}
.city_bt #delete{ color: #999; font-size: 14px; cursor: pointer;}
.textarea_text{ height: 130px;}
.merchant_textarea{    width:100% !important; display:inline-block;    height:100px !important;    line-height: 24px;    resize: none;    font-family: "Microsoft JhengHei";    border-radius: 0;    border: solid 1px #ccc; box-shadow: none; font-size: 16px; font-weight: normal;}
.city_select{ display: inline-block; width: 33%; margin-bottom:30px;border: solid 1px #ccc; box-shadow: none; position: relative; font-size: 16px; font-weight: normal;}
/*.city_select:after{ width: 0; content:"";  height: 0;border-left:5px solid transparent;border-right:5px solid transparent; border-top:6px solid #999999; position:absolute; top:22px; right: 18px;}*/
@media (max-width:880px) {
    .city_select{ display: inline-block; width: 100%;}
    }
.city_select select{  cursor: pointer;width:100%; background: #fff; height: 40px; padding:8px; line-height: 40px;  border:solid 1px #f0f0f0; }
.city_select .select{ padding:8.4px; border:solid 1px #f0f0f0; }
.city_select select::-ms-expand { display: none; }
.city_select select option{ color: black;   -moz-appearance:none; /* Firefox */    -webkit-appearance:none; /* Safari 和 Chrome */    appearance:none; background: #fff; padding: 10px 0;}

.city_select_btn{  height:28px; margin:40px 0 0; line-height: 28px;cursor: pointer; width: 200px; }
.city_select_btn img{ width:28px; height:28px; margin-right:10px;}

.city_select_btn_input{ display:block;  width:200px;  height: 50px;    color: #fff;    font-weight: bold;    background: #ed6d00;    border: none;    font-size: 18px;    border-radius: 3px; margin:40px auto 0;}


/*-------------------------聯絡我們---------------------------*/

.Contactus-mian {padding-top:28px;padding-bottom:55px;background:#fff;}
.Contactus-mianA {margin:60px 90px;}
@media (max-width:880px) {.Contactus-mianA {margin:0px;}
}
.Contactus-mianAB {padding:50px 0px;background:#ededed;text-align:center;}
.Contactus-mianABC {font-size:16px;color:#212121;font-weight:bold;}
.Contactus-mianABCC {width:70%;height:2px;background:#333333;margin:0 auto;}
@media (max-width:880px) {.Contactus-mianA {margin:0px;}
}
.Contactus-mianABCCC {padding-top:20px;color:#212121;}
.Contactus-mianB {padding-top:40px;}
.Contactus-mianBB {padding-top:30px;}
.Contactus-mianBA {padding-left:60px;font-size:14px;color:#212121;}
.Contactus-mianBBA {padding-left:40px;font-size:14px;color:#212121;}
.Contactus-mianBAA {padding-left:83px;font-size:14px;color:#212121;}
/*即時查詢*/.Instant-mianA {margin:80px 230px 100px;}

@media (max-width:880px) {.Instant-mianA {margin:0px;}
}
.Instant-mianAB {padding:39px 0px;border-top:1px solid #aaaaaa;border-bottom:1px solid #aaaaaa;text-align:center;}
.Instant-mianABC {font-size:16px;color:#000000;}
.Instant-mianB {margin:54px 30px;}
.Instant-mianBD {width:100%;height:40px;font-size:16px;color:#333333;padding:12px;}
.Instant-mianBA {padding-top:50px;}
.Instant-img {padding-right:2px;padding-left:12px;}
.Instant-mianBAA {padding-top:54px;}
.Instant-mianBAAA {margin:0 auto;width:210px;height:50px;border:1px solid #ed6d00;text-align:center;line-height:50px;}
.Instant-mianBAAA:hover {background:#ed6d00;color:#fff;}
.Instant-mianBB {font-size:18px;color:#ed6d00;display:block;}
.Instant-mianBB:hover{color:#fff;}
/*表單驗證*/
.formtips {color:red; font-weight: normal;font-size: 14px; padding: 0; margin: 0;}
.onError {color:red;}





/*改變字體大小*/
body.small-font .services_box .jumbotron h1{ font-size: 32px; }
body.small-font .services_box .jumbotron p{font-size: 14px; }
body.small-font .services_introduction .col-lg-6 h4{  font-size:20px; }
body.small-font .services_introduction .col-lg-6 p{  font-size: 16px;}
body.small-font .introduction_box_text p{  font-size: 16px;}
body.small-font .introduction_box_text .introduction_title1{ font-size: 26px;}
body.small-font .introduction_title{font-size: 24px; }
body.small-font .services_box .jumbotron .col-lg-6 strong{ font-size: 20px;}
body.small-font .services_box .jumbotron .col-lg-6 div{  font-size: 16px;}
body.small-font .services_box .title1{font-size:20px;}
body.small-font .procedure_box .title_procedure{font-size: 28px;}
body.small-font .procedure_box .col-lg-7 .h4{ font-size: 20px;}
body.small-font .procedure_box .col-lg-10 .h4{  font-size: 20px;}
body.small-font .merchant_bg .jumbotron h3{ font-size: 28px;}
body.small-font .merchant_bg .jumbotron p{  font-size: 16px;}
body.small-font #trait_tab li a{font-size: 16px;}
body.small-font .product_box .col-lg-3 .product_text h4{ font-size: 16px;}
body.small-font .product_box .col-lg-3 .product_text div{color: #212121; font-size: 16px; }
body.small-font .shopping_form label{ font-size: 16px; }
body.small-font .shopping_form .number label{font-size: 16px; }
body.small-font .shopping_btn button{font-size: 18px;}
body.small-font .history_box2 .table tr{  font-size: 16px;}
body.small-font .services_culture .container .row .col-lg-6 .culture_box div h4{ font-size: 20px;}
body.small-font #lifeneeds_tab_content .col-lg-4 .lifeneeds h4{font-size: 16px;}
body.small-font .formtips { font-size: 14px;}


body.medium-font .services_box .jumbotron h1{ font-size: 34px; }
body.medium-font .services_box .jumbotron p{font-size: 16px; }
body.medium-font .services_introduction .col-lg-6 h4{  font-size:22px; }
body.medium-font .services_introduction .col-lg-6 p{  font-size: 18px;}
body.medium-font .introduction_box_text p{  font-size: 18px;}
body.medium-font .introduction_box_text .introduction_title1{ font-size: 28px;}
body.medium-font .introduction_title{font-size: 26px; }
body.medium-font .services_box .jumbotron .col-lg-6 strong{ font-size: 22px;}
body.medium-font .services_box .jumbotron .col-lg-6 div{  font-size: 18px;}
body.medium-font .services_box .title1{font-size:22px;}
body.medium-font .procedure_box .title_procedure{font-size: 30px;}
body.medium-font .procedure_box .col-lg-7 .h4{ font-size: 22px;}
body.medium-font .procedure_box .col-lg-10 .h4{  font-size: 22px;}
body.medium-font .merchant_bg .jumbotron h3{ font-size: 30px;}
body.medium-font .merchant_bg .jumbotron p{  font-size: 18px;}
body.medium-font #trait_tab li a{font-size: 18px;}
body.medium-font .product_box .col-lg-3 .product_text h4{ font-size: 18px;}
body.medium-font .product_box .col-lg-3 .product_text div{color: #212121; font-size: 18px; }
body.medium-font .shopping_form label{ font-size: 18px; }
body.medium-font .shopping_form .number label{font-size: 18px; }
body.medium-font .shopping_btn button{font-size: 20px;}
body.medium-font .history_box2 .table tr{  font-size: 18px;}
body.medium-font .services_culture .container .row .col-lg-6 .culture_box div h4{ font-size: 22px;}
body.medium-font #lifeneeds_tab_content .col-lg-4 .lifeneeds h4{font-size: 18px;}
body.medium-font .merchant_bg .jumbotron{margin: 150px 50% 160px;}
body.medium-font .merchant_bg .jumbotron1{margin: 140px 50% 150px;}

body.large-font .services_box .jumbotron h1{ font-size: 36px; }
body.large-font .services_box .jumbotron p{font-size: 18px; }
body.large-font .services_introduction .col-lg-6 h4{  font-size:24px; }
body.large-font .services_introduction .col-lg-6 p{  font-size: 20px;}
body.large-font .introduction_box_text p{  font-size: 20px;}
body.large-font .introduction_box_text .introduction_title1{ font-size: 30px;}
body.large-font .introduction_title{font-size: 28px; }
body.large-font .services_box .jumbotron .col-lg-6 strong{ font-size: 24px;}
body.large-font .services_box .jumbotron .col-lg-6 div{  font-size: 20px;}
body.large-font .services_box .title1{font-size:24px;}
body.large-font .procedure_box .title_procedure{font-size: 32px;}
body.large-font .procedure_box .col-lg-7 .h4{ font-size: 24px;}
body.large-font .procedure_box .col-lg-10 .h4{  font-size: 24px;}
body.large-font .merchant_bg .jumbotron h3{ font-size: 32px;}
body.large-font .merchant_bg .jumbotron p{  font-size: 20px;}
body.large-font #trait_tab li a{font-size: 20px;}
body.large-font .product_box .col-lg-3 .product_text h4{ font-size: 20px;}
body.large-font .product_box .col-lg-3 .product_text div{color: #212121; font-size: 20px; }
body.large-font .shopping_form label{ font-size: 20px; }
body.large-font .shopping_form .number label{font-size: 20px; }
body.large-font .shopping_btn button{font-size: 22px;}
body.large-font .history_box2 .table tr{  font-size: 20px;}
body.large-font .services_culture .container .row .col-lg-6 .culture_box div h4{ font-size: 24px;}
body.large-font #lifeneeds_tab_content .col-lg-4 .lifeneeds h4{font-size: 20px;}
body.large-font .merchant_bg .jumbotron{margin: 120px 50% 156px;}
body.large-font .filter_box .select_bg{ width: 247px; font-size: 16px;}
body.large-font .filter_box .search_box{ font-size: 16px;}


@media only screen and (max-width:992px){
    .procedure_box .title_procedure{  font-size: 28px;}
}

@media only screen and (max-width: 750px){
    /*fw介紹*/
    .services_box .jumbotron h1{ font-size: 26px; }
    .introduction_title{  font-size: 20px;}
}