@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;700&display=swap');

/* *{ transition:0.2s all; -webkit-transition:0.2s all; -moz-transition:0.2s all; -o-transition:0.2s all; -ms-transition:0.2s all;} */
html,body{ overflow-x: hidden; /*image-rendering: -webkit-optimize-contrast;*/ }
body{ margin:0; padding:0; font-family:'Noto Sans TC', sans-serif; color:#333; font-size:1em; font-weight: 400; background: url('img/bg-bg.png'); box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box;}

h1,h2,h3,h4,h5,h6{ margin:0; padding:0; font-weight: 700; line-height: 1em;}

h2{ font-size: 1.75em; }
h3{ font-size: 1.5em; }
h4{ font-size: 1.375em; }
h5{ font-size: 1.25em; }
h6{ font-size: 1.125em; }

p{ margin:0; padding:0; font-size: 1em; line-height: 1.5em; word-break: break-all; }

img{ max-width: 100% !important; height: auto !important; vertical-align: top; }

a{ color:#6c157d; text-decoration:none; transition:0.2s all; -webkit-transition:0.2s all; -moz-transition:0.2s all; -o-transition:0.2s all; -ms-transition:0.2s all;}
a:hover{ color:#fb0; text-decoration: none;}
a:focus{ text-decoration: none;}

:focus, :active{ outline: none !important; box-shadow: none !important; }

::-webkit-input-placeholder { color:#bbb;}
::-moz-placeholder { color:#bbb;}
:-ms-input-placeholder { color:#bbb;}
:-moz-placeholder { color:#bbb;}

input:focus{ outline: 0; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #333;
  -webkit-box-shadow: 0 0 0px 1000px rgba(0,0,0,0) inset;
  transition: background-color 5000s ease-in-out 0s;
}

input{ width: 100%; padding:8px; border:1px solid #ccc; }
input:hover{ border:1px solid #ccc; }

textarea:hover,
input[type="text"]:hover,input[type="email"]:hover,input[type="password"]:hover,
textarea:active,
input[type="text"]:active,input[type="email"]:active,input[type="password"]:active,
textarea:focus,
input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active
{
    outline:0px !important; box-shadow:none !important; -webkit-appearance:none;
}

section{ padding: 80px 0; }
section h2{ margin:0 0 40px 0; color: #444; font-weight: 700; line-height: 1em; text-align: center; }
section h6{ line-height: 1.5em; }

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

/*** HEADER ***/
header{ width: 100%; padding:15px 10px; background: #fff; border-top: 2px solid #6c157d; border-bottom: 1px solid #6c157d; position: fixed; top: 0; z-index: 999;}
.logo{ float: left; }
.logo a{ width: 148px; height: 39px; background: url('../img/pic-logo.png') no-repeat; background-size: cover; text-indent: -9999px; display: block; }

.menu{ float: right; margin:4px 0 0 0; padding: 0; font-size: 1.25em; list-style: none; text-align: center; }
.menu li{ margin: 0 20px; display: inline-block; }
.menu a{ padding:0; color: #333 }
.menu a:hover{ color: #6c157d; }

.dropbtn { margin:-10px 0; padding:10px 0; color: #333; background: none; border: 0; }
.dropdown { position: relative; display: inline-block;}
.dropdown-content { font-size: .813em; display: none; position: absolute; top: 40px; background-color: #fff; min-width: 150px; box-shadow: 5px 5px 16px rgba(0,0,0,0.2); z-index: 99;}
.dropdown-content a { color: #000; padding: 8px 15px; text-align: left; text-decoration: none; display: block;}
.dropdown-content a:hover { color: #fff; background-color: #6c157d;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown .dropbtn { text-decoration:none; transition:0.2s all; -webkit-transition:0.2s all; -moz-transition:0.2s all; -o-transition:0.2s all; -ms-transition:0.2s all;}
.dropdown:hover .dropbtn { color: #6c157d;}

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

/*** SIDEBAR ***/
#sidebar { width: 250px; min-height: 100vh; position: fixed; top: 0; right: -250px; z-index: 998; background: #f3f3f3; color: #333; transition: all 0.3s; overflow-y: scroll; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);}
#sidebar.active { right: 0;}
/* #dismiss { width: 35px; height: 35px; line-height: 45px; text-align: center; color: #fff; background: none; position: absolute; top: 7px; right: 10px; cursor: pointer; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} */
.overlay { width: 100vw; height: 100vh; 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;}

.accordion_header{ height: 50px; }
.accordion{ border-top: 1px solid rgba(0, 0, 0, .1) !important; overflow-y: auto !important;}
.accordion-item{ margin-bottom: 5px; border-top: 0px solid rgba(0, 0, 0, .1) !important; }
.accordion-item:last-child{ border-top: 0px solid rgba(0, 0, 0, .1) !important; border-bottom: 1px solid rgba(0, 0, 0, .1) !important; }
.accordion-collapse{ border: 0; }
.accordion-body{ padding: 20px; background: #fafafa; overflow: hidden; }
.accordion-body h6{ padding-right: 120px; }
.accordion-body a{ float: right; color: #fff; overflow: hidden; display: block; }
.accordion-body a:hover{ color: #6c157d; }
.accordion-body a i{ float: left; width: 25px; margin-top: 5px; }
.accordion-body a span{ float: left; width: calc(100% - 25px); }

.accordion-button{ color: #fff; border: 0; border-radius: 0 !important; }
.accordion-button img{ width: 15px; margin-right: 8px; }
.accordion-button date{ margin-right: 20px; color: #999; font-style: italic; }
.accordion-button.nocollapsed, .accordion-button.nocollapsed::after{ color: #333; background: none; background: #f3f3f3; }
.accordion-button[aria-expanded="false"]{ color: #333; background: #efefef;/* border: 1px solid #ccc;*/}
.accordion-button[aria-expanded="true"]{ color: #fff; background: #6c157d;/* border: 1px solid #fb0;*/}
.accordion-button[aria-expanded="true"] date{color: #fff; }
.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='%23333333'><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 .accordion-item{ border: 0px solid rgba(0, 0, 0, .1) !important; }
#sidebar .accordion-header, #sidebar button.accordion-button, #sidebar .accordion, #sidebar{ border: 0 !important;}
#sidebar .accordion-button[aria-expanded="false"]{ color: #333; background: #f3f3f3;}
#sidebar .accordion-button[aria-expanded="false"], #sidebar .accordion-button[aria-expanded="true"]{ border: 0; }
#sidebar .accordion-body{ }
#sidebar .accordion-body a{ width: 100%; padding: 10px 15px; color: #000; text-align: left; display: block; }

.search_wrap{ margin: 10px 20px; }
.search_wrap a{ margin-right: 20px; color: #333; font-size: 2em; display: inline-block; }
/*.search_wrap select{ margin-bottom: 0; }
.search_wrap input{ margin: 10px auto 0 auto !important; }
.search_wrap h6{ margin-bottom: 10px; }*/
/*** /SIDEBAR ***/

/*** BANNER ***/
.banner_wrap{ position: relative; }
.banner_wrap.index .banner_txt{ width: 100%; height: 100%; position: absolute; z-index: 1; display: table; }
.banner_wrap.index .banner_tbox{ display: table-cell; vertical-align: middle;}
.banner_wrap.inner{ padding: 40px 0; color: #fff; }
.banner_tbox{ /*display: table-cell; vertical-align: middle;*/ text-align: center;}
.banner_tbox p{ margin: -10px 0 0 0; color: #fff; font-size: 3em; font-weight: 700; text-shadow: 0 0 10px rgba(0, 0, 0, .75); line-height: 1.25em;}
.banner_tbox p span{ margin-bottom: 10px; font-size: .813em; font-weight: 400; display: block; }
/*** /BANNER ***/

/*** BREADCRUMB ***/
nav[aria-label="breadcrumb"] { margin: 0 -16px; padding: 10px 0 0 0; color: #fff; }
ol.breadcrumb{ margin: 0 auto; padding: 0; font-size: .875em; background: none; }
.breadcrumb-item{ font-size: 1em; }
.breadcrumb-item a{ color: #fff;}
.breadcrumb-item a:hover{ color: #fff; text-decoration: underline;}
.breadcrumb-item[aria-current="page"]{ color: #fff !important;}
.breadcrumb-item + .breadcrumb-item::before { color: #fff; }
/*** /BREADCRUMB ***/

/*** CNT ***/
main{ padding: 68px 0 0 0; }

.index_feature{ margin-top: 40px; }
.index_feature .list_box{ padding: 30px; border: 1px solid #ccc; border-radius: 5px; text-align: center; transition:0.2s all;}
.index_feature .list_box i{ width: 90px; height: 90px; font-size: 2.5em; line-height: 90px; color: #fff; background: #6c157d; border-radius: 50%; text-align: center; }
.index_feature .list_box h3{ margin: 15px 0; }
.index_feature a{ color: #333; }
.index_feature a:hover .list_box{ color: #fff; background: #6c157d; }

.gua{ width: 90px; height: 90px; margin: 20px auto 0 auto; }

.list_wrap{ margin: 0 20px; }
.list_wrap .list_box{ margin: 0 5px; padding: 30px; background: #6c157d; border: 1px solid #ccc; border-radius: 20px; text-align: center;}
.list_wrap .list_box i{ width: 90px; height: 90px; font-size: 2.5em; line-height: 86px; color: #6c157d; background: #fff; border: 2px solid #6c157d; border-radius: 50%; text-align: center; }
.list_wrap .list_box h3{ margin: 0px 0; }
.list_wrap .list_box a h3{ color: #fff; }
.list_wrap .list_box .list_img{ margin: 25px 0; }

.list_box2{ margin: 0 0 20px 0; padding:0; background: #fff; border: 1px solid #ccc; border-radius: 10px;}
.list_box2 .list_img{ border-top-right-radius: 10px; border-top-left-radius: 10px;}
.list_box2 .list_txt{ padding: 20px; }
.list_box2 h5{ margin-bottom: 10px; text-align: center; }
.list_box2 span{ line-height: 1em; }
.list_box2 a, .list_box2 a h5, .list_box2 a span{ color: #333; transition:0.2s all; }
.list_box2 a:hover h5{ color: #6c157d; }

.list_box3{ margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #ccc; overflow: hidden; }
.list_box3 .list_img{ float: left; width: 200px; height: auto; margin-right: 20px; border-radius: 10px;}
.list_box3 .list_txt{ float: left; width: calc(100% - 220px); word-break: break-all;}
.list_box3 .list_txt h5{ margin-bottom: 20px; }
.list_box3 button{ margin-top: 14px; }
.list_box3 a{ color: #333; }
.list_box3 a:hover h5, .list_box3 a:hover p{ color: #6c157d; transition:0.2s all; }
.list_box3 p{ margin-bottom: 0px; line-height: 1.25em; }

.list_img.dtl{ float: left; width: 250px; height: 250px;  margin:0 20px 20px 0; border-radius: 10px; }
.list_img.dtl2{ max-width: 500px; height: auto;  margin:0 auto 30px auto; }
.list_img img{ width: 100%; height: auto; }

.sort_wrap{ margin: 0; padding:20px 30px; list-style: none; background: #f3f3f3; border: 1px solid #ccc; border-radius: 10px; }
.sort_wrap li{ padding: 10px 0; border-bottom: 1px dashed #ccc; }
.sort_wrap li:last-child{ border: 0; }
.sort_wrap li a{ color: #999; }
.sort_wrap li a:hover, .sort_wrap li.current a{ color: #6c157d;}

.select_branchbox{ margin-bottom: 20px; display:none;}
.select_branchbox span{ margin:0 auto; padding:0; display:block;}
.select_branch{ width:100%; padding:10px 10px; background:#f3f3f3 url(../img/icon-arrow_down.png) right 10px center no-repeat; background-size: 16px auto; color:#666; border:1px solid #ccc !important; border-radius:5px; -webkit-appearance: none;}

.quote{ color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.quote2{ color: #666; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.bubble_q{ overflow: hidden;}
.bubble_q .bubble_img{ float: left; width: 60px; height: 60px; background: url('../img/pic-chijenn.jpg') center center no-repeat; background-size: cover; border: 1px solid #ccc; border-radius: 50%; }
.bubble_q .bubble{ float: left; width: calc(100% - 70px); margin-left: 10px; padding: 10px 15px; background: #efefef; border: 1px solid #ccc; border-radius: 10px; position: relative; text-align: justify; }
.bubble_q .bubble i{ width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 0; border-color: transparent #ccc transparent transparent; position: absolute; top: 15px; left: -10px;}
.bubble_q .bubble i i{ width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 0; border-color: transparent #efefef transparent transparent; position: absolute; top: 1px; left: 2px;}
.bubble_a{ margin-top: 20px; }
.bubble_a .bubble{ padding: 10px 15px; background: #c3f69d; border: 1px solid #ccc; border-radius: 10px; position: relative; text-align: justify;}
.bubble_a .bubble i{ width: 0; height: 0; border-style: solid; border-width: 0 0 10px 10px; border-color: transparent transparent transparent #ccc; position: absolute; top: 15px; right: -10px;}
.bubble_a .bubble i i{ width: 0; height: 0; border-style: solid; border-width: 0 0 8px 8px; border-color: transparent transparent transparent #c3f69d; position: absolute; top: 1px; right: 2px;}
.bubble_a .bubble input, .bubble_a .bubble button{ margin: 5px 0; padding: 10px 10px 12px 10px; text-align: right; }
.bubble_a .bubble button{ line-height: 1.25em;}

#bubble_1, #bubble_2, #bubble_3, #bubble_4, #bubble_5{ opacity: 0; }

.keyword_lib{ z-index: 99999 !important; }

.ui-widget-content { z-index: 99999 !important;}

.open-popup { cursor: pointer; color: #888;}
.popup{ padding: 30px 0; }
.moverlay { width: 100%; height: 100%; position: fixed; z-index: 9999; left: 0; top: 0; text-align: center; white-space: nowrap; display:none; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.moverlay .popup { background: #fff; border: 20px solid #6c157d; display: inline-block; white-space: normal; text-align: left; vertical-align: middle; position: relative; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; margin-top: -50px;}
.moverlay::before, .moverlay::after { height: 100%; content: ""; display: inline-block; vertical-align: middle;}
.moverlay.shown { display:block;}
.moverlay.shown .popup { margin-top: 0;}
.moverlay--bg-black { background: rgba(0, 0, 0, 0.9);}
.moverlay--bg-white { background: rgba(125, 125, 125, 0.9) !important;}
.popup-close { position: absolute; width: 20px; height: 20px; display: block; top: 8px; right: 5px; cursor: pointer; opacity: 0.7;}
.popup-close::before, .popup-close::after { content: ''; position: absolute; display: block; height: 2px; margin-top: -1px; top: 50%; left: 3px; right: 3px; background: #555;}
.popup-close::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.popup-close::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.popup-close:hover { opacity: 1;}
.btn_yes { background: #81CE84; padding: 5px 15px; border: none; font-family: inherit; color: #fff; border-radius: 3px; cursor: pointer; outline: none;}
.btn_no{background: #FD7E7E; padding: 5px 15px; border: none; font-family: inherit; color: #fff; border-radius: 3px; cursor: pointer; outline: none;}
.popup_wrap{ max-width: 240px; margin: 0 20px; padding: 0px 0px; text-align: center;}
.popup_wrap p{ text-align: center; }
.popup_wrap input{ width: 100%; max-width: 240px; margin-bottom:5px !important; padding:5px; border:1px solid #ccc; background:#f6f6f6; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; }
.popup_wrap .captcha_wrap{ overflow: hidden; text-align: left; }
.popup_wrap .input_captcha{ width: 80px; }
.popup_wrap a button{ margin-top: 10px; padding: 5px 10px; color: #fff; background: #6c157d; border: 1px solid #6c157d !important; border: 0; cursor: pointer; display: inline-block; }
/*** /CNT ***/

/*** FOOTER ***/
footer{ padding: 20px 0; font-size: .813em; color: #fff; background: #6c157d; border-top: 0px solid #eee; overflow: hidden; }
footer a{ margin: 0 5px; color: #999; font-size: 3em; display: inline-block; }

/*.cd-top { position: absolute; z-index: 1; bottom: 0px; right: 0px; text-align: center; opacity: 0}*/

.float{ width: 40px; margin: 0; padding: 0; list-style: none; position: fixed; right: 10px; bottom: 20px; }
.float li{ margin: 5px 0; }
/*** /FOOTER ***/

/*** CONTACT ***/
.gmap{ width: 100%; height: 400px; margin: 0 0 20px 0; padding: 0; border: 0; }
/*** /CONTACT ***/

/*** CAPTCHA ***/
.captcha_code{ float: left; width: 120px !important; margin: 0 10px 0 0; }
.captchaimg{ float: left; margin:-20px 0 0 10px; }

.captcha_wrap2{ margin-top: 30px; }
/*** /CAPTCHA ***/

/*** PAGINATION ***/
.pagination_wrap{ width: 100%; text-align: center; }
.pagination{ margin-top: 40px; }
.pagination .page-item, .pagination .page-item a{ width: 40px; height: 40px; border-radius: 50% !important; line-height: 24px; text-align: center; }
.pagination .page-item{ margin: 0 2px;}
.pagination a{ color: #999; }
.pagination a:hover{ color: #6c157d; background: #fff; border-color: #6c157d; }
.pagination .active .page-link{ background: #6c157d; border-color: #dee2e6; }

.navlist_mobile{ width: 200px; margin:30px auto 0 auto; padding: 0; text-align: center; clear: both;}
.navlist_mobile select{ width: auto; margin: 0 5px; padding: 5px 40px 5px 10px; display: inline-block; cursor: pointer; }
.pageflip{ margin: 0 0 15px 0; padding: 0; list-style: none; text-align: center; display: none; }
.pageflip li{ margin: 0 5px; display: inline-block; }
/*** /PAGINATION ***/

/*** BTN ***/
.btn_wrap{ width: 100%; margin:20px 0 0 0; }
.btn{ padding:11px 45px 15px 45px; color: #fff; font-size: 1em; line-height: 1em; border-radius: 5px; }
.btn i{ margin: 0 0 0 15px; }

.btn-sm{ padding:5px 15px 8px 15px; font-size: 1em; }

.btn-primary{ color: #fff; background: #6c157d; border-color: #6c157d;/*  text-shadow: 1px 1px 0 rgba(0, 0, 0, .75); */ }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary.current{ color: #6c157d; background: #fff !important; border-color: #6c157d !important; }
/*** /BTN ***/

/*** FORM ***/
form input[type="text"], form input[type="email"], form input[type="password"], form input[type="file"], form input[type="date"], form input[type="time"], form input[type="number"], form select{ margin-bottom: 20px; }

form.form-inline select{ margin: 0; }

input[type="text"],input[type="email"],input[type="password"],input[type="file"],input[type="date"],input[type="time"],input[type="number"]{ width: 100%; min-height: 46px; padding:10px 10px; line-height: 1em; border-radius: 5px; }
input[type="text"],input[type="email"],input[type="password"],input[type="file"],input[type="date"],input[type="time"],input[type="number"], select, textarea{ -moz-appearance: none; -webkit-appearance: none; appearance: none;}
input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="file"]:focus,input[type="date"]:focus,input[type="time"]:focus,input[type="number"]:focus,select:focus,textarea:focus{ border-color:#6c157d; }
input[type="radio"], input[type="checkbox"]{ width: auto; }
input[type="radio"]{ width: 20px; height: 20px; display: inline; margin-top: 5px; }
input[type="checkbox"]{ width: 20px; height: 20px; display: inline; margin-top: 5px; border-radius: 3px !important; }

select{ width: 100%; padding:10px 10px; border: 1px solid #ccc; border-radius: 5px; background:#fff url(../img/icon-arrow_down.png) right 10px center no-repeat; background-size: 16px auto; }

textarea{ width: 100%; height: 200px; margin-bottom: 15px; padding:10px 10px; border:1px solid #ccc; border-radius: 5px; }

label{ margin-bottom: 10px; font-weight: bold; display: block; }
label p{ margin-bottom: 5px; }

.none{ display: none; }

/* radio */
.container_radio { display: inline-block; position: relative; margin: 5px 12px 0 0; padding-left: 35px; cursor: pointer; font-size: 1em; line-height: 35px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.container_radio input { position: absolute; top: 4px; left: 4px; opacity: 0; cursor: pointer;}
.radiomark { position: absolute; top: 5px; left: 0; height: 25px; width: 25px; background-color: #fff; border:1px solid #ccc; border-radius: 50%;}
.container_radio:hover input ~ .radiomark { background-color: #fb0; border:1px solid #ccc;}
.container_radio input:checked ~ .radiomark { background-color: #fff;}
.radiomark:after { content: ""; position: absolute; display: none;}
.container_radio input:checked ~ .radiomark:after { display: block;}
.container_radio .radiomark:after { top: 5px; left: 5px; width: 13px; height: 13px; border-radius: 50%; background: #fb0;}
/* /radio */

/* checkbox */
.container_check { display: block; position: relative; padding-left: 35px; margin:5px 0; cursor: pointer; font-size: 1em; line-height: 25px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; word-break: break-all;}
.container_check input { position: absolute; left: 4px; top: -5px; opacity: 0; cursor: pointer; height: 25px; width: 25px;}
.checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #fff; border:1px solid #ccc;}
.container_check:hover input ~ .checkmark { background-color: #fff; border:1px solid #ccc;}
.container_check input:checked ~ .checkmark { background-color: #6c157d;}
.checkmark:after { content: ""; position: absolute; display: none;}
.container_check input:checked ~ .checkmark:after { display: block;}
.container_check .checkmark:after { left: 8px; top: 4px; width: 7px; height: 12px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.container_check.center{ display: inline-block; }
/* /checkbox */

/* .radio_list{ margin: -12px 0 36px 0; }
.radio_list:last-child{ margin: -12px 0;}
.radio_list h3{ margin-bottom: 10px; font-size: 1.125em; } */
.radio_list{ position: relative; }
.radio_list label{ width: auto; font-weight: normal; display: inline-block; transition:0.2s all; -webkit-transition:0.2s all; -moz-transition:0.2s all; -o-transition:0.2s all; -ms-transition:0.2s all;  }
.radio_list label:hover{ cursor: pointer; }
.radio_list input[type="radio"] { /*width: 0;*/ position: absolute; top: 32px; opacity: 0;}
.radio_list input[type="radio"]:checked + label{ border-color: #6c157d; box-shadow: inset 0 0 0 3px #6c157d}

.radio_wrap{ margin: 9px 0; padding: 10px 20px 12px 20px; background: #fff; border: 2px solid #6c157d; border-radius: 5px; overflow: hidden; transition:0.2s all; }
.radio_wrap:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .45); }
a .radio_wrap p{ color: #666; }
/*** /FORM ***/

/*** MODAL ***/
.modal-header{ }
.modal-title{ color: #333;}
.modal-body{ text-align: left !important; }
.modal-body p{ margin: 10px 0; }
.modal-body span{ width: auto !important; margin: 0 15px 0 0; padding: 0 15px 0 0; font-weight: bold; border: 0; display: inline-block !important; word-break: keep-all; }
.modal-open { padding-right: 0 !important; overflow: visible;}
.modal-body .captcha_wrap{ margin-top: 47px; }
.modal-body .btn_wrap{ margin: 20px auto 0 auto; text-align: center; }

.modal-backdrop { opacity: .95 !important;}

.modal .radio_wrap{ margin: 0px 0; }


#searchModal{}
#searchModal .modal-header, #refundModal .modal-header, #privacyModal .modal-header, #qnaModal .modal-header{ border: 0;}
#searchModal .modal-title, #refundModal .modal-title, #privacyModal .modal-title, #qnaModal .modal-title{ color: #333; font-size: 1em;}
#searchModal .modal-content{ width: 100%; height: 100%;}
#searchModal .modal-footer{ display: none; }
.modal-backdrop { opacity: .90 !important;}
/*** /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; }
.pb-50{ padding-bottom: 50px; }
/*** /MARGIN PADDING ***/

/*** ANIMATION ***/
.ani_zoom_in{animation-name: zoom_in; animation-duration: 1s; animation-fill-mode: forwards; animation-timing-function: ease-in-out;}
@keyframes zoom_in {
  from { transform: scale(0, 0); opacity: 0;}
  to { transform: scale(1, 1); opacity: 1;}
}
/*** /ANIMATION ***/

/*** COLOR ***/
.color01{ color: #6c157d; }
/*** /COLOR ***/

/*** BG & COLOR ***/
.bg01{ color: #fff; background: #6c157d; }
.bg01 h2{ color: #fff; }
.bg02{ background: #fff; }
.bg03{ background: #fff; }
/*** /BG & COLOR ***/


@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 */
}