@import url("table.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700;900&family=Noto+Serif+TC:wght@400;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');
html, body{
    background: #fff;
    color: #323232;
    font-size: 16px;
    font-family: 'Lato', Gotham, "Helvetica Neue", Helvetica, Arial, "儷黑 Pro", "LiHei Pro", 'Noto San TC', "微軟正黑體", "Microsoft JhengHei", sans-serif;
    line-height: 1.75em;
    width: 100%;
    height:auto;
    margin:0;
    padding:0;
    /*overflow:auto*/
}

/*---   Font   ---*/
h1, h2, h3, h4, h5, h6{ font-family: 'Noto Serif TC', sans-serif; font-weight: 700; color: #000000;}
.h1, .h2, .h3, .h4, .h5, .h6{ font-family: 'Noto Sans TC', sans-serif; font-weight: 500; color: #A98344;}
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small{ color: #6c757d;}
h1, .h1 { font-size: 2rem;}
h2, .h2 { font-size: 1.8rem;}
h3, .h3 { font-size: 1.625rem;}
h6, .h6 { font-size: 1.125rem;}   
@media print, screen and (min-width: 40em) {
    h1, .h1{ font-size: 2.5rem;}  /* 40px */
    h2, .h2{ font-size: 2.25rem;} /* 36px */
    h3, .h3{ font-size: 1.875rem;}/* 30px */
    h4, .h4{ font-size: 1.5rem;}  /* 24px */
    h5, .h5{ font-size: 1.25rem;} /* 20px */
    h6, .h6{ font-size: 1.125rem;}/* 18px */
}
:focus{ outline: 0;} /* remember to define focus styles! */
/*---  Title Underline  ---------------------*/
hr{ margin-top: .5rem; max-width: 100%; border-bottom: 1px solid #dfd1b7;}
.divider{ background-color: #A98344; border: 3px; display: inline-block; height: 3px; width: 40px;}
.collapse{ padding: 0;}
.marTop{ margin-top: 3rem;}
.marBtm{ margin-bottom: 3rem;}
.text{ padding: 20px; margin: 30px 20px}
/*---   paragraph Spacing -------------------*/
.post-content{ padding: 1.5rem 0 3rem; background: #edeadc;}
.post-body{ padding: 2rem 0}
.post-title h1{ padding-bottom: 1rem;}
@media screen and (min-width: 64em){
    .post-content{ padding: 3rem 0 4rem;}
    .post-title h1{ padding-bottom: 2rem;}
	 .text{ margin: 50px 0;}
}
/*.accordion-title{ color: #468bcd; text-decoration:none; font-weight:700;}*/
/*---   Link   ----------------------------------------------------------------------------------------------*/
a{ color: #000000; font-family: 'Noto Serif TC', sans-serif; transition: all 0.5s ease 0.3s;}
a:hover, a:focus{ color: #A98344; text-decoration: none;}
/*---   Button   --------------------------------------------------------------------------------------------*/
.button { background-color: #A98344; color: #fff; font-family: 'Noto Serif TC', sans-serif; }
.button:hover{ background-color: #524B3D;}
.button.secondary{ background: #000000; color: #fff}
.button.secondary:hover, .button.secondary:focus { background-color: #bababa; color: #0a0a0a;}
.button.hollow { border: 1px solid #A98344; color: #A98344;}
.button.hollow:hover{ border-color: #524B3D; color: #524B3D;}
.button.hollow.secondary { border: 1px solid #999; color: #999;}
.button.hollow.secondary:hover, .button.hollow.secondary:focus{ border-color: #757575; color: #757575;}
.button.hollow.secondary:hover.disabled, .button.hollow.secondary:hover[disabled], .button.hollow.secondary:focus.disabled, .button.hollow.secondary:focus[disabled] { border: 1px solid #e9e9e9; color: #e9e9e9;}
.button.alert { background-color: #f36497; color: #fff; text-decoration:none;font-weight:700}
.button.alert:hover, .button.alert:focus { background-color: #bb4770; color: #fff;}
/*---   structure   -----------------------------------------------------------------------------------------*/
.wrapper{ }
.wrap-inner{ width:100%; margin:0 auto;}
@media screen and (min-width:1360px){ .wrap-inner { width: 1300px; margin:0 auto;}}
@media screen and (max-width:1359px){ .wrap-inner { width: 98%; margin:0 auto;}}
.contentwrapper{ background: #fff;}
.innertube{padding: 40px 0;}
.reveal-overlay{ background-color: rgba(10, 10, 10, 0.85);}
@media print, screen and (min-width: 40em) {
    .reveal.large {
      width: 100%;
      max-width: 64rem; }
}

/* ----------------------------------------------------------------------------------------------------------
   Header
------------------------------------------------------------------------------------------------------------*/
.top-bar{ background: #fff; border-top: 5px solid #A98344; border-bottom: 1px solid #DFD1B7; padding: 0;}
.top-bar > .flex_header{ display: flex; justify-content: space-between; margin: 0 auto;}
.top-bar > .flex_header div{ flex: 0 0 auto;}

/* ----------------------------------------------------------------------------------------------------
   Footer
------------------------------------------------------------------------------------------------------*/
footer{ background: #A1762E; color: #E7DABD;}
footer a, .copyright .tel a{ color: #ffffff;}
footer a:hover, .copyright .tel a:hover{ color: #c4a875;}
footer img { margin-bottom: 24px}
.copyright{  padding: 50px 0;}
.copyright > .flexbox{ display: flex; flex-direction: column; align-items: center;}
.copyright > .flexbox .col-1{ text-align: center;}
.copyright > .flexbox .col-2{ text-align: center; line-height: 1.5}
.copyright .tel{  font-weight: bold;}

.com-info .flex-video{ margin-bottom: 20px;}
.com-info .tel{ font-size: 30px; font-weight: bold; line-height: 36px;}
.com-info .tel a{ color: #468bcd}

@media screen and (min-width: 64em){
	.copyright > .flexbox{ flex-direction: row; justify-content: space-between;}
	.copyright > .flexbox .col-1{ text-align: left;}
	.copyright > .flexbox .col-2{ text-align: right;}
	footer img { margin-bottom: 0}
}
.content-bg{ background: url(../image/bg.jpg) top left repeat;}
/* --------------------------------------------------------------------------------------------------
   Form
-------------------------------------------------------------------------------------------------  */
label{ font-size: 15px; }
label .title{ width: 90px;}
legend{ color: #468bcd; font-size: 1rem; font-weight: bold;}
.fieldset legend{ padding: 0 1rem;}
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea { height: 3.125rem; margin: 0 0 1rem; padding: 0.375rem 0.75rem; background-color: #fff; border: 1px solid #cacaca; box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); }
[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus{ outline: none; border: 1px solid #fff; background-color: #fefefe;}
[type="checkbox"], [type="radio"]{ margin-right: 5px;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{ color: #999;}
input::-moz-placeholder, textarea::-moz-placeholder{ color: #999;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{ color: #999;}
input::placeholder, textarea::placeholder { color: #999;}
.pop-up .close-button{ color: #7f8c8d; z-index: 100}
.pop-up .close-button:hover, .close-button:focus { color: #bdc3c7;}
.pop-up .button{ background: #1abc9c; color: #fff; border: 1px solid #4ed1b7; border-bottom: 3px solid #16a085;box-shadow: 2px 4px 8px rgba(10, 10, 10, 0.3); margin-top: .3rem}
.require{ color: #f36497; margin-left: 6px;}

.fieldset .flex-col{ display: flex; flex-direction: column;}
.fieldset .flex-row{ display: flex; flex-direction: row; margin-bottom: 10px;}
.traffic{ display: flex; flex-direction: column;}
@media screen and (min-width: 64em){ .traffic{ flex-direction: row;}}

.form-list-row{ display:flex; flex-direction: row;}
.form-list-row .item-col1{ flex: 0 1 20px;}
.form-list-row .item-col2{ flex: 0 1 90%;}

/*--  login/register  ---------------------------------------------------------------------------------------------------------*/
.form-block{ background: #fff;}
.form-block fieldset{ padding: 2.5rem; border: 1px solid #468bcd;  -webkit-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.2); box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.2);}
.form-block legend{   }
.form-block .input-row input[type=text], .input-row input[type=password] { padding-left: 52px;}
.form-block .input-row { position: relative;}
.form-block .input-icon { position: absolute; left: 0; top: 0; margin:15px}
.form-block .required, .inquery .required{ color: var(--warning); margin-left: 5px;}
.margin-right{ padding-right: 0;}
      @media screen and (min-width: 64em) { .margin-right{ padding-right: 10px;} }

/* --------------------------------------------------------------------------------------------------
   Logo
-------------------------------------------------------------------------------------------------  */
a.logo{ background: url(../image/logo_m.png) no-repeat left top; display: block; width: 202px; height: 32px; margin: 15px 0 0 10px;}
@media screen and (min-width: 64em){ a.logo{ background: url(../image/logo.png) no-repeat left top; width: 297px; height: 47px; margin: 30px 0;}}

/* --------------------------------------------------------------------------------------------------
   Navigation
-------------------------------------------------------------------------------------------------  */
.navigation{ background: transparent; width:100%; margin-top:40px;}
.navigation .menu{ background: transparent;}
.navigation .menu > li{ border-right: 1px solid #dcdcdc;}
.navigation .menu > li:last-child{ border-right: 0px }
.navigation .menu > li > a{ color: #000000; display:inline-block; padding: .5rem 0 .5rem 1.8rem; font-size: 18px; font-weight: 400;}
.navigation .menu > li > a:hover{ color: #A98344; text-decoration: none;}
.navigation .menu .is-active > a, .navigation .menu .active > a{ background: transparent; color: #A98344;}
.navigation .dropdown.menu > li.is-dropdown-submenu-parent > a::after{ border: inset 0;border-color: #f2b6d2 transparent transparent;}
.navigation .menu > li > a img{ margin-bottom: 8px;}
.navigation i{ margin-bottom: 12px; }
/*--   SubMenu   --*/
.navigation .is-dropdown-submenu{ background: #fff; border: 1px solid #dcdcdc; box-shadow: 1px 2px 5px rgba(10, 10, 10, 0.2); z-index: 999; min-width: 180px;}
.navigation .dropdown .is-dropdown-submenu a{ color: #524B3D; border-top: 1px solid #dcdcdc; background: #fff; text-align: center; margin: 0; padding: 0.7rem 1rem; width: 100%; font-family: 'Noto Sans TC', sans-serif; font-size:17px; font-weight: 400}
.navigation .dropdown .is-dropdown-submenu a:last-child{ border-bottom: none;}
.navigation .dropdown .is-dropdown-submenu a:hover{ background: #fff; color: #A98344;}

.info-but .button{ padding-top:2rem; padding-bottom:2rem;}
.info-but .button span{ font-size:36px; font-weight:500; margin-left: 12px; }

/* --------------------------------------------------------------------------------------------------
   Mobile :: Header
-------------------------------------------------------------------------------------------------  */
.hamburger{ border: none; margin: 15px 25px 15px 10px; transition: all 1s ease;}
.hamburger .menu-icon{ width: 30px;}
/*--   Mobile Navigation   --*/
.off-canvas{ background: #A98344;}
.close-button{ color: #fff; z-index: 100}
.close-button:hover, .close-button:focus { color: #fff;}
.accordion-menu{ margin: 4rem 1rem 2rem 0;}
.accordion-menu li a{ background: #A98344; border-bottom: 1px solid #ccba9d; color:#fff; font-size: 18px; font-weight: 400; letter-spacing: .022em; padding: 1.2rem 1.2rem 1rem 1.2rem;}
.accordion-menu li a:hover{ background: #524b3d;}
.accordion-menu li a img{ margin-right: 12px;}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after{ border: inset 6px; content: ''; border-color: #ffffff transparent transparent;}
.accordion-menu .is-accordion-submenu a{ padding: .7rem 1rem .7rem 3.7rem;}
.accordion-menu i{ font-size:24px; margin-right:12px;width:28px}
ul.submenu{ padding:0}
ul.submenu li a{ background:#A98344; border-top: 0px solid #f36497; line-height: 1.7; }
ul.submenu li a:hover{ background: #524b3d;}
/*------------------------------------------------------------------------------------------------------
   INDEX Layout
--------------------------------------------------------------------------------------------------------*/
.slidewrapper{}
.owl-nav{ position: absolute; top: 45%; left: 0; right: 0; width: 100%;}
.owl-next{ float: right;}
.owl-prev{ float: left;}
.owl-dots{ position: absolute; bottom: 0; left: 50%; width: 60%; padding-left: 0; margin-left: -30%; text-align: center;}
@media screen and (min-width: 64em){ .owl-dots{ bottom: 20px; left: 50%;}}

/*-----   Index AboutUS     ---------------------------------------------------------------------------------*/
.about{ }
.about h2.title{ font-size: 40px; font-weight: bold; line-height: 1;}
.about .divider{ margin-bottom: 20px;}
.about > .flexbox{ display: flex; flex-direction: column; justify-content:flex-start}
.about > .flexbox .flex_col-1{ }
.about > .flexbox .flex_col-2{ background: #ffe505; border-radius: 5px; font-size:20px; padding: 30px 30px 20px 30px; margin: 0 20px 30px 20px}
@media screen and (min-width: 64em){
	.about h2.title{ color: #333}
	.about .divider{ margin-bottom: 50px;}
	.about > .flexbox{ flex-direction: row; align-items: center; justify-content: space-between;}
	.about > .flexbox .flex_col-1{ flex: 1 0 45%; padding-right: 60px;}
	.about > .flexbox .flex_col-2{ flex: 0 0 50%; background: transparent; padding:0; margin: 0;}
}
/*-----   Index FreeService     ---------------------------------------------------------------------------------*/
.freeserv{ background: #DFD1B7; color: #323232; font-size: 18px;}
.freeserv h2.title{ color: #fff; font-size: 36px; font-weight: bold; line-height: 1.2;}
.freeserv .tel{ font-size: 42px; font-weight: bold; color: #fff; line-height:46px;}
.freeserv a{ color: #E7DABD;}
.freeserv a:hover{ color: #E7DABD;}
.freeserv > .flexbox{ display: flex; flex-direction: column; align-items: center;}
.freeserv > .flexbox .flex_col-1{ order: 1; text-align: center;}
.freeserv > .flexbox .flex_col-2{ order: 2; text-align: center;}
.freeserv > .flexbox .flex_col-3{ order: 3; text-align: center;}
@media screen and (min-width: 64em){
   .freeserv{ font-size: 20px;}
	.freeserv > .flexbox{ display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
	.freeserv > .flexbox .flex_col-1{ flex: 1 0 33.3%; order: 1; text-align: left; margin: 0;}
	.freeserv > .flexbox .flex_col-2{ flex: 1 0 33.3%; order: 2; text-align: left; }
	.freeserv > .flexbox .flex_col-3{ flex: 1 0 33.3%; order: 3; margin: 0; text-align: left;}
}
.freeserv .item{ position: relative; overflow: hidden;}
.freeserv .overlay{ display: flex; flex-direction: column; position: absolute; top: 0; bottom: 0; padding:3% 6% 3%; width: 100%; }
.freeserv a .overlay{ background: rgba(0,0,0, .2); transition: 1s} 
.freeserv a:hover .overlay{ background: rgba(0,0,0, .5);}
.item a.effects-02 h2.title, .item a.effects-02 .desc{  
    -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
            transition: opacity 0.2s, transform 0.35s; 
     -webkit-transform: translate3d(0,50px,0);
             transform: translate3d(0,50px,0);
    }
.item a:hover.effects-02 h2.title, .item a:hover.effects-02 .desc{ 
        opacity: 1;
        transform: translate3d(0,40px,0);
    }
/* --------------------------------------------------------------------------------------------------
   content wrapper & sidebar
----------------------------------------------------------------------------------------------------*/
.container{ display: flex; flex-direction: column;}
.container .sidebar{ margin-bottom: 0; }
.container .main-column{ }
.container .inner{ margin: 0;}
@media screen and (min-width: 64em){
    .container{ flex-direction: row;}
    .container .sidebar{ flex: 1 0 200px; margin-right: 30px}
    .container .main-column{ flex: 0 1 100%;}
    .container .inner{ margin: 0 40px;}
}
.container .side-nav{ padding-top: 2rem;}
.container .side-nav ul.menu{ margin: 0;}
.container .side-nav li.item{ border-bottom: 1px solid #e8e8e8; text-align: left; padding: 0;}
.container .side-nav li ul{ margin: 5px 0 0 0;}
.container .side-nav li ul li{ padding: 10px 30px; border-bottom: 1px solid #e8e8e8; }
.container .side-nav li ul li:last-child{ border-bottom: 0;}
.container .side-nav a:hover{ color: #00a0e9;}

/* --------------------------------------------------------------------------------------------------
   SubTitle
-------------------------------------------------------------------------------------------------  */
.fullimg{ /*margin-bottom: 50px;*/}
.fullimg .img-item{ overflow: hidden; position: relative;}
.fullimg .img-item .thumb{ display:inline-block; position:relative;}
.fullimg .img-item .overlay{ background-color: rgba(255,255,255,0); filter: alpha(opacity=0); overflow: hidden; z-index: 10; position: absolute; top:0; left: 0; width: 100%; height: 100%;}
.fullimg .img-item .desc{ color:#fff; display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%;}
.fullimg .desc h1.title{ font-size: 38px; color: #fff}
@media screen and (max-width: 768px) {
	.fullimg .desc h1.title{font-size: 28px; font-weight: bold; color: #fff}
}

/* --------------------------------------------------------------------------------------------------
   BreadCrumbs
-------------------------------------------------------------------------------------------------  */
.navbar{ text-align: left; margin: 0 0 20px 0;}
.navbar h1.title-head{ font-size: 26px; margin-bottom: 0; color: #fff}
.navbar ul{ display: inline-block;}
.navbar .breadcrumbs{ margin-top: 4px; margin-bottom: 0}
.navbar .breadcrumbs li{ font-size: 14px; }
.navbar .breadcrumbs .disabled{ color: #FDF88ee; text-decoration: none;}
.navbar .breadcrumbs li:not(:last-child)::after{ /*color: var(--success); */color: #fff; content: "/";}
.navbar .breadcrumbs a{ color: #fff;}
.navbar .breadcrumbs a:hover{ color: #E7DABD;}
.menu .active > a { background: transparent; color: #A98344;}
/* --------------------------------------------------------------------------------------------------
   NewsList
-------------------------------------------------------------------------------------------------  */
.article-list .title a, .article-content h2.title{/*font-family: 'Oswald',  'Roboto',  'Noto Sans TC', Meiryo, "΢ܛÕýºÚów", "Microsoft JhengHei", sans-serif;*/}
.article-list .title a {font-size: 1rem;}
.article-content h2.title{font-size:2em;}
.article-list .date, .article-content .date{color:#A98344; font-size: 13px;}
.article-list .pic{ margin-bottom: 10px;}
.article-content .pic{ margin-bottom: 20px; }
.article-list a.button, .article-content a.button{background-color: #fff;border:1px solid #ccc;border-radius:3px;color: #8f8f8f;}
.article-list a:hover.button, .article-content a:hover.button{background-color:#cf000e;color: #fff;}
.list-title{ padding-bottom: 20px;}
.list-date{ padding-top: 20px;}
/* --------------------------------------------------------------------------------------------------
   Pagination
-------------------------------------------------------------------------------------------------  */
.page-nav .no{ line-height: 40px;}
.page-nav .no span{ color: #24ad3b; margin: 0 10px;}
.page-previous a::before{ color: #f39801; display: inline-block; margin-right: 0.5rem; content: '\00ab';}
.page-next a::after{ color: #f39801; display: display: inline-block; margin-left: 0.5rem; content: '\00bb';}


/*--   Gallery   --*/
.gallery{ background: #FAFAFA;}
.gallery .gallery-inner{ padding-top: 40px;}
/*--   Gallery Item  -----------------------------------------------------------------------------------------------------------*/
.gallery_item{ border: 1px solid #ced4da; background: #FFF; display: table; width: 100%; height: 100%; overflow: hidden; position: relative; padding: 5px; -webkit-box-shadow: 0 7px 6px -6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 7px 6px -6px rgba(0, 0, 0, 0.2); box-shadow: 0 7px 6px -6px rgba(0, 0, 0, 0.2);}
.gallery_item:hover{ border-color: #A98344; transition:all .5s ease; -webkit-box-shadow: 0 12px 6px -6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 12px 6px -6px rgba(0, 0, 0, 0.2); box-shadow: 0 12px 6px -6px rgba(0, 0, 0, 0.2);}
.gallery_item img{ display: block; position: relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.gallery_item:hover img{ opacity: 0.5;}
.gallery_item:hover .overlap { background: rgba(43, 166, 203, .7);}
.gallery_item .title-head{ font-size: 18px; font-weight: 700; padding: 10px; width: 100%;}
.gallery_item .date{ font-size:13px; color: #A98344; }
.overlap{ background-color: rgba(0,0,0,0); filter: alpha(opacity=0); overflow: hidden; position: absolute; top:0; left: 0; width: 100%; height: 100%; text-align: center; transition: 0.3s ease;}
.overlap:hover .caption{ visibility: visible;}
.caption { display: flex; flex-direction: column; justify-content: center; visibility: hidden; width: 100%; height: 100%;}
.overlap .button{ margin: 0 25%; color: #fff; background: transparent; border: 1px solid #fff; z-index: 1000;}
.overlap:hover .button{ background: transparent; border: 1px solid #fff; color: #fff; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.overlay a .icon{
	fill:#fff;
    opacity: 0;
    filter: alpha(opacity=0);
    width:60px;
    height:60px;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.overlay:hover a .icon{
	opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);}

.effect2:hover{ 
	-webkit-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.3);
	box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.3);
	/*h-shadow,v-shadow,blur,spread,color,inset*/
	transition: 1s;
}

.price .card{ border: 1px solid #e7dabd; margin-bottom:2rem; /* background:#f2b6d2*/ margin-left:1rem; margin-right:1rem} 
.price > .flexbox{ display: flex; flex-direction: row; align-item: center;}
.price .hour{ padding-left: 5px; font-size:18px; font-weight:500;}
.price i{ color: #468bcd;  }

/* --------------------------------------------------------------------------------------------------
   FAQ:Accordion
-------------------------------------------------------------------------------------------------  */
.faq_content{ margin: 0 20px; margin-bottom: 100px;}
.faq_head .title{ border-top: 1px solid #D5CFD1; border-bottom: 1px solid #D5CFD1; background-color: #FAFAFA; font-size: 1.2rem; font-weight: 300; line-height: 1.1em; margin: 0; padding: 18px 15px;}
.faq_item{ border-bottom: 1px dotted #ABA2A0; display: block; margin: 0 3px; padding: 2px 0; width: auto;}
.faq_item a{ background: #fff; color: #85797D; font-size: 1rem; line-height: 1.3; display: block; padding: 15px 0 15px 15px;}
.faq_item a:hover, .faq_item a:hover::before{ background-color: #FFF; color: #FF9EA1;}
.faq_item a::before{ color: #ccc; content: ">"; margin-right: 10px; transition: all 0.5s ease-in-out;}
.faq_cate_header { background: #1d1717; color: #fff; padding: 0; border-top: none; border-bottom: 1px solid #463D3E; margin-bottom: 0; border-bottom: 1px solid white;}
.faq_cate_title{ padding-top: 10px; padding-left: 12px;}
.faq_cate_title .title{ color: #fff;}
.faq_icon{ color: #468bcd; font-size: 1.2rem; font-family: 'Cutive', serif; margin-right:10px;}
.faq_text{ margin-right:20px;}
.faq_content .accordion-title { border: 1px solid #468bcd; border-bottom: 5px solid #468bcd; color: #468bcd; display: flex; font-size: 1.2rem; font-weight: 700; letter-spacing: 1px; line-height:1.5rem; padding: 1.25rem; margin-bottom:5px; text-decoration:none} 
.faq_content :last-child:not(.is-active) > .accordion-title {}
.faq_content .accordion-title:hover, .accordion-title:focus, .faq_content .accordion-title:hover i, .accordion-title:focus i { background-color: #468bcd;color: #FFF;transition: all 0.5s ease-in-out;}

.faq_content .accordion-title::before { font-size: 2.4rem; margin-top: 0; top: 30%;}
.faq_content .accordion-content { background-color: #d5eaff; border: 0; font-size: 1rem; padding: 1.5rem; margin-bottom:5px;}
.faq_content :last-child > .accordion-content:last-child { border-bottom: 0px solid #468bcd;}

@media print, screen and (min-width: 64em){
  .faq_content .accordion-title { padding-top: 1.5rem; padding-bottom: 1.5rem; border-bottom: 5px solid #468bcd;}
  .faq_content .accordion-title::before { }
  .faq_content .accordion-content{ padding: 2.5rem;}
  .faq_cate_header{ background: #fff; border-top: 1px solid #463D3E; border-bottom: 1px solid #463D3E; display: flex; flex-direction: column; justify-content: center; margin-bottom: 5px; padding: 2px 0; position: relative;}
  .faq_cate_title{ position: absolute; padding-left: 5%;}
  .faq_cate_title .title{ color: #1d1717;}
}

.faq_content .tabs { margin: 0; border: 0px solid #468bcd; background: #468bcd;}
.faq_content .tabs-title > a { padding: 1.25rem 1.5rem; font-size: 1.2rem; color: #fff; text-decoration: none;}
.faq_content .tabs-title > a:hover { background: #e85298; color: #fff;}
.faq_content .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] { background: #e85298; color: #fff;}
.faq_content .tabs-content { border: 1px solid #d5eaff; border-top: 0; background: #d5eaff; }



/* --------------------------------------------------------------------------------------------------
   Scrolltop
-------------------------------------------------------------------------------------------------  */
.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99999999;
    background: rgba(204,186,156, .8);
    color: #fff;
    border:1px solid #f5f5f5;
    border-bottom: none;
    width: 40px;
    height: 40px;
    line-height: 30px;
    right: 15px;
    bottom: 0;
    padding-top: 2px;
    border-top-left-radius:  0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
@media screen and (max-width: 39.9375em) {
    .scroll-top-wrapper{ width: 45px; height: 45px; line-height: 35px }
    .scroll-top-wrapper .fa-3x{ font-size: 16px;}
}
.scroll-top-wrapper:hover{ background: #75603b; color: #fff;}
.scroll-top-wrapper.show{ visibility:visible; cursor:pointer; opacity: 0.8;}
.scroll-top-wrapper i.fa{ line-height: inherit;}
.scroll-top-wrapper .fa-3x{ font-size: 20px;}


/* Medium and up   40em = 640px */
@media screen and (min-width: 40em) {}

/* Medium only   63.9375em = 1023px */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up   64em = 1024px */
@media screen and (min-width: 64em) {}

/* Large only     74.9375em = 1190px */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}