@charset "utf-8";

@import url("setting.css");

body.q{ padding-bottom: 68px; }

a{ color:#00ada9; text-decoration:none; transition:0.2s all;}
a:hover{ color:#ff6500; text-decoration: none;}
a:focus{ text-decoration: none;}

main{ background: #fff; }

.container{ max-width: 1440px; padding: 0 20px; position: relative; }
.container.w2{ max-width: 1031px; }
.container.w3{ max-width: 808px; }
.container.w4{ max-width: 615px; }

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

/*** HEADER ***/
header{ width: 100%; height: 70px; padding: 15px 0; background: #fff; border-bottom: 1px solid #f6f6f6; }

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

ul.menu{ float: left; margin: 5px 28px 0 28px; padding: 0; list-style: none; overflow: hidden;}
ul.menu li{ float: left; margin: 0 12px; font-size: 1.125em; }
ul.menu li a{ color: #333; }
ul.menu li a:hover{ color: #00ada9; }
ul.menu li a.current{ color: #f60; }

.btn_header_login{ float: right; padding: 6px 44px 7px 44px; box-shadow: 1px 1px 2px rgba(0, 0, 0, .35); }
.btn_header_login:hover{ box-shadow: 1px 1px 2px rgba(0, 0, 0, .35) !important;}

.menu-mobile{ position: absolute; top: 1px; right: 8px; z-index: 900; display: none; }
.menu-mobile .dropdown-toggle, .menu-mobile .dropdown-toggle:focus, .menu-mobile .dropdown-toggle:active{ background: none; border: 0 !important; }
.menu-mobile .dropdown-toggle:after{ display: none; }
.menu-mobile .logged-in{ text-align: center; }
.menu-mobile .logged-in span{ color: #999; font-size: .813em; }

.mbr-logged-in{ float: right; margin-right: -19px; }
.mbr-logged-in .dropdown-toggle{ padding-right: 0; padding-left: 0; }
.mbr-logged-in li{ text-align: center; }
.mbr-logged-in li:first-child span{ color: #999; font-size: .813em; }
.mbr-logged-in .dropdown-toggle, .mbr-logged-in .dropdown-toggle:focus, .mbr-logged-in .dropdown-toggle:active{ background: none; border: 0 !important; }
.mbr-logged-in .dropdown-toggle:after{ display: none; }
.mbr_thumb{ width: 39px; height: 39px; margin-top: -6px; border: 1px solid #ccc; border-radius: 50px; }
.mbr_thumb img{ width: 100%; height: auto; }

.dropdown-menu{ width: 230px; text-align: center; }

.test_list_wrap span{ color: #999; font-size: .813em; }
.test_list{ margin: 5px 0 0 10px; padding: 0 20px; }
.test_list li{ margin: 5px 0; font-size: .813em; text-align: left; list-style: disc; }
.test_list a{ color: #333; }
.test_list a:hover{ color: #00ada9; }

.notice{ float: right; font-size: 1.5em; line-height: 1em; position: relative; top: 6px; right: 80px; }
.notice span{ width: 20px; height: 20px; color: #fff; font-size: .5em; line-height: 18px; background: #c00; border-radius: 50%; position: absolute; top: -13px; right: -13px; text-align: center; }
/*** /HEADER ***/

/*** BNR ***/
.carousel-item .dk{ display: block !important; }
.carousel-item .mb{ display: none !important; }
/*** /BNR ***/

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

#sidebar { width: 250px; height: 100vh; position: fixed; top: 0; left: -250px; z-index: 998; background: #00ada9; color: #fff; transition: all 0.3s; overflow-y: scroll;}
#sidebar.active { left: 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.9); z-index: 901; opacity: 1; transition: all 0.5s ease-in-out;}
.overlay.active { display: block !important; opacity: 1;}
/*** /SIDEBAR ***/

/*** SECTION ***/
section{ padding: 75px 0; }
section h2{ margin-bottom: 40px; font-weight: 700; line-height: 1.325em; text-align: center; }
section h2 .sep{ margin: 0 15px; display: inline-block; }

#feature .row{ margin-top: -18px; }
#feature .box_wrap, #feature .box_wrap:focus{ margin: 12px 0; padding: 30px; border-radius: 10px; box-shadow: 0 0 8px rgba(0, 0, 0, .2) !important; text-align: center; }
#feature .box_wrap i{ margin-bottom: 20px; color: #00ada9; font-size: 5em; }
#feature .box_wrap .box_img_wrap{ margin-bottom: 20px; border-radius: 10px; position: relative; overflow: hidden; }
/* #feature .box_wrap .box_img_wrap .box_img{ width: 100% !important; height: 100% !important; position: absolute; } */
#feature .box_wrap .box_img_wrap .box_img{ transition:0.2s all; }
#feature .box_wrap:hover .box_img_wrap .box_img{ transform: scale(1.1, 1.1); }
#feature .box_wrap .box_img_wrap .box_img img{ width: 100%; height: auto; }
#feature .box_wrap h5{ margin-bottom: 20px; color: #ff6500;}
#feature .box_wrap p{ max-width: 342px; margin: 0 auto; line-height: 1.5em; }

#recommand{ background: url('../../img/bg-recommand.jpg') center center no-repeat; background-size: cover; }
#feature .row{ margin-top: -18px; }
#recommand h2{ color: #fff; text-shadow: 0 0 8px rgba(0, 0, 0, .75); text-align: left; }
#recommand .box_wrap, #recommand .box_wrap:focus{ margin: 12px 0; padding: 30px; background: rgba(255, 255, 255, .9); border-radius: 10px; box-shadow: 0 0 8px rgba(255, 255, 255, .75) !important; }
#recommand .box_wrap h5{ margin-bottom: 20px; color: #00ada9; }
#recommand .box_wrap p{ line-height: 1.5em; }
#recommand a .box_wrap{ transition:0.2s all;}
#recommand a:hover .box_wrap{ background: #fff; }
#recommand a h5{ transition:0.2s all;}
#recommand a:hover .box_wrap h5{ color: #ff6500; }
#recommand a .box_wrap p{ color: #333; }

#inner .box_wrap, #theme .box_wrap:focus{ margin: 12px 0; padding: 0px; border-radius: 10px; box-shadow: 0 0 8px rgba(0, 0, 0, .2) !important; overflow: hidden; }
#inner .box_wrap .box_img_wrap{ overflow: hidden; position: relative; }
#inner .box_wrap .box_img_wrap .box_tag{ padding: 5px 15px; color: #fff; background: #00ada9; border-top-right-radius: 20px;  position: absolute; left: 0; bottom: 0; z-index: 1; }
#inner .box_wrap .box_img{ transition:0.5s all;}
#inner .box_wrap .box_img img{ width: 100%; height: auto; }
#inner .box_wrap .box_txt_wrap{ padding: 20px; }
#inner .box_wrap:hover .box_img{ transform: scale(1.25); }
#inner .box_wrap h5{ margin-bottom: 10px; color: #333; font-weight: 700; line-height: 1.25em; text-align: left; transition:0.2s all;}
#inner .box_wrap:hover h5{ color: #ff6500; }
#inner .box_wrap .date{ color: #999; }
#inner .box_wrap .date i{ margin: 0 5px 10px 0; }
#inner .box_wrap p{ margin: 0 auto; line-height: 1.5em; }

#article .box_wrap, #theme .box_wrap:focus{ margin: 12px 0; padding: 0px; border-radius: 10px; box-shadow: 0 0 8px rgba(0, 0, 0, .2) !important; overflow: hidden; }
#article .box_wrap .box_img_wrap{ overflow: hidden; position: relative; }
#article .box_wrap .box_img_wrap .box_tag{ padding: 5px 15px; color: #fff; background: #00ada9; border-top-right-radius: 20px;  position: absolute; left: 0; bottom: 0; z-index: 1; }
#article .box_wrap .box_img{ transition:0.5s all;}
#article .box_wrap .box_img img{ width: 100%; height: auto; max-height:172px  } /*20230531改 max-height:172px 齊高*/
#article .box_wrap .box_txt_wrap{ padding: 20px; }
#article .box_wrap:hover .box_img{ transform: scale(1.25); }
#article .box_wrap h5{ margin-bottom: 10px; color: #333; font-weight: 700; line-height: 1.25em; text-align: left; transition:0.2s all;}
#article .box_wrap:hover h5{ color: #ff6500; }
#article .box_wrap .date{ color: #999; }
#article .box_wrap .date i{ margin: 0 5px 10px 0; }
#article .box_wrap p{ margin: 0 auto; line-height: 1.5em; }

#catalog .box_wrap, #theme .box_wrap:focus{ margin: 12px 0; padding: 0px; border-radius: 10px; box-shadow: 0 0 8px rgba(0, 0, 0, .2) !important; overflow: hidden; }
#catalog .box_wrap .box_img_wrap{ overflow: hidden; position: relative; }
#catalog .box_wrap .box_img_wrap .box_tag{ padding: 5px 15px; color: #fff; background: #00ada9; border-top-right-radius: 20px;  position: absolute; left: 0; bottom: 0; z-index: 1; }
#catalog .box_wrap .box_img{ transition:0.5s all;}
#catalog .box_wrap .box_img img{ width: 100%; height: auto; }
#catalog .box_wrap .box_txt_wrap{ padding: 20px; }
#catalog .box_wrap:hover .box_img{ transform: scale(1.25); }
#catalog .box_wrap h5{ margin-bottom: 20px; color: #333; font-weight: 700; line-height: 1.25em; text-align: left; transition:0.2s all;}
#catalog .box_wrap:hover h5{ color: #ff6500; }
#catalog .box_wrap .price{ margin-top: 10px; color: #333; }
#catalog .box_wrap .price span{ margin: 0 5px; color: #c00; font-size: 1.25em; font-weight: 700; }
#catalog .box_wrap p{ margin: 0 auto; line-height: 1.5em; }

.quote{ color: #666; }
.quote_1{ height: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.quote_2{ height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#inner .box_wrap h5.quote_2{ height: 50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
/*** /SECTION ***/

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

/*** BREADCRUMB ***/
nav[aria-label="breadcrumb"]{ padding:8px 0 7px 0; font-size: .875em; color: #999; }
ol.breadcrumb{ margin: 10px 0 0 0; padding: 0; text-align: center; display: block;}
.breadcrumb-item{ display: inline-block; }
.breadcrumb-item:before{ color: #999 !important; }
.breadcrumb-item.active{ color: #333; font-weight: bold; }
ol.breadcrumb a{ color: #e3e3e3; }
ol.breadcrumb a:hover{ color: #fff; }
/*** /BREADCRUMB ***/

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

/*** PRODUCT ***/
/*** /PRODUCT ***/

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

/*** CNT ***/
.inner_bnr{ height: 112px; padding: 40px 0; color: #fff; background: #00ada9; text-align: center; position: relative; overflow: hidden; }
.inner_bnr h2{ width: 100%; font-weight: 700; line-height: 1em; text-align: center; position: absolute; z-index: 10; }
.inner_bnr span{ margin-bottom: 10px; color: #fff; font-size: 4em; font-weight: 700; font-style: italic; line-height: 1em; display: block; position: absolute; top: -15px; right: 0; z-index: 5; opacity: .15; }

#inner .container{ min-height: 470px; }
#inner article{ margin-bottom: 40px; }
#inner article:last-child{ margin-bottom: 0; }
#inner h2{ text-align: left; }
#inner h3{ margin-bottom: 20px; color: #00ada9 !important; }
#inner h3 i{ margin-right: 10px; color: #f60; }
#inner ol{ margin: 0 0 0 5px; }
#inner ol li{ list-style: disc; line-height: 1.625em; }
#inner p{ line-height: 1.625em; }
#inner table{ width: 100%; /*min-width: 1038px;*/ border-collapse: collapse; text-align: center; }
#inner table.w-100{ width: 100%; min-width: auto;}
#inner table tr:hover td{ background: #fff3cd !important; }
#inner table tr td.color01 a{ color: #00ada9; }
#inner table tr:hover td.color01 a{ text-decoration: underline; }
#inner table th, #inner table td{ padding: 10px; border: 1px solid #ccc; }
#inner table th{ color: #fff; font-weight: 400; background: #666; }
#inner table td.bg01{ background: #f3f3f3; }
#inner table td.bg02{ background: #fff; }

#inner .external-link{ margin: 0 0 0 10px; color: #00ada9; }
#inner .external-link:hover{ color: #f60; }

#catalog .accordion{ height: auto; border: 0; overflow: hidden;}
#catalog .accordion-item{ border: 0; border-radius: 0 !important; border-top: 1px solid #ccc; }
#catalog .accordion-item:last-child{ border-bottom: 1px solid #ccc; }
#catalog .accordion-body{ padding: 0px; background: #f6f6f6; }
#catalog .accordion-body span{ margin: 5px 10px 5px 0; padding-right: 10px; background: #fff; border: 1px solid #ccc; border-radius: 5px; display: inline-block; }
#catalog .accordion-body span:last-child{ margin-right: 0;}
#catalog .accordion-body b{ width: 84px; margin: 0 10px 0 0; padding: 10px 10px 12px 10px; color: #fff; line-height: 1em; background: #888; border-top-left-radius: 5px; border-bottom-left-radius: 5px; text-align: center; display: inline-block; }
#catalog .accordion-body .b-item-wrap{ border-bottom: 1px solid #ccc; }
#catalog .accordion-body .b-item-wrap:last-child{ border-bottom: 0; }
#catalog .accordion-body .b-item-wrap a{ display: flex; align-items: center; }
#catalog .accordion-body .b-item-wrap a:hover{ color: #00ada9; }
#catalog .accordion-body .b-item:nth-child(1){ flex-basis: 200px; margin-right: 20px; }
#catalog .accordion-body .b-item:nth-child(2){ flex-basis: calc(100% - 340px); }
#catalog .accordion-body .b-item:nth-child(3), #catalog .accordion-body .b-item-wrap a:hover .b-item:nth-child(3){ flex-basis: 100px; margin-left: 20px; color: #333; }
#catalog .accordion-body .b-item span{ width: auto; margin: 0 0 0 10px; padding: 0; background: none; border: 0; border-radius: 0; }
#catalog .accordion-button[aria-expanded="false"]{ color: #333; background: #fff;}
#catalog .accordion-button[aria-expanded="true"]{ color: #fff; background: #00ada9;}
#catalog .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;}
#catalog .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;}
/* #catalog .accordion-body .score_list{ margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: 1px dashed #ccc; }
#catalog .accordion-body .score_list b{ background: #666; }
#catalog .accordion-body .score_list button{ margin-top: 5px; }
#catalog .accordion-body .score_list button i{ margin-right: 10px; }

#catalog .accordion-button{ padding: 10px 10px; color: #fff; border-radius: 0 !important; position: relative; }
#catalog .accordion-button:hover{ border: 0; }
#catalog .accordion-button[aria-expanded="false"]{ color: #333; background: #fff;}
#catalog .accordion-button[aria-expanded="true"]{ color: #fff; background: #00ada9;}
#catalog .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;}
#catalog .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;}
#catalog .accordion-button i{ width: 40px; margin-right: 20px; padding: 4px 0 6px 0; color: #fff; font-style: normal; line-height: 1em; background: #f60; border-radius: 5px; position: absolute; top: 10px; text-align: center;}
#catalog .accordion-button p{ width: calc(100% - 60px); margin-left: 60px; font-weight: 700; line-height: 1.5em; display: inline-block; }
#catalog .accordion-button span{ margin: 10px 0 0 10px; color: #999; font-size: .75em; font-weight: 400; line-height: 1em;}
#catalog .accordion-button h3{ margin: 0; padding: 0; }
#catalog .accordion-button h3 i{ color: #f60; background: none;  border: 0; border-radius: 0; }
#catalog .accordion-button h3 p{ width: auto; margin: -4px 0 0 43px; padding: 0; font-weight: 400; }
#catalog .accordion-button[aria-expanded="true"] p, #inner .accordion-button[aria-expanded="true"] span, #inner .accordion-button[aria-expanded="true"] h3 i{ color: #fff; }

#catalog .accordion-body .g_item{ margin: 5px 0; font-size: .938em; background: #fff; border-radius: 5px; overflow: hidden; text-align: center; }
#catalog .accordion-body .g_item span{ float: left; width: 100px; margin: 0; padding: 10px 0 11px 0; color: #fff; line-height: 1em; background: #888; }
#catalog .accordion-body .g_item p{ float: left; width: calc(100% - 100px); margin: 0; padding: 5px 0; line-height: 1.875em; }
#catalog .accordion-body .g_item.t2 span{ background: #00ada9; }
#catalog .accordion-body .g_item.t2 p{ color: #c00; font-weight: 700; } */

.btn_search{ margin-left: 20px; color: #999 !important; }
.btn_search:hover{ color: #00ada9; cursor: pointer; }

.menu-left{ margin: 0; padding: 0; list-style: none; }
.menu-left li { margin-bottom: 10px; color: #666; border: 1px solid #ccc; border-radius: 10px; box-shadow: 0 0 5px rgba(0, 0, 0, .25); }
.menu-left li:hover{ color: #00ada9; }
.menu-left li a{ padding: 10px 15px; color: #666; display: block; }
.menu-left li a:hover{ color: #00ada9; }
.menu-left li a.current{ color: #fff; background: #00ada9; border-radius: 10px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.menu-left li li{ margin: 0; background: none; border: 0; border-bottom: 1px dashed #ccc; border-radius: 0; box-shadow: none; }
.menu-left li li a{ overflow: hidden; }
.menu-left li li a.current{ color: #00ada9; background: none; border-radius: 0; }
.menu-left li li:last-child{ border: 0; }
.menu-left li li i{ float: left; width: 8px; margin: 5px 8px 0 0; color: #f60; }
.menu-left li li span{ float: left; width: calc(100% - 16px);}

.border_r_10{ border-radius: 10px !important; }

.kk{ margin: 10px 0; font-family: 'Cambria', sans-serif; }
.kk li{ float: left; width: calc(100% / 10); margin: 5px 0; text-align: center; display: inline-block; }
.kk li a{ color: #333; font-size: 1.25em; font-weight: bold; }
.kk li a:hover{ color: #f60;}
.kk li a:before{ padding-right: 5px; content: '['; }
.kk li a:after{ padding-left: 5px; content: ']'; }

.list01{ margin: 0; padding: 0; list-style: none; }
.list01 li{ padding: 10px; border-bottom: 1px solid #ccc; overflow: hidden; }
.list01 li i{ float: left; width: 40px; margin-right: 20px; padding: 4px 0 6px 0; color: #fff; font-style: normal; line-height: 1em; background: #f60; border-radius: 5px; text-align: center; }
.list01 li p{ float: left; width: calc(100% - 60px); }
.list01 li a{ color: #333; }
.list01 li a:hover{ color: #00ada9; }

.video_wrap{ text-align: center; }
.video_wrap video{ width: 100%; height: auto; margin-top: 40px; border: 1px solid #ccc;}
.video_wrap button{ margin: 40px 5px 0 5px;  }
.video_wrap .fa-angle-left{ margin-right: 10px; }
.video_wrap .fa-angle-right{ margin-left: 10px; }

.news_box, .news_box:focus{ padding: 20px; border-radius: 10px; box-shadow: 0 0 5px rgba(0, 0, 0, .25) !important; overflow: hidden; position: relative; }
.news_box h3{ line-height: 1.25em; }
a .news_box h3{ color: #333 !important; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition:0.2s all; }
a:hover .news_box h3{ color: #00ada9 !important; }

.news_box label{ margin-bottom: 10px; }
.news_box input{ border-radius: 5px; }
.news_box input:disabled{ border: 0; border-bottom: 1px solid #ccc; border-radius: 0; }
.news_box .date{ float: right; margin-top: 5px; color: #999;}
.news_box .date i{ margin: 0 5px 10px 0; }

.form_wrap label{ width: 100%; border-bottom: 1px solid #ccc; overflow: hidden; }
.form_wrap label i{ float: left; width: 30px; margin: 12px 5px 0 5px; color: #ccc; font-size: 1.5em; text-align: center;}
.form_wrap label input, .form_wrap label select{ float: left; width: calc(100% - 40px); border: 0; }
.form_wrap .color_note{ font-size: .813em; }

.mbr_img_wrap{ float: left; margin: 0 20px 0 0; text-align: center;}
.mbr_img{ width: 180px; height: 180px; border: 1px solid #ccc; border-radius: 5px; }
.mbr_img img{ width: 100%; height: auto; }

.alert select{ max-width: 375px; }

.q_img_wrap{ text-align: center; }
.q_no_box{ width: 60px; height: 30px; color: #fff; line-height: 26px; background: #f60; border-bottom-right-radius: 10px; position: absolute; top: 0px; left: 0px; text-align: center; }
.q_question{ margin-top: 20px; }

.answer_list{ margin: 10px 0 0 0; padding: 0; list-style: none; }
.answer_list li{ margin-bottom: 5px; overflow: hidden; }
.answer_list li:last-child{ margin-bottom: 0; }
.answer_list li span{ float: left; width: 24px; height: 24px; margin: 0 10px 0 0; color: #999; line-height: 20px; border: 1px solid #999; border-radius: 50%; text-align: center; }
.answer_list li p{ float: left; width: calc(100% - 34px); margin: 1px 0 0 0; line-height: 1.25em !important; }

.answer_select_wrap{ width: 100%; padding: 10px; background: #666; position: fixed; bottom: 0; }
.answer_select{ margin: 0; padding: 0; list-style: none; text-align: center; }
.answer_select li{ margin: 0 5px; display: inline-block; }
.answer_select .done{ position: absolute; right: 20px; }

.q_select{ margin: 0; padding: 0; list-style: none; }
.q_select li{ float: left; margin: 0 10px 0 0; }
.q_select li:last-child{ float: right; margin: 0; }

.q_select2{ margin: 0; padding: 0; list-style: none; text-align: center; }
.q_select2 li{ margin: 0 5px; display: inline-block; }

.countdown_wrap{ float: right; margin: -10px -20px 0 0; }
#hms_timer{ color: #333; }

.cnt_wrap, .cnt_wrap:focus{ background: #fff; overflow: hidden; }
.cnt_wrap h2{ text-align: left; }
.cnt_wrap p{ font-size: 1.25em; line-height: 1.325em; }

.explain{ margin: 0; padding: 0; list-style: none;}
.explain li{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #ccc; overflow: hidden; }
.explain li:last-child{ margin-bottom: 0; padding-bottom: 0; border: 0; }
.explain li span{ float: left; margin: 0; color: #333; }
.explain li span:first-child{ width: 83px; }
.explain li span:last-child{ width: calc(100% - 102px); padding-left: 20px; border-left: 5px solid #00ada9;}
.explain li span p{ margin-right: 20px; display: inline-block; }

.accordion_header{ height: 80px; background: #00ada9; }
.accordion{ height: calc(100vh - 0px); border: 0; overflow-y: auto !important;}
.accordion-item{ border: 0; border-radius: 0 !important; }
.accordion-body{ padding: 5px; background: #fff; /* border: 5px solid #f00; */ }
.accordion-body a{ padding: 10px 15px; color: #000; display: block; }

.accordion-button{ padding: 10px 20px !important; color: #fff; border-radius: 0 !important; }
.accordion-button:hover{ border: 0; }
.accordion-button.nocollapsed, .accordion-button.nocollapsed::after{ color: #fff; background: none; background: #00ada9; box-shadow: none; }
.accordion-button[aria-expanded="false"]{ color: #fff; background: #00ada9;}
.accordion-button[aria-expanded="true"]{ color: #fff; background: #00ada9;}
.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='%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;}
.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;}

.accordion-ul li{ border-bottom: 1px solid #ccc; }
.accordion-ul li:last-child{ border: 0; }
.accordion-ul li a{ display: flex; align-items: center; }
.accordion-ul li a .accordion-title{ flex-basis: calc(100% - 170px); margin-right: 20px; transition:0.2s all; }
.accordion-ul li a:hover .accordion-title{ color: #ff6500; }
.accordion-ul li a .accordion-price{ flex-basis: 150px; }
.accordion-ul li a .accordion-price span{ color: #c00; background: none !important; border: 0 !important; border-radius: 0 !important; display: inline !important; }

.sort{ margin: 0 0 40px 0; padding: 0; list-style: none; text-align: center; }
.sort li{ display: inline-block; }
.sort li a{ margin: 0 5px; padding: 10px 20px; color: #999; background: #f3f3f3; border-radius: 10px; transition:0.2s all; }
.sort li:nth-child(1) a.current, .sort li:nth-child(1) a:hover{ color: #fff; background: #00ada9; }
.sort li:nth-child(2) a.current, .sort li:nth-child(2) a:hover{ color: #fff; background: #ff6500; }

.list_row{ display: flex; padding: 15px 0; border-bottom: 1px solid #ccc; }
.list_row_tag{ flex-basis: 100px; margin-right: 20px; padding: 5px 10px; color: #fff; font-size: .813em; background: #333; border-radius: 5px; text-align: center; }
.list_row_title{ flex-basis: calc(100% - 120px); padding-top: 2px; line-height: 1.5em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
a .list_row_title{ color: #333; transition:0.2s all; }
a:hover .list_row_title{ color: #ff6500; }

a.func{ padding: 5px 15px; color: #333; background: #f3f3f3; border: 1px solid #ccc; border-radius: 5px; display: inline-block; }
a.func i{ margin-left: 10px; }
a:hover.func{ color: #fff; background: #ff6500; border-color: #ff6500; }

.nav-tabs{ width: 100%; margin: 0 auto; border: 0; }
.nav-tabs .nav-item{ margin: 0 5px; }
.nav-tabs .nav-item .nav-link { width: 100%; margin: 0; padding: 0; background: #fff; border: 2px solid #ccc; border-radius: 5px; }
.nav-tabs .nav-item .nav-link p{ padding: 10px 20px; color: #999;  font-size: 1em; line-height: 1em; text-align: center; }
.nav-tabs .nav-item:nth-child(1) .nav-link.active{ border-color: #00ada9;}
.nav-tabs .nav-item:nth-child(1) .nav-link.active p{ color: #00ada9; }
.nav-tabs .nav-item:nth-child(2) .nav-link.active{ border-color: #ff6500;}
.nav-tabs .nav-item:nth-child(2) .nav-link.active p{ color: #ff6500; }
.nav-tabs .nav-item:nth-child(3) .nav-link.active{ border-color: #0a94f9;}
.nav-tabs .nav-item:nth-child(3) .nav-link.active p{ color: #0a94f9; }
.nav-tabs .nav-item:nth-child(4) .nav-link.active{ border-color: #5b1bb9;}
.nav-tabs .nav-item:nth-child(4) .nav-link.active p{ color: #5b1bb9; }
.tab-content{ padding: 40px; border-radius: 10px; box-shadow: 0 0 5px rgba(0, 0, 0, .25) !important;}

.tab_item_wrap{ display: flex; }
.tab_item_wrap .tab_item:nth-child(1){ flex-basis: 300px; margin-right: 30px; }
.tab_item_wrap .tab_item:nth-child(2){ flex-basis: calc(100% - 330px); }
.tab_item_wrap .tab_item_img img{ width: 100%; height: auto; }
.tab_item_wrap .tab_item a.tab_tag2{ width: 88px; margin: 4px 5px; margin-left: 0; padding: 8px 10px 10px 10px; color: #333; line-height: 1em; background: #fff; border: 1px solid #ccc; border-radius: 5px; text-align: center; display: inline-block; }
.tab_item_wrap .tab_item a:hover.tab_tag2{ color: #00ada9; background: #f3f3f3; }
a.tab_tag3, a.tab_tag4{ width: auto; margin: 5px 5px !important; padding: 10px 10px 10px 10px; color: #333; font-size: 1.25em; background: #fff; line-height: 1.25em; border: 1px solid #ccc; border-radius: 5px; text-align: center; display: block; }
a.tab_tag3 span, a.tab_tag4 span{ margin: 0; padding: 0; font-size: .7em; display: block; }
a:hover.tab_tag3, a:hover.tab_tag4{ color: #00ada9; background: #f3f3f3; }
a.tab_tag3_select, a.tab_tag4_select{ width: auto; margin: 5px 5px !important; padding: 10px 10px 10px 10px; color: #333; font-size: 1.25em; background: #fff; line-height: 1.25em; border: 3px solid #888; border-radius: 5px; text-align: center; display: block; }
a.tab_tag3_select span, a.tab_tag4_select span{ margin: 0; padding: 0; font-size: .7em; display: block; }
a:hover.tab_tag3_select, a:hover.tab_tag4_select{ color: #00ada9; background: #f3f3f3; }

#tab_01-tab-pane .tab_tag{ margin-bottom: 5px; padding: 5px 10px; color: #fff; background: #00ada9; display: block; }
#tab_02-tab-pane .tab_tag{ margin-bottom: 5px; padding: 5px 10px; color: #fff; background: #ff6500; display: block; }
#tab_03-tab-pane .tab_item{ flex-basis: 100%; margin: 0; }
#tab_04-tab-pane .tab_item{ flex-basis: 100%; margin: 0; }

h3 .tag{ float: left; margin: 4px 10px 0 0; padding: 5px 10px; font-size: .5em; line-height: 1em; border-radius: 5px;}
h3 .tag.t1{ color: #00ada9; border: 2px solid #00ada9;}
h3 .tag.t2{ color: #ff6500; border: 2px solid #ff6500;}
h3 .tag.t3{ color: #0a94f9; border: 2px solid #0a94f9;}
h3 .tag.t4{ color: #5b1bb9; border: 2px solid #5b1bb9;}

#note{ display: none; }
/*** /CNT ***/

/*** SWIPER ***/
.cover{ background: #fff; border: 1px solid #ccc; position: relative; }
.cover_date{ padding: 5px 20px 5px 15px; border-bottom-right-radius: 20px; position: absolute; top: 0; left: 0; color: #fff; background: #00ada9; }
.cover_img{ margin: 20px 20px 20px 20px; text-align: center; transition:0.2s all; }
.cover p{ height: 40px; margin: 10px 20px 20px 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.swiper { padding: 0 48px; position: relative;}
.swiper-slide{ padding: 0 10px; }
.swiper-slide a{ color: #333; }
.swiper-slide a:hover{ color: #00ada9; }
.swiper-slide a:hover .cover_img{ transform: scale(1.05); }

.swiper0{ text-align: center; }
.swiper0 .swiper-wrapper{ width: auto; max-width: 282px; display: inline-block; }

.mbr_list .swiper-slide{ margin: 10px 0; }
/*** /SWIPER ***/

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

/*** FOOTER ***/
footer{ padding: 0 25px 0 25px; color: #fff; font-size: .875em; font-weight: 300; background: #4c4948; }
footer ul{ margin: 0; padding: 0; }
.ft-top{ border-bottom: 1px solid #5e5c5b;}
.container-area{ max-width: 1440px; margin: 0 auto; overflow: hidden; }
.container-area .block-left{ float: left; }
.container-area .block-left li{ float: left; }
.container-area .block-left li a{ color: #dbdbda;}
.ft-top .container-area .block-left a, .container-area .block-right a{ padding: 11px 16px; display: block; }
.ft-top .container-area a:hover{ color: #fff; background: #333333; }
.container-area .block-right a{ color: #a6a4a4; }
.container-area .block-right{ float: right; }
.container-area .block-right li{ float: left; }
.container-area li{ list-style: none; }
.ft-bottom .container-area{ padding: 40px 0px; color: #a6a4a4; }
.ft-bottom .block-left{ width: 60%; }
.ft-bottom .block-left .flogo a{ float: left; width: 127px; height: 56px; margin-bottom: 30px; background: url('../../img/pic-flogo.png') no-repeat; background-size: cover; text-indent: -9999px; }
.ft-bottom .block-left .info-box{ float: left; margin: 0 0 0 50px; color: #dbdbda; }
.ft-bottom .block-left .info-box i{ margin-right: 17px; color: #a6a4a4; }
.ft-bottom .block-left .info-box a{ color: #dbdbda; display: inline-block; }
.ft-bottom .block-left .info-box a:hover{ color: #00ada9; text-decoration: underline; }
.ft-bottom .block-right{ float: right; }
.ft-bottom .ft-follow{ float: right; margin-bottom: 39px; display: block; overflow: hidden;}
.ft-bottom .ft-follow li{ float: left; }
.ft-bottom .ft-follow li i{ font-size: 2em; }
.ft-bottom .ft-follow a:hover{ color: #00ada9; }
.ft-bottom .copyright{ clear: both; text-align: right; }
.ft-top .flogo2 a{ width: 127px; height: 56px; margin: 0 auto 20px auto; background: url('../../img/pic-flogo.png') no-repeat; background-size: cover; text-indent: -9999px; display: none; }
/*** /FOOTER ***/

/*** CAPTCHA ***/
.captcha_wrap{ float: left; margin-top: 34px; }
/*** /CAPTCHA ***/

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

.btn-primary{ background: #00ada9; border-color: #00ada9; }
.btn-primary:hover, .btn-primary:focus{ background: #00c4b8; border-color: #00c4b8; }
/*** /BTN ***/

/*** COLOR ***/
.color01{ color: #00ada9; }
.color02{ color: #ff6500; }
.color_note, .color_note a{ color: #c00; }
.color_note a:hover{ text-decoration: underline; }

.bg01{ background: #f6fffe; }
/*** /COLOR ***/

/*** FORM ***/
/*** /FORM ***/

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

/*** MODAL ***/
.modal-body input, .modal-body select{ margin: 0 0 10px 0 !important; border-radius: 5px; }
.modal-open{ padding-right: 0 !important; }
/*** /MODAL ***/


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