@charset "utf-8";

@import url("setting.css");

a{ color:#333; text-decoration:none; transition:0.2s all;}
a:hover{ color:#f60; text-decoration: none;}
a:focus{ text-decoration: none;}

section{ padding: 80px 0; position: relative; }
section h2{ margin-bottom: 40px; margin-left: 8px; color: #637d1c; font-weight: 700; letter-spacing: 8px; text-align: center; }

main{ background: #fff; }

.container{ max-width: 1440px; padding: 0 20px; }
.container.w2{ max-width: 728px; }
.container.w3{ max-width: 1340px; }

.box_wrapper{ margin: -10px auto; }
.box_wrap{ margin: 10px auto; overflow: hidden; }

.row{ margin-right: -12px !important; margin-left: -12px !important; }

/*** HEADER ***/
header{ width: 100%; height: 100px; padding: 15px 0px; background: #fff; /* border-bottom: 1px solid #ccc; position: absolute; top: 0; z-index: 1; */ }

.logo{ float: left; width: 210px; height: 70px; margin: 0 0 0 10px; padding: 0; background: url('../../img/pic-logo.png') center center no-repeat; background-size: cover; text-indent: -9999px;}
.logo a{ width: 210px; height: 70px; display: block; }

/* header.active{ height: 89px; position: fixed; z-index: 1;}
header.active .top{ display: none;} */
/*** /HEADER ***/

/*** MENU ***/
ul.menu{ float: right; margin: 17px 10px 0 0; padding: 0; list-style: none; }
ul.menu li{ float: left; margin: 0 0 0 30px; color: #333; font-size: 1.375em; font-weight: 700; }
ul.menu li a{ color: #333; }
ul.menu li a:hover{ color: #f60; }

.dropbtn { margin: 0; padding: 0; color: #333; font-weight: 700; background: none; border: 0; }
.dropdown { position: relative; display: inline-block;}
.dropdown-content {  padding: 5px; font-size: .813em; display: none; position: absolute; right: -20px; background-color: #fcfcfc; min-width: 100px; box-shadow: 5px 5px 16px rgba(0,0,0,0.2); z-index: 99;}
.dropdown-content a { color: #333; padding: 5px 15px; text-align: left; text-decoration: none; display: block;}
.dropdown-content a:hover {}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn { color: #f60;}
/*** /MENU ***/

/*** SIDEBAR ***/
.btn_toggle{ display: none; }

#sidebar { width: 250px; height: 100vh; position: fixed; top: 0; right: -250px; z-index: 1001; background: #fff; color: #8ba83d; transition: all 0.2s; overflow-y: scroll; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);}
#sidebar.active { right: 0;}
#dismiss { width: 35px; height: 35px; margin-left: 10px; font-size: 1.25em; line-height: 44px; text-align: center; color: #999; background: none; cursor: pointer; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.overlay { width: 100vw; height: calc(100vh + 30px); margin-top: -30px; display: none !important; position: fixed !important; background: rgba(0, 0, 0, 0.7); z-index: 901; opacity: 1; transition: all 0.5s ease-in-out;}
.overlay.active { display: block !important; opacity: 1;}
#sidebar ul.components { padding: 20px 0 0 0; transition: all 0.1s;}
#sidebar ul.components.active { padding: 90px 0 0 0;}
#sidebar ul p { color: #fff; padding: 10px;}
#sidebar ul li{ border-bottom: 1px dashed rgba(255, 255, 255, .5); }
#sidebar ul li a { padding: 10px 30px; color: #666; font-size: 1.25em; display: block;}
#sidebar ul li a:hover { color: #8ba83d;}

.accordion_header{ height: 44px; color: #999; background: #fff; border: 1px solid #dee2e6; border-top: 0; }
.accordion{ height: calc(100vh - 0px); border: 0; overflow-y: auto !important;}
.accordion-item{ border-top: 0px solid rgba(255, 255, 255, .5); }
.accordion-item:last-child button{ border-bottom: 1px solid rgba(255, 255, 255, .5); }
.accordion-collapse{ border: 0; }
.accordion-body{ padding: 5px; background: #fff; /* border: 5px solid #f00; */ }
.accordion-body a{ padding: 10px 15px; color: #000; display: block; }

.accordion-button{ color: #333; font-weight: 700; background: #fff; border: 0; border-radius: 0 !important; box-shadow: none !important; }
.accordion-button.nocollapsed, .accordion-button.nocollapsed::after{ color: #333; background: none; background: #fff; }
.accordion-button[aria-expanded="false"]{ color: #333; background: #fff;}
.accordion-button[aria-expanded="true"]{ color: #fff; background: #8ba83d;}
.accordion-button[aria-expanded="false"]:after { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23cccccc'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;}
.accordion-button[aria-expanded="true"]:after { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;}
/*** /SIDEBAR ***/

/*** SECTION ***/
/*** /SECTION ***/

/*** LIST ***/
/*** /LIST ***/

/*** ABOUT ***/
/*** /ABOUT ***/

/*** PRODUCT ***/
#pdt{ background: url('../../img/bg-pattern_l_01.png') left top repeat-y, url('../../img/bg-pattern_r_01.png') right top repeat-y; }
#pdt .box_wrap{ margin: 0px 0px; padding: 30px; background: #fff; border: 1px solid #ccc; border-radius: 10px; transition:0.2s all; }
#pdt .box_wrap .box_img_wrap{ overflow: hidden; }
#pdt .box_wrap .box_img{ position: relative; transition:0.2s all; -webkit-backface-visibility: hidden; }
#pdt .box_wrap .box_img::before{ width: 50%; height: 100%; position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg);}
#pdt .box_wrap:hover .box_img::before{ -webkit-animation: shine .75s; animation: shine .75s;}
#pdt .box_wrap .box_img img{ width: 100%; height: auto; }
#pdt .box_wrap h3{ width: 100%; margin: 30px 0 0px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center; }
#pdt .box_wrap .box{ width: 100%; height: 100%; position: relative; overflow: hidden; }
#pdt .box_wrap .box .box_overlay{ width: 100%; height: 100%; color: #fff; font-size: 2em; line-height: 1em; position: absolute; z-index: 1; display: table; background: rgba(0, 0, 0, .5); opacity: 0; transition:0.2s all; }
#pdt .box_wrap .box .box_overlay i{ display: table-cell; vertical-align: middle; text-align: center; }
#pdt a:hover .box_wrap{ box-shadow: 0 0 10px rgba(0, 0, 0, 1.0);}
#pdt a:hover .box_wrap .box .box_overlay{ opacity: 1; }

#pdt_cont{ background: #f6f6f6; }
#pdt_cont .box_wrap{ transition:0.2s all; }
#pdt_cont .box_wrap .box_img{ transition:0.2s all; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); }
#pdt_cont .box_wrap:hover .box_img{ transform: scale(1.25, 1.25); }
#pdt_cont .box_wrap p{ width: 100%; margin: 15px 0 2px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#pdt_cont .box_wrap .box{ width: 100%; height: 100%; position: relative; overflow: hidden; }
#pdt_cont .box_wrap .box .box_overlay{ width: 100%; height: 100%; color: #fff; font-size: 2em; line-height: 1em; position: absolute; z-index: 1; display: table; background: rgba(218, 37, 28, .75); opacity: 0; transition:0.2s all; }
#pdt_cont .box_wrap .box .box_overlay i{ display: table-cell; vertical-align: middle; text-align: center; }
#pdt_cont .box_wrap .box img{ width: 100%; height: auto; }
#pdt_cont a:hover .box_wrap{ box-shadow: 0 0 10px rgba(0, 0, 0, 1.0); border: 1px solid rgba(218, 37, 28, .75);}
#pdt_cont a:hover .box_wrap .box .box_overlay{ opacity: 1; }
/*** /PRODUCT ***/

/*** ABOUT ***/
#abt{ background: url('../../img/bg-abt.jpg') center center no-repeat; background-size: cover; }
#abt .txt{ padding: 40px; color: #fff; background: rgba(0, 0, 0, .8); }
#abt .txt h2{ margin-left: 0; color: #fff; text-align: left; }
/*** /PARTNER ***/

/*** NEWS ***/
#news{ background: url('../../img/bg-pattern_l_02.png') left top repeat-y, url('../../img/bg-pattern_r_02.png') right top repeat-y; }
#news .news_wrap{ margin: 0px 0px; padding: 0; background: #fff; border: 1px solid #ccc; border-radius: 10px; transition:0.2s all; }
#news .news_wrap .news_img_wrap{ border-top-right-radius: 10px; border-top-left-radius: 10px; overflow: hidden; position: relative; }
#news .news_wrap .news_img_wrap .date{ padding: 5px 15px; color: #fff; background: #8ba83d; border-top-left-radius: 10px; position: absolute; right: 0; bottom: 0; z-index: 1; text-align: center;}
#news .news_wrap .news_img{ position: relative; transition:0.2s all; -webkit-backface-visibility: hidden; }
#news .news_wrap .news_img::before{ width: 50%; height: 100%; position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg);}
#news .news_wrap:hover .news_img::before{ -webkit-animation: shine .75s; animation: shine .75s;}
#news .news_wrap .news_img img{ width: 100%; height: auto; }
#news .news_wrap .news_txt{ padding: 30px; }
#news .news_wrap .news_txt h3{ width: 100%; margin: 0 0 20px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#news .news_wrap .news_txt p{ height: 48px; color: #666; word-break: break-all; }
#news .news_wrap .box{ width: 100%; height: 100%; position: relative; overflow: hidden; }
#news .news_wrap .box .news_overlay{ width: 100%; height: 100%; color: #fff; font-size: 2em; line-height: 1em; position: absolute; z-index: 1; display: table; background: rgba(0, 0, 0, .5); opacity: 0; transition:0.2s all; }
#news .news_wrap .box .news_overlay i{ display: table-cell; vertical-align: middle; text-align: center; }
#news a:hover .news_wrap{ box-shadow: 0 0 10px rgba(0, 0, 0, 1.0);}
#news a:hover .news_wrap .box .news_overlay{ opacity: 1; }
/*** /NEWS ***/

/*** INQUIRY ***/
#inquiry{ padding: 40px 0; background: #f60 /* url('../../img/bg-inquiry.jpg') center center no-repeat; background-size: cover */; }

.inquiry_box{ padding: 0; }
.inquiry_box span{ margin: 0 15px; color: #fff; font-size: 1.875em; font-weight: 700; line-height: 1em; display: inline-block; }
.inquiry_box button{ margin-top: 20px; padding: 8px 90px;}
/*** /INQUIRY ***/

/*** CONTACT ***/
ul.info{ margin: 0; padding: 0; list-style: none; overflow: hidden; }
ul.info li{ margin: 0 0 5px 0; }
ul.info li a{ color: #333; }
ul.info li a:hover{ color: #4b93bb;}
ul.info li i{ width: 16px; margin-right: 8px; color: #8ba83d; text-align: center;}
ul.info p{ color: #666; text-align: right; }

.gmap{ width: 100%; height: 355px; margin-top: 10px; }
/*** /CONTACT ***/

/*** CNT ***/
#inner h3{ margin-bottom: 20px; color: #777; }
#inner h4{ margin-bottom: 10px; color: #777; }
/* #inner .collist{ margin-bottom: 30px; } */
#inner .collist:last-child{ margin-bottom: 0; }
.faith_img{ width: 100%; height: 100%; }
.faith_img.h2{ height: 300px; }
.faith_img.h3{ max-height: 415px; }

.bg01{ background: #f6f6f6; }

.border01{ border: 1px solid #ccc; }

.benefit{ margin: 0; padding: 0; list-style: none; }
.benefit li{ padding: 10px 0; border-bottom: 1px solid #ccc; overflow: hidden;}
.benefit li span{ float: left; width: 184px; position: relative; }
.benefit li span:after{ content: "〉"; position: absolute; right: -0px; }
.benefit li p{ float: left; width: calc(100% - 184px);}

.benefit.en li span{ float: none; width: 100%; }
.benefit.en li span:after{ content: "〉"; position: absolute; right: -26px; }
.benefit.en li p{ float: none; width: 100%;}

.contact h2{ text-align: left; }
.contact ul{ margin: 0; padding: 0; list-style: none; }
.contact li{ margin: 0 0 10px 0; font-size: 1em; }
.contact li a{ color: #333; }
.contact li a i{ width: 16px; margin-right: 8px; text-align: center; }
.contact li a i, .contact li a:hover{ color: #f60; }
.select[name="title"] option:first-child{ color: #f00; }

#inner{ background: url('../../img/bg-pattern_l_01.png') left top repeat-y, url('../../img/bg-pattern_r_01.png') right top repeat-y; }

#inner .news_wrap{ margin: 0px 0px; padding: 0; background: #fff; border: 1px solid #ccc; border-radius: 10px; transition:0.2s all; }
#inner .news_wrap .news_img_wrap{ border-top-right-radius: 10px; border-top-left-radius: 10px; overflow: hidden; position: relative; }
#inner .news_wrap .news_img_wrap .date{ padding: 5px 15px; color: #fff; background: #8ba83d; border-top-left-radius: 10px; position: absolute; right: 0; bottom: 0; z-index: 1; text-align: center;}
#inner .news_wrap .news_img{ position: relative; transition:0.2s all; -webkit-backface-visibility: hidden; }
#inner .news_wrap .news_img::before{ width: 50%; height: 100%; position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg);}
#inner .news_wrap:hover .news_img::before{ -webkit-animation: shine .75s; animation: shine .75s;}
#inner .news_wrap .news_img img{ width: 100%; height: auto; }
#inner .news_wrap .news_txt{ padding: 30px; }
#inner .news_wrap .news_txt h3{ width: 100%; margin: 0 0 20px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#inner .news_wrap .news_txt p{ height: 48px; color: #666; word-break: break-all; }
#inner .news_wrap .box{ width: 100%; height: 100%; position: relative; overflow: hidden; }
#inner .news_wrap .box .news_overlay{ width: 100%; height: 100%; color: #fff; font-size: 2em; line-height: 1em; position: absolute; z-index: 1; display: table; background: rgba(0, 0, 0, .5); opacity: 0; transition:0.2s all; }
#inner .news_wrap .box .news_overlay i{ display: table-cell; vertical-align: middle; text-align: center; }
#inner a:hover .news_wrap{ box-shadow: 0 0 10px rgba(0, 0, 0, 1.0);}
#inner a:hover .news_wrap .box .news_overlay{ opacity: 1; }

#inner .box_wrap{ margin: 0px 0px; padding: 30px; background: #fff; border: 1px solid #ccc; border-radius: 10px; transition:0.2s all; }
#inner .box_wrap .box_img_wrap{ overflow: hidden; }
#inner .box_wrap .box_img{ position: relative; transition:0.2s all; -webkit-backface-visibility: hidden; }
#inner .box_wrap .box_img::before{ width: 50%; height: 100%; position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg);}
#inner .box_wrap:hover .box_img::before{ -webkit-animation: shine .75s; animation: shine .75s;}
#inner .box_wrap .box_img img{ width: 100%; height: auto; }
#inner .box_wrap h3{ width: 100%; margin: 30px 0 0px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center; }
#inner .box_wrap h3.inner_cap{ margin: 0; color: #000; font-weight: 700; line-height: 1.25em; text-overflow: clip; white-space: normal; text-align: left; }
#inner .box_wrap .box{ width: 100%; height: 100%; position: relative; overflow: hidden; }
#inner .box_wrap .box .box_overlay{ width: 100%; height: 100%; color: #fff; font-size: 2em; line-height: 1em; position: absolute; z-index: 1; display: table; background: rgba(0, 0, 0, .5); opacity: 0; transition:0.2s all; }
#inner .box_wrap .box .box_overlay i{ display: table-cell; vertical-align: middle; text-align: center; }
#inner a:hover .box_wrap{ box-shadow: 0 0 10px rgba(0, 0, 0, 1.0);}
#inner a:hover .box_wrap .box .box_overlay{ opacity: 1; }

#abm_sort .box_wrap{ position: relative; transition:0.2s all; }
#abm_sort .box_wrap .box_img{ transition:0.2s all; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); }
/* #abm_sort .box_wrap .box_img img{ max-height: 200px; } */
#abm_sort .box_wrap:hover .box_img{ transform: scale(1.25, 1.25); }
#abm_sort .box_wrap p{ width: 100%; margin: 0; padding: 15px 20px; /* padding: 15px 20px; */ color: #fff; font-size: 1.25em; /* font-size: 1.5em; */ background: #000; text-align: right; position: absolute; bottom: 0; z-index: 1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#abm_sort .box_wrap p{
  background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 15%, rgba(0,0,0,1) 75%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,1) 75%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,1) 75%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
}
#abm_sort .box_wrap .box{ width: 100%; height: 100%; position: relative; overflow: hidden; }
#abm_sort .box_wrap .box_img img{ width: 100%; height: auto; }
#abm_sort a:hover .box_wrap{ box-shadow: 0 0 10px rgba(0, 0, 0, 1.0);}
#abm_sort a:hover .box_wrap .box .box_overlay{ opacity: 1; }

.recruit_item{ margin: 0 12px; padding: 30px; background: #fff; border: 1px solid #ccc; text-align: center; }

hr{ margin: 0; }

.quote_1{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.quote_2{ text-overflow: ellipsis; white-space: normal; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

#cont{ padding: 0; background: url('../../img/bg-cont.jpg'); }
#cont .container{ padding: 80px 0; background: url('../../img/bg-cont_l.png') left bottom no-repeat, url('../../img/bg-cont_r.png') right top no-repeat; }
.cont_box{ padding: 0; }
.cont_box span{ margin: 0 15px; color: #fff; font-size: 1.875em; font-weight: 700; line-height: 1.25em; display: inline-block; }
.cont_box button{ margin-top: 20px;}

.func_wrap{ margin: 40px 0 0 0; padding: 0; overflow: hidden; }
.share_wrap{ float: left; margin: 0; padding: 0; list-style: none; overflow: hidden; }
.share_wrap span{ margin-bottom: 5px; color: #999; font-family: '微軟正黑體', sans-serif; font-size: .813em; display: block; }
.share_wrap li{ float: left; text-align: center; }
.share_wrap li.fb{ background: #1b74e4; }
.share_wrap li.line{ background: #00b300; }
.share_wrap li a{ width: 100px; display: block;}
.share_wrap li img{ width: auto; max-height: 40px; }
.time_wrap{ float: right; margin: 0; padding: 0; list-style: none; overflow: hidden; }
.time_wrap span{ margin-bottom: 5px; color: #999; font-family: '微軟正黑體', sans-serif; font-size: .813em; display: block; }
.time_wrap li{ width: 100px; height: 40px; font-size: .813em; line-height: 40px; background: #f3f3f3; text-align: center; }
/*** /CNT ***/

/*** PAGINATION ***/
.pagination_wrap{ width: 100%; text-align: center; }
.pagination{ margin-top: 50px; }
.pagination .page-item, .pagination .page-item a{ margin: 0 1px; border-radius: 0 !important; }
.pagination a{ color: #666; }
.pagination a:hover{ color: #333; background: #f3f3f3; }
.pagination .active .page-link{ color: #fff; background: #637d1c; border-color: #dee2e6; }
/*** /PAGINATION ***/

/*** FOOTER ***/
footer{ margin: 0; padding: 20px 0; background: #fff; overflow: hidden; }
footer .collist{ padding: 20px 20px; }
footer .logo a{ float: left; width: 212px; height: 60px; margin:0; padding: 0; background: url('../../img/pic-flogo.png') center center no-repeat; background-size: 212px auto; text-indent: -9999px; display: block;}
footer .logo.cn a{ float: left; width: 212px; height: 60px; margin:0; padding: 0; background: url('../../img/pic-flogo_cn.png') center center no-repeat; background-size: 212px auto; text-indent: -9999px; display: block;}
footer .logo.en a{ float: left; width: 212px; height: 60px; margin:0; padding: 0; background: url('../../img/pic-flogo_en.png') center center no-repeat; background-size: 212px auto; text-indent: -9999px; display: block;}
footer h3{ margin-bottom: 20px; color: #637d1c; font-weight: 700; }
footer a{ margin-bottom: 5px; color: #666; display: block; }
footer .collist a:last-child{ margin-bottom: 0; }
footer a i{ width: 16px; margin-right: 5px; text-align: center;}

.copyright{ width: 100%; padding: 20px 0; color: #fff; background: #637d1c; text-align: center;}
/*** /FOOTER ***/

/*** CAPTCHA ***/
.captcha_wrap{ float: left; margin: 0px 0 0 20px; }
#captcha_code{ float: left; width: 100px; }
/*** /CAPTCHA ***/

/*** BTN ***/
.btn{ padding: 8px 50px; border-radius: 5px; }
.btn_wrap{ width: 100%; margin:30px 0 0 0; }

.btn-primary{ background: #8ba83d; border-color: #8ba83d; }
.btn-primary:hover, .btn-primary:focus{ background: #637d1c; border-color: #637d1c;}

.btn-light{ color: #f60; background: #fff; border-color: #fff; }
.btn-light:hover, .btn-light:focus{ color: #fff; background: none; border-color: #fff;}

.btn-outline-light:hover, .btn-outline-light:focus{ color: #637d1c;}
/*** /BTN ***/

/*** COLOR ***/
.color01{ color: #ab7fda; }
.color02{ color: #8c61bc; }
.color03{ color: #f19100; }
.color04{ color: #c00; }
.color05{ color: #000; }
/*** /COLOR ***/

/*** MODAL ***/
.modal{ }
.modal-open { padding-right: 0 !important;} 
.modal-backdrop { opacity: .9 !important; }
.modal-content{ position: relative; }
.btn-close-wrap{ background-color: #f60; border-radius: 0; border-top-right-radius: 5px; border-bottom-left-radius: 5px; position: absolute; top: 0; right: 0; z-index: 10; }
.btn-close{ padding: 15px 15px;}
.modal-body{ padding: 30px 30px 30px 30px; overflow: hidden; }
.modal-body h4{ font-weight: 700; line-height: 1.25em; text-align: center; }
.modal-body h4 span{ font-size: .6em; font-weight: 400; display: block; text-transform: uppercase; }
.modal-img{ height: 130px; text-align: center; }
.modal-img img{ width: auto; max-height: 100%; }
.modal-list{ margin: 20px 0 0 0; padding: 20px 0 0 0; list-style: none; border-top: 1px solid #ccc; }
.modal-list li{ margin: 5px 0; background: #f3f3f3; display: flex; overflow: hidden; }
.modal-list li span{ display: flex; width: 120px; padding: 4px 20px 5px 20px; color: #fff; background: #f60; justify-content:flex-end; }
.modal-list li p{ display: flex; width: calc(100% - 120px); padding: 4px 20px 5px 20px; word-break: break-all; }
/*** /MODAL ***/

/*** MARGIN PADDING ***/
.mt-0{ margin-top: 0; }
.mt-10{ margin-top: 10px; }
.mt-20{ margin-top: 20px; }
.mt-30{ margin-top: 30px; }
.mt-40{ margin-top: 40px; }
.mt-50{ margin-top: 50px; }

.mb-0{ margin-bottom: 0; }
.mb-10{ margin-bottom: 10px; }
.mb-20{ margin-bottom: 20px; }
.mb-30{ margin-bottom: 30px; }

.pl-0{ padding-left: 0; }
.pr-0{ padding-right: 0; }
/*** /MARGIN PADDING ***/

/*** POPOVER ***/
[data-bs-toggle="popover"]{ cursor: pointer; }
.popover{ padding:5px; border: 5px solid #ccc; border-radius: 10px; }
.popover-arrow{ display: none !important; }
/*** /POPOVER ***/


/*** ANIMATE ***/
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
/*** /ANIMATE ***/


@media screen and (-webkit-min-device-pixel-ratio:0) { /* Chrome */
}

@media all and (-ms-high-contrast:none){ /* IE 11 */
     *::-ms-backdrop, .label_name{ }
}

@supports (display:-ms-grid) { /* Edge */
}