@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Noto+Serif+TC);

/*
@font-face {
font-family: 'HelveNeuUltLig';
src: url('../fonts/HelveNeuUltLig.eot');
src: url('../fonts/HelveNeuUltLig.ttf') format('truetype'), url('../fonts/HelveNeuUltLig.woff') format('woff'), url('../fonts/HelveNeuUltLig.svg') format('svg');
font-weight: normal;
font-style: normal;
}
*/

/*new fonts*/
@font-face {
    font-family: 'ARWeiBei-TC';
    src: url('../fonts/ARWeiBei-TC.eot');
    src: url('../fonts/ARWeiBei-TC.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ARWeiBei-TC.woff2') format('woff2'),
        url('../fonts/ARWeiBei-TC.woff') format('woff'),
        url('../fonts/ARWeiBei-TC.ttf') format('truetype'),
        url('../fonts/ARWeiBei-TC.svg#ARWeiBei-TC') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Tianshi Xiaokai';
    src: url('../fonts/TianshiXiaokai.eot');
    src: url('../fonts/TianshiXiaokai.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TianshiXiaokai.woff2') format('woff2'),
        url('../fonts/TianshiXiaokai.woff') format('woff'),
        url('../fonts/TianshiXiaokai.ttf') format('truetype'),
        url('../fonts/TianshiXiaokai.svg#TianshiXiaokai') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FZZhanBiHei';
    src: url('../fonts/FZZBHFW--GB1-0.eot');
    src: url('../fonts/FZZBHFW--GB1-0.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FZZBHFW--GB1-0.woff2') format('woff2'),
        url('../fonts/FZZBHFW--GB1-0.woff') format('woff'),
        url('../fonts/FZZBHFW--GB1-0.ttf') format('truetype'),
        url('../fonts/FZZBHFW--GB1-0.svg#FZZBHFW--GB1-0') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IDLiuShu';
    src: url('../fonts/IDLiuShu.eot');
    src: url('../fonts/IDLiuShu.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IDLiuShu.woff2') format('woff2'),
        url('../fonts/IDLiuShu.woff') format('woff'),
        url('../fonts/IDLiuShu.ttf') format('truetype'),
        url('../fonts/IDLiuShu.svg#IDLiuShu') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.txt-fam-feedback{ font-family:'ARWeiBei-TC'; font-size: 1.35em!important; line-height: 1.5!important; }

.txt-custom-a{ font-family:'ARWeiBei-TC'; font-size: 1.4em!important; line-height: 1.5!important; }

.txt-custom-b{ font-family:'Tianshi Xiaokai'; font-size: 1.4em!important; line-height: 1.5!important;}

.txt-custom-c{ font-family:'IDLiuShu'; font-size: 1.4em!important; line-height: 1.5!important; }
/*new fonts*/


body,html{
margin:0 0; font-size:17px;
width:100%; height:100%;
background-color:#eee; color:#000;
font-family:'Noto Serif TC', 'MSung', "新細明體", 'PMingLiU', serif;
-webkit-text-size-adjust:none;
-moz-text-size-adjust:none;
-ms-text-size-adjust:none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

img{ border:none; }

input, textarea{ 
border:none; padding:0px; margin:0;
background-color:transparent; color:#fff;
font-size:inherit; 
font-family:'Noto Serif TC', 'MSung', "新細明體", 'PMingLiU', serif;
-moz-appearance:none;
-webkit-appearance:none;
-webkit-border-radius:0px;
resize:none; outline:none; 
}
input:focus, select:focus, textarea:focus{ outline:none; font-style:inherit; }

::-webkit-input-placeholder{ color: white; }
:-moz-placeholder {  color: white; }
::-moz-placeholder { color: white; }
:-ms-input-placeholder { color: white;  }

select{
background-image:none;
width:95%; padding:0; margin:0; border:none;
border-radius:0px;
color:#fff;
opacity:0;
font-size:16px;
height:46px;
}

p{ margin-bottom:0 }
a{ color:#414141; text-decoration:none; -webkit-transition:color 300ms linear; transition:color 300ms linear; }
.paragraph-body > a, .paragraph-body > div > a, .paragraph-body  a { text-decoration:underline; }
a.ftn-button{ text-decoration: none; }

ul, li{ margin:0; padding:0; list-style-type:none; }
ul{ margin-top:0px; }

li{ position:relative; list-style-type:decimal; margin-left:28px; }
li:before {
position: absolute;
display: block;
content: '\2022'; /* bullet point, for screen readers */
text-indent: -999999px; /* move the bullet point out of sight */
/*left:-10px; top:7px;*/
width:4px; height:4px; /* unrelated to image height; this is so it gets snipped */
background-repeat: no-repeat;
background-image:url(../img/li_disc.svg);
background-size:4px 4px;
background-position: 0 0;
}

div, select, a, input, img, span{ -webkit-tap-highlight-color:rgba(0,0,0,0); }
h1,h2,h3,h4{ font-size:inherit; font-weight:inherit; font-style:inherit; color:inherit; line-height:inherit; margin:inherit;  }

.clear{ clear:both; }

.txt-white{ color:#fff; }
.txt-gray{ color:#414141; }
.txt-gold{ color:#dec9a2; }
.txt-red{ /*color:#b8131f;*/ color:#89744e; }
.txt-error{color:#DA2D2D}

.txt-normal{ font-family:'Noto Serif TC', 'MSung', "新細明體", 'PMingLiU', serif; }

.txt-tiny{   font-size:8px; line-height:100%; }
.txt-small{  font-size:14px; }
.txt-remarks{   font-size:16px; }
.txt-body{   font-size:18px; }
.txt-head{   font-size:20px; }
.txt-large{   font-size:30px; }
.txt-hugh{   font-size:50px; letter-spacing:5px; }

.news-container > .paragraph-headline{ font-size:24px; font-family:"Adobe Garamond Pro", 'Noto Serif TC', 'MSung', "新細明體", 'PMingLiU', serif; font-weight:bold; }
.news-ele-bubble-day{ font-size:24px; font-family:"Adobe Garamond Pro", 'Noto Serif TC', 'MSung', "新細明體", 'PMingLiU', serif; font-weight:bold; line-height:50%;  }
.news-ele-bubble-month{ font-size:16px; line-height:50%; }

.header-container{ position:absolute; top:0; width:100%; height:70px; background:#fff; padding:25px 0 30px 0; z-index:9999; }
.header-container-inner, .banner-container-inner, .intro-container-inner, .content-container-inner, .footer-container-inner{ position:relative; margin:auto auto; width:1220px; height:inherit; }

.content-container.inactive{ display:none; }
.content-container.static{ padding-top:125px; }

.logo-container{ position:absolute; width:210px; height:65px; margin-top:5px; background-image:url(../img/forget-thee-not-logo.png); background-size:contain; background-repeat:no-repeat; }
.call-container{ position:absolute; right:0; top:0; }
.call-ele{ float:right; margin-left:20px; height:22px; padding-left:27px; background-repeat:no-repeat; background-size:contain; }
.call-ele.phone{ background-image:url(../img/icon-phone.svg); padding-left:25px; }
.call-ele.whatsapp{ background-image:url(../img/icon-whatsapp.svg); }
.call-ele:nth-child(1){ display:none; }

.lang-container{ position:absolute; bottom:0; right:0; line-height:100%; }
.lang-container:hover{ color:#dec9a2; }

.header-divider{ position:absolute; height:20px; width:0px; background:#ccc; }
.fb-container{ position:absolute; right:0; bottom:-6px; }

.lang-container{  position:absolute; right:0; top:4px; bottom:auto; display:flex; line-height:1; align-items:center; height:1em;    }
.fb-container.withlang{ right:110px; top:4px; bottom:auto; }
.call-container.withlang{ right:220px; top:1px }

.nav-container.withlang{ width:978px; }


.nav-container{ position:absolute; bottom:0; left:50%; width:730px; margin-left:-365px; }
.nav-container > a:hover{ color:#dec9a2; }
.nav-ele{ float:left; font-size:18px; line-height:100%;}
.nav-ele-divider{ float:left; height:18px; width:10px; }

a > .nav-ele, a > .subnav-ele{ color:#111; }
a > .nav-ele:hover, a > .nav-ele.active{ color:#d6a769; }
a > .subnav-ele:hover{ color:#d6a565; }
a > .subnav-ele.active{ color:#89744e; }
a > .subnav-ele.column.first{ color:#111; }
a > .subnav-ele.column.first.active, a > .subnav-ele.column.first.active:hover{ color:#89744e; }
a > .subnav-ele.column.first:hover{ color:#d6a565; }
/*a > .subnav-ele.column.first.headline{ cursor:auto; color:#111; }
a > .subnav-ele.column.first.headline.active{ cursor:auto; color:#89744e; }*/

.menu-container-inner > a > .active{ color:#89744e; }

.nav-container.withlang .nav-ele.highlight{background-color:#89744e; padding: 0.25em 1em 0.35em 1em; color:#fff; position:absolute; right:0; top:-0.25em  }
.nav-container.withlang .nav-ele.highlight:hover{background-color:#d6a769; padding: 0.25em 1em 0.35em 1em; }

.header-triangle{ position:absolute; width:0px; height:0px; left:-20px; margin-left:-10px; bottom:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #e5e6e8; }

.subnav-container{ position:absolute; width:100%; background:#e5e6e8; padding:15px 0; display:none; }
.subnav-container.active{ display:block; }
.subnav-container.about, .subnav-container.services{ padding-bottom:5px; }
.subnav-container-inner{ position:relative; width:726px; margin:auto; }
.subnav-ele{ float:left; font-size:18px; line-height:100%; }
.subnav-ele.center{ width:calc(50% - 1px); text-align:center; }
.subnav-ele.column{ float:none; margin:0 25px 15px 25px; }
.subnav-ele.column.first{ float:none; margin:0 25px 15px 0px; }
.subnav-container-column{ float:left; width:calc(45% - 1px); }
.subnav-container-column.first{ width:calc(30% - 1px); }
.subnav-container-column.last{ width:calc(25% - 1px); }

.subnav-container-column.half{ width:calc(50% - 1px);}

.subnav-container.withlang.services .subnav-container-column{ width:calc(25% - 1px);  }	

.subnav-container.donation .subnav-container-inner{ margin-right:calc(50% - 610px)}

.subnav-ele-divider{ float:left; height:18px; width:1px; background-image:url(../img/white-stroke.svg); background-repeat:no-repeat; background-position:center center; background-size:1px 18px;  }
.subnav-ele-divider.column{ height:50px; background-size:1px 18px; background-repeat: repeat-y; }

.header-line{ position:absolute; top:40px; width:100%; height:1px; background-color:#eee; display:none; }
.menu-container{ position:fixed; top:0; width:100%; background-color:#e5e6e8; -ms-transform:translateX(-100%); -webkit-transform:translateX(-100%); transform:translateX(-100%); }

.banner-container, .sub-banner-container{ width:100%; height:640px; position:relative; } 
.banner-container_inner{ width:100%; height:100%; position:relative; background-size:cover; background-position:center center; }

.banner-container.home{ height:calc(100% - 125px);}
.banner-container.home > .banner-container_inner{ background-image:url(../img/home-bg-1.jpg); background-position:bottom left; background-repeat:repeat-x; }
.banner-container.home > .banner-container_inner.second{ background-image:url(../img/home-bg-2.png); background-position:bottom left; }
.banner-container.home > .banner-container_inner{ position:absolute; }

.banner-container.home > div > div > div{
-ms-writing-mode:tb-rl;
-webkit-writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-ms-writing-mode: vertical-rl;
writing-mode: vertical-rl; 
text-align:left; line-height:200%; letter-spacing:1px;
position:absolute; right:0px; top:15%;

-moz-transition:transform 1000ms ease-out, opacity 1000ms linear; -o-transition:transform 1000ms ease-out, opacity 1000ms linear; transition:transform 1000ms ease-out, opacity 1000ms linear;
opacity:0; -ms-transform:translateX(-100%); -webkit-transform:translateX(-100%); transform:translateX(-100%);
}
.banner-container.home > div > div > div.active{ opacity:1; -ms-transform:translateX(0%); -webkit-transform:translateX(0%); transform:translateX(0%); }

.banner-container.news{ height:0; }
.banner-container.static > .banner-container_inner > .banner-headline{ text-align:center; width:100%; position:absolute; top:50%; letter-spacing:0.2em; font-weight:bold; }
.banner-container.about > .banner-container_inner{ background-image:url(../img/about-bg.jpg); background-position:right center; }
.banner-container.chairman > .banner-container_inner{ background-image:url(../img/chairman-bg.jpg); background-position:center center; }
.banner-container.seminar > .banner-container_inner{ background-image:url(../img/seminar-bg.jpg); background-position:center center; }
.banner-container.features > .banner-container_inner{ background-image:url(../img/features-bg.jpg); background-position:center center; }

.banner-container.products > .banner-container_inner{ background-image:url(../img/services-bg.jpg); background-position:center center; }
.banner-container.personal > .banner-container_inner{ background-image:url(../img/services-bg.jpg); background-position:center center; }
.banner-container.outer-coffin > .banner-container_inner{ background-image:url(../img/outer-coffin-bg.jpg); background-position:center center; }

.banner-container.services > .banner-container_inner{ background-image:url(../img/services-bg.jpg); background-position:center center; }
.banner-container.memories > .banner-container_inner{ background-image:url(../img/seminar-bg.jpg); background-position:center center; }
.banner-container.farewell > .banner-container_inner{ background-image:url(../img/lifestory-dummy-cover.jpg); background-position:center center; }
.banner-container.farewell.teams > .banner-container_inner{ background-image:url(../img/beliefs-dummy-cover.jpg); }

.banner-container.prepare > .banner-container_inner{ background-image:url(../img/prepare-bg.jpg); background-position:left center; }
.banner-container.message > .banner-container_inner{ background-image:url(../img/message-bg.jpg); background-position:center center; }
.banner-container.love > .banner-container_inner{ background-image:url(../img/love-bg.jpg); background-position:center center; }
.banner-container.family > .banner-container_inner{ background-image:url(../img/seminar-bg.jpg); background-position:left center; }
.banner-container.support > .banner-container_inner{ background-image:url(../img/seminar-bg.jpg); background-position:center center; }
.banner-container.contact > .banner-container_inner{ background-image:url(../img/contact-bg.jpg); background-position:center center; }

.sub-banner-container.features-2 > .banner-container_inner{ background-image:url(../img/features-2.jpg); background-position:center center; }
.sub-banner-container.features-3 > .banner-container_inner{ background-image:url(../img/features-3.jpg); background-position:center center; }
.sub-banner-container.features-4 > .banner-container_inner{ background-image:url(../img/features-4.jpg); background-position:center center; }

.intro-container{ background-color:#ede0c5; width:100%; position:relative; padding:50px 0; text-align:center; line-height:150%; font-size:20px; color:#414141; }
.intro-container.quote{ font-size:30px; padding:60px 0; }
.intro-container-inner.linebreak{ display:block; }
.intro-container-inner.no-linebreak{ display:none; }

.quote-container{ position:absolute; width:24px; height:24px; background-size: contain; background-repeat: no-repeat; }
.quote-container.open{ top:-20px; left:120px; background-image:url(../img/quote-open.svg); }
.quote-container.close{ bottom:-20px; right:120px; background-image:url(../img/quote-close.svg); }

.quote-container.about.open{  left:260px;  }
.quote-container.about.close{ right:260px; }

.quote-container.seminar.open{  left:210px;  }
.quote-container.seminar.close{ right:210px; }

.quote-container.features.open{  left:100px;  }
.quote-container.features.close{ right:100px; }

.quote-container.personal.open{  left:320px;  }
.quote-container.personal.close{ right:320px; }

.quote-container.traditional.open{  left:370px;  }
.quote-container.traditional.close{ right:370px; }

.quote-container.farewell.open{  left:290px;  }
.quote-container.farewell.close{ right:290px; }

.quote-container.prepare.open{  left:310px;  }
.quote-container.prepare.close{ right:310px; }

.quote-container.message.open{  left:430px;  }
.quote-container.message.close{ right:430px; }

.quote-container.love.open{  left:310px;  }
.quote-container.love.close{ right:310px; }

.quote-container.family.open{  left:180px;  }
.quote-container.family.close{ right:180px; }

.quote-container.contact.open{  left:370px;  }
.quote-container.contact.close{ right:370px; }

.content-container{ background-color:#fffbe8; width:100%; position:relative; padding:50px 0; }
.content-container.even{ background-color:#ede0c5; }

.paragraph-container, .news-ele, .board-ele{ float:left; width:590px; }
.paragraph-container.full{ width:100%; max-width:876px; margin:auto auto; float:none; }
.paragraph-container.fulllong{  width:100%; max-width:876px; margin:auto auto; float:none; }
.paragraph-container.fulllong.news{  max-width:none; }
.paragraph-container.first, .news-ele.even, .board-ele.even{ margin-right:40px; }
.paragraph-container.section{ margin-bottom:75px; }
/*
.paragraph-container.first{ width:calc(50% - 20px); max-width:calc(438px - 20px);  }
.paragraph-container.second{ width:calc(50% - 20px); max-width:calc(438px - 20px);  }
*/
.paragraph-container.first-col{ margin-right:40px;}
.paragraph-container.first-col, .paragraph-container.second-col{ width:calc(50% - 20px); max-width:calc(438px - 20px);  margin-bottom:40px;   }

.paragraph-container.full.features-2{ max-width:740px; }
.paragraph-container.full.features-3{ max-width:740px; }
.paragraph-container.full.features-4{ max-width:640px; }

.paragraph-headline{ color:#89744e; margin-bottom:5px; letter-spacing:0.1em; font-weight:bold;   }
.paragraph-headline.txt-large{ margin-bottom:15px; }
.paragraph-body{ position:relative; line-height:200%; color:#414141; }
.paragraph-divider{ width:100%; height:1px; margin:25px auto; background:#e5e6e8; max-width:876px;  }
.paragraph-divider.news{ max-width:none;  }
.paragraph-body > .paragraph-headline{ margin-bottom:0px; }

.paragraph-container.products{ text-align: center; }
.paragraph-container.products > .paragraph-body{ line-height:160%; width:90%; margin:auto; }

.news-container{ padding:20px 0; }
.news-container > .paragraph-headline{ margin-bottom:20px; } 
.news-ele, .board-ele{ height:80px; margin-bottom:30px; }
.news-ele-bubble{ width:80px; height:80px; border-radius:80px; background-color:#c0b39a; text-align:center; color:#fff; background-position:center center; background-size:cover; }
.news-ele-gap, td.td-news-ele-gap{ width:30px; }
td.td-news-ele-bubble{ width:80px; }

.txt-remarks.linebreak{ display:block; }
.txt-remarks.no-linebreak{ display:none; }

.linebreak-support{ display:block; }
.no-linebreak-support{ display:none; }
.linebreak-volunteer{ display:block; }
.no-linebreak-volunteer{ display:none; }

.paragraph-container.products > .paragraph-body.linebreak{ display:block; }
.paragraph-container.products > .paragraph-body.no-linebreak{ display:none; }

.single-line.center{ padding-top:18px; }

.links-container{ max-width:876px; margin:auto; }
.services-container, .links-container{ position:relative; }
.services-headline, .links-headline{ position:relative; float:left; padding:17px 0; font-size:20px; }
.services-detail{ display:none; padding-bottom:25px;}

.services-headline.active{ color:#89744e; }
.services-container > .ftn-button.active{ display:none; }

.ftn-button{ margin:25px auto 0px auto; text-align:center; width:180px; padding:17px 0; letter-spacing:2px; font-size:20px; background-color:#89744e; color:#fff; 
-webkit-transition:background-color 400ms ease-out, opacity 0ms;
	-moz-transition:background-color 400ms ease-out, opacity 0ms;
	-o-transition:background-color 400ms ease-out, opacity 0ms;
	transition:background-color 400ms ease-out, opacity 0ms;
}
.ftn-button.long{ width:300px; }
.ftn-button.right{ float:right; position:absolute; right:0; top:0; margin:0; }
.ftn-button.gold{ background-color:#c0b399; cursor:pointer; }
.ftn-button.gold.right{ position:relative; }
.ftn-button.gold.left{ float:left; margin-right:25px; }
.ftn-button.gold:hover{ background:#89744e; }

.footer-container{ background:#fff; padding:50px 0 40px 0; line-height:200%; }
.footer-left-ele{ float:left; width:45% }
.footer-right-ele{ float:right; text-align:right; width:55%; }

.ftn_icon_container{ margin:auto auto 25px auto; width:200px; height:200px; border-radius:200px; background-color:#c0b39a; background-position:center center; background-size:contain; background-repeat: no-repeat; }

.ftn_icon_container.cheque{ background-image:url(../img/icon-cheque.svg); }
.ftn_icon_container.note{ background-image:url(../img/icon-note.svg); }
.ftn_icon_container.fridge{ background-image:url(../img/icon-fridge.svg); }
.ftn_icon_container.design{ background-image:url(../img/icon-design.svg); }
.ftn_icon_container.fire{ background-image:url(../img/icon-fire.svg); }
.ftn_icon_container.transport{ background-image:url(../img/icon-transport.svg); }
.ftn_icon_container.funeral{ background-image:url(../img/icon-funeral.svg); }
.ftn_icon_container.environment{ background-image:url(../img/icon-environment.svg); }

.overlay-container{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); display:none; }
.overlay-container.active{ display:block; }
#video-container{ position:fixed; top:50%; left:50%; -ms-transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); }
#video-container{ width:90vw; height:68vw; max-width:640px; max-height:480px;   }

/*form*/
::placeholder{color:#89744E}
.form-section{ padding: 1em 0 1em 0;}
/*.form-section.brief{ padding: 0 0 2.5em 0; }*/
.highlight-box.brief{position:relative; width:100%; margin-bottom:2em;} 
.form-section.dona-info, .form-section.donor{ padding: 0 0 0em 0;}
.form-section .paragraph-headline{position:relative; width:30%;}
.form-section p, .highlight-box p{padding:0; margin:0}/*temporary*/
.form-text-only{display:flex; }
.form-text-only .paragraph-body, .form-row > div:nth-child(2){position:relative; width:70%;}
.form-section .txt-head.big{margin-bottom:2em; width:100%}

.fill-remark{ margin:0; float:right}

.form-row{position:relative; display:flex;margin-bottom:3em; align-items:center;}
.form-row.top {align-items: flex-start;}
.radio-options > div{align-items:center!important;display:flex; cursor:pointer;  }
.radio-options.horiz{position:relative; display:flex; width:100% }
.radio-options.horiz > div{position:relative; width:33.33%; }
.radio-options > div{ position:relative; }

.radio-options.purpose > div{ width:100%;}
.radio-options.purpose > div > span{ width:calc(100% - 3em);}

.radio-options.purpose > div:not(:nth-last-child(-n+1)){ margin-bottom:1em;}
.radio-options .radio-label { margin-left:1.5em ; line-height:1 }
.radio-btn { border-radius: 50%; border: 1.5px solid #89744E; width:1.5em; height:1.5em; cursor:pointer}
.radio-btn:hover, .radio-btn.active{background-color:#89744E; }
.radio-options.horiz .input-error.title {position:absolute; width:auto; top:1.5em; left:0;}

.radio-options.error .radio-btn{ border-color:#DA2D2D }

.amount-buttons{position:relative; display:flex; justify-content: space-between;}
.amount-buttons-ele{position:relative;width:31.5%; border:1.5px solid #89744E; height:4em; background-color:transparent; color:#89744E; cursor:pointer}
.donation-amount{position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); }
.amount-buttons-ele:hover, .amount-buttons-ele.active{background-color:#89744E; }
.amount-buttons-ele:hover .donation-amount, .amount-buttons-ele.active .donation-amount {color:#fff; }
.opt-area.amount{display:none; width:70%;}
.opt-area.amount.active{display:block}
.opt-area.amount .txt-body{position:relative; margin-bottom:1em;}
.opt-area.amount .txt-body.sec{margin-top:1em;}

.input-box{position:relative;  width:100%; background-color:transparent; color:#89744E;}
.input-box input{position:relative; width:calc(100% - 3px); color:#414141; display:block;border:1.5px solid #89744E; padding:1.4em;}
.input-box input:focus{background-color:#fff; }
.input-box.amount{position:relative; width:calc(65% + 3px);  background-color:transparent; color:#89744E; border:1.5px solid #89744E;}

.input-box.amount > div {position:relative; margin:auto; display: flex; justify-content: space-between; width:80%; padding:1.1em 0;}
.input-box.amount > div input{ width:80%; margin: 0 0 0 2em; padding: 0 0 0.2em 0; border:solid #89744E; border-width: 0 0 1px 0; }
.input-error{position:absolute; margin-top:0.5em; opacity:0; }
.input-error.active{position:absolute; margin-top:0.5em; opacity:1}
.input-box.error input{ border-color:#DA2D2D;}

.input-box.amount.active{ background: #89744E; color:#fff;  }

.input-box.amount.active > div { }
.input-box.amount.active > div input{ border-color:#fff; color:#fff;  }
.input-box.amount > div input:focus{ background:#89744E!important}

.input-box.amount.active.error{ border-color:#DA2D2D; background:transparent!important; color:#89744E; }
.input-box.amount.active.error > div input{ border-color:#DA2D2D; color:#89744E;  }
.input-box.amount > div input:focus{ background:#89744E!important}

.donor-info{display:none}
.donor-info.active{display:block}

.form-section.invoice  .form-text-only .paragraph-body{display:none}
.form-section.invoice .form-row .form-text-only .paragraph-body.active{display:block}

.form-row.line .paragraph-headline{align-items: flex-start; padding: calc(1.4em + 1.5px) 0;}

.opt-area.name, .opt-area.address > div:nth-child(1){position:relative; width:100%}
.opt-area.name > div, .opt-area.address > div:nth-child(1) > div:nth-child(1){position:relative; width:calc(33% - 2.8em + 1.5px);float:left; }
.opt-area.name > div:nth-child(2), .opt-area.address > div:nth-child(1) > div:nth-child(2){width: calc(66% - 2.8em + 1.5px - 1em);float:right; right:2.8em; }
.opt-area.name > div .input-error {display:block}
.opt-area.name > div .input-error.name-mobile {display:none;}

.opt-area.ancient {position:relative; width:100%}
.opt-area.ancient > div{width: calc(66% - 2.8em + 1.5px - 1em);float:left; right:2.8em; }
.opt-area.ancient > div:nth-child(2){position:relative; width:calc(33% - 2.8em + 1.5px);float:right; }

.expand-nominally{ display:none}

.onbehalf-type .input-error.txt-remarks{ position:absolute; left:0!important; top:1.5em; }

.opt-area.one-line{position: relative; width:70%;}
.opt-area.one-line .input-box{position:relative; width: calc(100% - 2.8em)}

.opt-area.address > div:nth-child(1){margin-bottom:1em}
.opt-area.address > div:nth-child(2) {width:100%}

.dropdown{background-color:transparent; width:100%; cursor: pointer;border:1.5px solid #89744E; padding: 0 calc(1.4em - 1.5px);}
.dropbtn {position: relative; display:flex; justify-content: space-between; align-items:center;padding:1.4em 0;}
.dropbtn > div:nth-child(2) {display: inline-block; border: solid #89744E;border-width: 0 1.5px 1.5px 0;padding: 0.25em; transform: rotate(45deg) ; margin: -0.25em 0.1em 0 0;}
.dropdown-content {display: none;position: absolute; left:-1.5px;background-color: #fff;width: 100%;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;border: 1.5px solid #89744E; }
.dropdown-content a {display: block; padding: 1em 0;text-decoration: none;border-bottom: 1px solid #e5e6e8; width:80%; margin:auto}
.dropdown-content a:hover {color:#89744E;}
.dropdown.active .dropdown-content {display: block;}
.dropdown.active {background-color: #fff;}
.dropdown.active .dropbtn > div:nth-child(2) {transform: rotate(-135deg); margin: 0.25em 0.1em 0 0;}

.checked-box {display: block;width:calc(100% - 3px); padding-bottom:0.5em}
.checked-box label {position:relative; cursor: pointer; margin-left:2.5em; width:calc(100% - 2.5em); display:block}
.checked-box label:before {position: absolute; display:block; content:'';-webkit-appearance: none;background-color: transparent; border:1.5px solid #89744E;padding: 0.75em; vertical-align: middle;cursor: pointer; transform:translateX(-2.5em)}
.checked-box input{ position: absolute; top: 0.2em;left: 0.6em;width: 0.4em;height: 1em;border: solid #414141;border-width: 0 2px 2px 0;transform: rotate(45deg); content: ''; opacity:0}

.highlight-box, .notice-para{position:relative; width:100%; margin-bottom:3.5em}
.highlight-box > div{ position:relative; background-color:rgba(218, 201, 167, 0.2); padding:1em; margin-bottom:1em}
.highlight-box .radio-options.horiz{margin-top:1em}
.payment-logo img{height:100%; height:2em; margin: -0.5em 0.5em;}
.highlight-box .radio-options.horiz input{width:1.1em; height:1.1em;}

.accordion{ position:relative; width:100%; }
.accordion-expand{ position:relative; width:100%;  display:none }
 span::after{ content:""; height:0em; transition: height 200ms ease-out; }
.accordion.active .checked-box input{opacity:1}
.accordion-expand .opt-area.name {margin-top:0.5em; width: 100%;}
/*form*/

/*summary*/
.summary-form-all .form-row{position:relative; display:flex;margin-bottom:1.5em; }
.summary-form-all .form-row > div {display:block; }
.summary-form-all .form-row > div:nth-child(2){word-wrap: break-word;}
.summary-form-all .opt-area.name > div,.summary-form-all .opt-area.name > div:nth-child(2){position:relative; float:left; width:100%;right:auto}
.summary-form-all .opt-area.name > span:nth-child(1), .summary-form-all .opt-area.name > div > span:nth-child(1), .summary-form-all .form-row .opt-area.amount > div{margin:0 1em 0 0 ;}
.summary-form-all .form-btn-container{display:flex; justify-content: center; margin:4em 0; }
.summary-form-all .ftn-button{ margin:0em;}
.form-btn-container .ftn-button.back{ background-color:#DAC9A7; margin:0 1em 0 0}
.summary-form-all .form-row .paragraph-headline{ margin-bottom:0!important; }

.summary-form-all .highlight-box.monthly-reminder{display:none}
.summary-form-all .highlight-box.monthly-reminder.active {display:block}

.summary-form-all .opt-area > div {display:none}
.summary-form-all .opt-area > div.active {display:block}
.summary-form-all .opt-area.amount {display:flex}
.summary-form-all .opt-area.address > div, .summary-form-all .opt-area.notice > div{display:block}
.summary-form-all .opt-area.address > div:nth-child(1) {margin:0}
/*summary*/

.life-celebrant-container {position: relative; display: flex; justify-content: space-between; align-items: center;}
.life-celebrant-logo {min-width: 6em; height: 6em; background-image:url(/img/life-celebrant.png); background-size: contain; background-repeat: no-repeat; background-position: center center; margin-right: 2em;}


.story-txt { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.expand-story { color:#89744e; text-decoration-line: underline;}

.funeral-service, .basic-lv-page table {width: 100%;}
.funeral-service th, .basic-lv-page th {text-align: left; padding: 2.5em 3em; min-width: 4em;}
.funeral-service td, .basic-lv-page td {text-align: left; padding: 2.5em 3em;}
.funeral-service, .funeral-service th, .funeral-service td {background: #FFFDF5; border: 1px solid; border-color: #E5E6E8; border-collapse: collapse;}
.basic-lv-page table, .basic-lv-page th, .basic-lv-page td {background: #FFFDF5; border: 1px solid; border-color: #E5E6E8; border-collapse: collapse;}

.txt-head.new-ctr {max-width: 30em;}
.txt-body.new-ctr {max-width: 30em;}
.ftn-button.right.new-long {width: 240px;}

.contact {align-items: flex-start;}
.phone-contacts, .life-celebrant-container table {border-spacing: 0;}
.phone-contacts{ min-width:21em; }
.phone-contacts td, .life-celebrant-container td {background: none; border: none;vertical-align: top;}

.content-container.donation-life-celebrant {background: #ede0c5; padding-top: 0;}
.content-container.con-donation {background: #ede0c5; }

.content-container-inner.logo-banner {position: relative; display: flex; justify-content: space-between; align-items: center; max-width:876px  }

.banner-logo {position: relative; /*height: 6em; width:100%;*/ background-size: contain; background-repeat: no-repeat; background-position: center center; }
.banner-logo > img{ height:5em; width:auto; margin-top:0.75em; }
/*
.banner-logo:nth-child(1){width: 17%; background-image:url(/img/life-celebrant.png); }
.banner-logo:nth-child(2){width: 34%; background-image:url(/img/陳廷驊基金會.png);  }
.banner-logo:nth-child(3){width: 34%; background-image:url(/img/forget-thee-not-logo-2x.png); }
*/
/*condolence-donation*/
.banner-title-container { position: absolute; text-align: center; width: 100%; letter-spacing: 0.2em; font-weight: bold; top: 50%; transform: translate(0, -50%); padding-bottom: 0.5em; }

.banner-title-container > .banner-headline.txt-white.txt-hugh,
.txt-large { margin: 0 !important;}
.banner-title-container > .banner-headline.txt-white.txt-large {padding-top: 0.25em; line-height: 130%;}

.paragraph-body.txt-head.con-donation {line-height: 150%;}
.paragraph-body.txt-body.con-donation {width: 50%; margin-top: -0.25em;} 

.acknowledgement-box {background: rgba(218, 201, 167, 0.2); padding: 2em 2em 1em;}
.paragraph-headline.acknowledge {font-size: 24px; margin-top: -0.5em; margin-bottom: 1em;}

.paragraph-headline.acknowledge.no-linebreak{ display:block}
.paragraph-headline.acknowledge.linebreak{ display:none }	

.paragraph-body.acknowledge{font-size: 24px; margin-top: -0.25em;}

.logo-container.con-donation {position: relative; margin: 1em auto 2.25em;}
.con-donation.linebreak {display: none;}

.ack-ctr {margin-top: 1.5em;}
.ack-list {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin-top: 1em;}
.ack-people {width: calc(50% - 1.25em); margin-bottom: 1.5em;}
.ack-people > .paragraph-body.txt-body {line-height:145%;}

/*team beliefs*/
.belief-container{ width: 100%; display: flex; justify-content: space-between; margin: 2.5em 0; }
.paragraph-container.belief > .belief-container:nth-child(1){ margin-top: 1.5em; }
.belief-container-inner{ width: 28%; }
.belief-container-inner .paragraph-body.mobile{ display: none; }

.belief-img-container-inner{ width: 100%; padding-bottom: 100%; border-radius: 50%; background-size: cover; background-position: center; background-repeat: no-repeat; }

.belief-container:nth-child(1) .belief-img-container-inner{ background-image: url(../img/belief-member-dummy.jpg); }
.belief-container:nth-child(3) .belief-img-container-inner{ background-image: url(../img/belief-member-dummy-b.jpg); }
.belief-container:nth-child(5) .belief-img-container-inner{ background-image: url(../img/belief-member-dummy-c.jpg); }
.belief-container:nth-child(7) .belief-img-container-inner{ background-image: url(../img/belief-member-dummy-c.jpg); }
.belief-container:nth-child(9) .belief-img-container-inner{ background-image: url(../img/belief-member-dummy-c.jpg); }

.belief-container-inner.txt{ width: calc(72% - 2em); }

.belief-container-inner .ftn-button.active{display: none; }
/*
.belief-container-inner.txt .paragraph-body.belief{ display:-webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
.belief-container-inner.txt .paragraph-body.belief.active{ -webkit-line-clamp:initial; }

.belief-container-inner.txt .paragraph-body.belief p{ display:inline}
.belief-container-inner.txt .paragraph-body.belief.active p{ display:block}
*/
/*team beliefs*/

/*life stories*/
.ftn-slider-container-ele.life-stories{ display: flex; align-items: center; background-color: #F8F1DC; height: auto; margin-bottom: 1em; }
.ftn-slider-container-ele.life-stories .ftn-slider-cnt{ display: block; margin: 1.5em 2em  2em; width: calc(50% - 4em);  }

.ftn-slider-container-ele.life-stories .ftn-slider-thumb{padding-bottom: initial; position: absolute; height: 100%; width: 50%; right: 0; margin-bottom: 0;}

.ftn-slider-container-ele.life-stories.first .ftn-slider-thumb{ background-image: url(../img/life-story-dummy.jpg);}
.ftn-slider-container-ele.life-stories.second .ftn-slider-thumb{ background-image: url(../img/belief-member-dummy-c.jpg);}

.paragraph-container.life-stories .ftn-slider-btn.prev{left: -1em; transform: translate(-100%,0);}
.paragraph-container.life-stories .ftn-slider-btn.next{left: calc(100% + 1em); transform: translate(0,0) rotate(180deg);}

/*life stories cards*/
.life-stories-container{ display: grid; grid-template-columns: repeat(3,calc(33.33% - 0.67em)); column-gap: 1em; row-gap: 2em;}
.life-stories-container .ftn-slider-container-ele{ width: 100%;}

.life-stories-container .ftn-slider-container-ele.first .ftn-slider-thumb{ background-image: url(../img/story-dummya.jpg);}
.life-stories-container .ftn-slider-container-ele.second .ftn-slider-thumb{ background-image: url(../img/story-dummyb.jpg);}
.life-stories-container .ftn-slider-container-ele.third .ftn-slider-thumb{ background-image: url(../img/story-dummyc.jpg);}
.life-stories-container .ftn-slider-container-ele.forth .ftn-slider-thumb{ background-image: url(../img/story-dummyd.jpg);}

.ftn-slider-cnt .paragraph-body.txt-body.story-txt p{ margin:0}
/*life stories cards*/
/*life stories*/


/*home new*/
.home-notes{ border-spacing: 0; margin-top: 1em; }
.home-notes td{ vertical-align: top; }
.home-step-container{ margin-top: 1.5em;}

.home-step-box{ position:relative; background-color: #F8F1DC;}
.home-step-box .txt-body{ width: calc(100% - 3em); margin: auto; position: relative; padding: 1.5em 0; text-align: center; word-wrap: break-word; }
.home-step-container .ftn-arrow{ top: auto; left: auto; transform: rotate(135deg); margin: 1.5em auto;}

.home-prep-table{ margin-top: 1em; }
.paragraph-container.nursing-home{ margin-top: 4.5em;}
/*home new*/

@media only screen and (min-width:1280px) and (max-width:1999px) {
.banner-container, .sub-banner-container{ height:550px; } 
}
@media only screen and (min-width:1024px) and (max-width:1279px) {
.banner-logo > img{ height:4.75em;   }	
	
.header-container{ height:100px; padding:20px 0 20px 0; }
.header-container-inner, .banner-container-inner, .intro-container-inner, .content-container-inner, .footer-container-inner{ width:876px; }

.subnav-container.donation .subnav-container-inner{ margin-right:calc(50% - 438px)}	
	
.content-container.static{ padding-top:140px; }

.logo-container{ margin-top:0px; width:193px; height:55px; } 
.logo-container.con-donation {width:210px; height:65px }	
.call-container{ top:20px; right:125px; }
.call-ele{ height:20px; padding-left:25px; font-size:16px; }
.call-ele.phone{ padding-left:23px; }
.header-divider{ top:20px; right:101px; width:0px; }
.fb-container{ bottom:auto; top:20px; }
.nav-container{ margin-left:0px; left:0; width:100%!important; }
.nav-container > a:nth-child(1) > div{ margin-left:0; }
.subnav-container-inner{ width:872px; }
.nav-ele, .subnav-ele{ font-size:17px; }
.subnav-ele-divider.column{ height:48px;  }

.lang-container{ bottom:auto; top:36px;  }
.fb-container.withlang{ right:110px; top:36px; }
.call-container.withlang{ right:0px; top:0px }

.banner-container, .sub-banner-container{ height:400px; }
.banner-container.home{ height:calc(100% - 140px); }

.intro-container{ padding:45px 0; font-size:19px; }

.intro-container.quote{ font-size:27px; padding:55px 0; }
.quote-container{ width:24px; height:24px; }
.quote-container.open{ top:-14px; left:0px; }
.quote-container.close{ bottom:-18px; right:0px;  }

.quote-container.about.open{ left:120px; }
.quote-container.about.close{right:120px;  }

.quote-container.seminar.open{ left:90px; }
.quote-container.seminar.close{right:90px;  }

.quote-container.features.open{  left:0px;  }
.quote-container.features.close{ right:0px; }

.quote-container.farewell.open{  left:150px;  }
.quote-container.farewell.close{ right:150px; }

.quote-container.personal.open{  left:180px;  }
.quote-container.personal.close{ right:180px; }

.quote-container.traditional.open{  left:230px;  }
.quote-container.traditional.close{ right:230px; }

.quote-container.prepare.open{  left:170px;  }
.quote-container.prepare.close{ right:170px; }

.quote-container.message.open{  left:280px;  }
.quote-container.message.close{ right:280px; }

.quote-container.love.open{  left:170px;  }
.quote-container.love.close{ right:170px; }

.quote-container.family.open{  left:50px;  }
.quote-container.family.close{ right:50px; }

.quote-container.contact.open{  left:230px;  }
.quote-container.contact.close{ right:230px; }

.subnav-container-column{ width:calc(40% - 1px); }
.subnav-container-column.first{ width:calc(30% - 1px); }
.subnav-container-column.last{ width:calc(30% - 1px); }
	
.content-container{ padding:45px 0; }

.paragraph-container{ width:420px; }
.paragraph-container.first{ margin-right:36px; }
.paragraph-container.section{ margin-bottom:67px; }

.news-ele{ margin-bottom:30px;  width:876px;  }
.news-ele.even{ margin-right:0; width:876px;  }
.news-ele-gap, td.td-news-ele-gap{ width:30px; }

.board-ele{ width:423px; }
.board-ele.even{ width:423px; margin-right:30px; }

.services-headline, .links-headline{ padding:17px 0; font-size:20px; }
.services-detail{ padding-bottom:25px; }

.ftn-button{ width:180px; padding:17px 0; letter-spacing:2px; font-size:20px; margin-top:22px; }
.ftn-button.long{ width:300px; }
.ftn_icon_container{ margin:auto auto 22px auto; width:180px; height:180px; }

.footer-container{ padding:70px 0 35px 0;  }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
.banner-logo > img{ height:4.5em; }	

.txt-tiny{   font-size:8px;  }
.txt-small{  font-size:13px; }
.txt-remarks{   font-size:14px; }
.txt-body{   font-size:16px; }
.txt-head{   font-size:18px; }
.txt-large{   font-size:26px; }
.txt-hugh{   font-size:45px; letter-spacing:5px; }

.news-container > .paragraph-headline{ font-size:21px; }
.news-ele-bubble-day{ font-size:21px; line-height:50%;  }
.news-ele-bubble-month{ font-size:14px; line-height:50%; }

li{ margin-left:26px; }

.header-container{ height:90px; padding:20px 0 20px 0; }
.header-container-inner, .banner-container-inner, .intro-container-inner, .content-container-inner, .footer-container-inner{ width:710px; }

.content-container.static{ padding-top:130px; }

.logo-container{ width:161px; height:50px; margin-top:0; }
.call-container{ top:17px; right:127px; }
.call-ele{ height:20px; padding-left:25px; font-size:16px; }
.call-ele.phone{ padding-left:24px; }
.header-divider{ top:17px; right:101px; width:0px; }
.fb-container{ bottom:auto; top:17px; }
.nav-container{ margin-left:0px; left:0; width:100%!important;; }
.nav-container > a:nth-child(1) > div{ margin-left:0; }
.subnav-container-inner{ width:705px; }
.nav-ele, .subnav-ele{ font-size:16px; }
.subnav-ele-divider.column{ height:46px;  }

.lang-container{ bottom:auto; top:30px;  }
.fb-container.withlang{ right:110px; top:30px; }
.call-container.withlang{ right:0px; top:0px; }

.banner-container, .sub-banner-container{ height:350px; }
.banner-container.home{ height:calc(100% - 130px); }

.intro-container{ padding:40px 0; font-size:18px; }

.intro-container.quote{ font-size:22px; padding:45px 0; }
.quote-container{ width:20px; height:20px; }
.quote-container.open{ top:-10px; left:5px; }
.quote-container.close{ bottom:-16px; right:5px;  }

.quote-container.about.open{ left:110px; }
.quote-container.about.close{right:110px;  }

.quote-container.seminar.open{ left:60px; }
.quote-container.seminar.close{right:60px;  }

.quote-container.features.open{  left:0px;  }
.quote-container.features.close{ right:0px; }

.quote-container.personal.open{  left:140px;  }
.quote-container.personal.close{ right:140px; }

.quote-container.traditional.open{  left:180px;  }
.quote-container.traditional.close{ right:180px; }

.quote-container.farewell.open{  left:130px;  }
.quote-container.farewell.close{ right:130px; }

.quote-container.prepare.open{  left:140px;  }
.quote-container.prepare.close{ right:140px; }

.quote-container.message.open{  left:230px;  }
.quote-container.message.close{ right:230px; }

.quote-container.love.open{  left:150px;  }
.quote-container.love.close{ right:150px; }

.quote-container.family.open{  left:45px;  }
.quote-container.family.close{ right:45px; }

.quote-container.contact.open{  left:185px;  }
.quote-container.contact.close{ right:185px; }

.content-container{ padding:40px 0; }

.paragraph-container{ width:340px; }
.paragraph-container.first{ margin-right:30px; }
.paragraph-container.section{ margin-bottom:60px; }

.paragraph-container.full.features-2{ max-width:680px; }
.paragraph-container.full.features-3{ max-width:680px; }
.paragraph-container.full.features-4{ max-width:560px; }

.paragraph-headline.txt-large{ margin-bottom:12px; }

.news-ele{ margin-bottom:26px; width:710px;  }
.news-ele.even{ margin-right:0; width:710px;  }
.news-ele-bubble, td.td-news-ele-bubble{ width:76px; height:76px; }
.news-ele-gap, td.td-news-ele-gap{ width:28px; }

.board-ele{ width:340px; }
.board-ele.even{ width:340px; margin-right:30px; }

.single-line.center{ padding-top:15px; }

.services-headline, .links-headline{ padding:15px 0; font-size:18px; }
.services-detail{ padding-bottom:20px; }

.ftn-button{ width:160px; padding:15px 0; letter-spacing:2px; font-size:18px; margin-top:20px; }
.ftn-button.long{ width:265px; }
.ftn_icon_container{ margin:auto auto 20px auto; width:160px; height:160px; }

.footer-container{ padding:60px 0 30px 0;  }

.txt-remarks.linebreak{ display:none; }
.txt-remarks.no-linebreak{ display:block; }

.linebreak-support{ display:none; }
.no-linebreak-support{ display:block; }

.paragraph-container.products > .paragraph-body.linebreak{ display:none; }
.paragraph-container.products > .paragraph-body.no-linebreak{ display:block; }

.subnav-container-column{ width:calc(40% - 1px); }
.subnav-container-column.first{ width:calc(30% - 1px); }
.subnav-container-column.last{ width:calc(30% - 1px); }
 
.ftn-button.right.new-long {width: 205px;}
	
.txt-head.new-ctr {max-width: 28em;}
.txt-body.new-ctr {max-width: 28em;}	
}

@media only screen and (min-width: 640px) and (max-width: 767px) {
.banner-logo > img{ height:4.25em; }		
	
.txt-tiny{   font-size:8px;  }
.txt-small{  font-size:13px; }
.txt-remarks{   font-size:14px; }
.txt-body{   font-size:16px; }
.txt-head{   font-size:18px; }
.txt-large{   font-size:24px; }
.txt-hugh{   font-size:40px; letter-spacing:4px; }

.news-container > .paragraph-headline{ font-size:21px; }
.news-ele-bubble-day{ font-size:21px; line-height:50%;  }
.news-ele-bubble-month{ font-size:14px; line-height:50%; }

li{ margin-left:25px; }

.header-container{ height:80px; padding:15px 0 20px 0; }
.header-container-inner, .banner-container-inner, .intro-container-inner, .content-container-inner, .footer-container-inner{ width:602px; }

.content-container.static{ padding-top:115px; }

.logo-container{ width:161px; height:45px; margin-top:0; }
.call-container{ top:15px; right:110px; }
.call-ele{ height:20px; padding-left:25px; font-size:15px; }
.call-ele.phone{ padding-left:23px; margin-left:10px;  }
.call-ele.whatsapp{ margin-left:5px; }
.call-ele:nth-child(1){ display:none; padding:0; margin-right:0 }


.header-divider{ top:15px; right:98px; width:0px; height:18px;  }
.fb-container{ bottom:auto; top:14px; }
.nav-container{ margin-left:0px; left:0; width:100%!important;; }
.nav-container > a:nth-child(1) > div{ margin-left:0; }
.subnav-container-inner{ width:600px; }
.nav-ele, .subnav-ele{ font-size:16px; }
.subnav-ele-divider.column{ height:46px;  }

.lang-container{ bottom:auto; top:30px;  }
.fb-container.withlang{ right:110px; top:30px; }
.call-container.withlang{ right:0px; top:0px; }

.subnav-ele.column{ margin:0 15px 15px 15px; }
.subnav-ele.column.first{ margin:0 15px 15px 0px; }

.banner-container, .sub-banner-container{ height:300px; }
.banner-container.home{ height:calc(100% - 115px); }

.intro-container{ padding:36px 0; font-size:16px; }

.intro-container.quote{ font-size:20px; padding:40px 0; }
.quote-container{ width:18px; height:18px; }
.quote-container.open{ top:-8px; left:0px; }
.quote-container.close{ bottom:-16px; right:0px;  }

.quote-container.about.open{ left:80px; }
.quote-container.about.close{right:80px;  }

.quote-container.seminar.open{ left:40px; }
.quote-container.seminar.close{right:40px;  }

.quote-container.features.open{  left:0px;  }
.quote-container.features.close{ right:0px; }

.quote-container.personal.open{  left:110px;  }
.quote-container.personal.close{ right:110px; }

.quote-container.traditional.open{  left:140px;  }
.quote-container.traditional.close{ right:140px; }

.quote-container.farewell.open{  left:100px;  }
.quote-container.farewell.close{ right:100px; }

.quote-container.prepare.open{  left:105px;  }
.quote-container.prepare.close{ right:105px; }

.quote-container.message.open{  left:190px;  }
.quote-container.message.close{ right:190px; }

.quote-container.love.open{  left:110px;  }
.quote-container.love.close{ right:110px; }

.quote-container.family.open{  left:25px;  }
.quote-container.family.close{ right:25px; }

.quote-container.contact.open{  left:150px;  }
.quote-container.contact.close{ right:150px; }

.subnav-container-column{ width:calc(40% - 1px); }
.subnav-container-column.first{ width:calc(30% - 1px); }
.subnav-container-column.last{ width:calc(30% - 1px); }
	
.content-container{ padding:36px 0; }

.paragraph-container, .news-ele{ width:600px; }
.paragraph-container.first{ margin-right:0px; margin-bottom:54px; }
.paragraph-container.section{ margin-bottom:54px; }
.paragraph-headline{ margin-bottom:5px; }
.paragraph-headline.txt-large{ margin-bottom:10px; }
.paragraph-body{ line-height:180%; }

.paragraph-container.full.features-2{ max-width:560px; }
.paragraph-container.full.features-3{ max-width:520px; }
.paragraph-container.full.features-4{ max-width:560px; }

.news-container{ padding:20px 0; }
.news-container > .paragraph-headline{ margin-bottom:20px; } 
.news-ele{ height:80px; margin-bottom:24px; }
.news-ele.even{ margin-right:0; }
.news-ele-bubble, td.td-news-ele-bubble{ width:76px; height:76px; }
.news-ele-gap, td.td-news-ele-gap{ width:28px; }

.board-ele{ width:285px; }
.board-ele.even{ width:285px; margin-right:30px; }

.single-line.center{ padding-top:16px; }

.services-headline, .links-headline{ padding:16px 0; font-size:16px; }
.services-detail{ padding-bottom:18px; }

.ftn-button{ width:150px; padding:16px 0; letter-spacing:1px; font-size:16px; margin-top:18px; }
.ftn-button.long{ width:230px; }
.ftn_icon_container{ margin:auto auto 18px auto; width:160px; height:160px; }

.footer-container{ padding:50px 0 30px 0; }

.txt-remarks.linebreak{ display:none; }
.txt-remarks.no-linebreak{ display:block; }

.linebreak-support{ display:none; }
.no-linebreak-support{ display:block; }

.ftn-button.right{ float:none; right:0; top:0; margin:0; margin-top:15px; position:static; }
}

@media only screen and (min-width: 0px) and (max-width: 1023px) {
	
	.highlight-box br{ display:none}
.header-container{ height:100px; padding:15px 0 20px 0; z-index:9999; }
.header-container.menu{  position:fixed; }
.header-container-inner, .banner-container-inner, .intro-container-inner, .content-container-inner, .footer-container-inner{ width:90%; }

.content-container.static{ padding-top:135px; }

.logo-container{ width:161px; height:40px; margin-top:67px; }
.menu-icon-container{ width:32px; height:40px; position:absolute; right:0; top:67px; cursor:pointer; }
.menu-icon-ele{ width:100%; background-color:#414141; height:3px; position:absolute; 
	-webkit-transition: 400ms ease-out, opacity 0ms;
	-moz-transition: 400ms ease-out, opacity 0ms;
	-o-transition: 400ms ease-out, opacity 0ms;
	transition: 400ms ease-out, opacity 0ms;
}
.menu-icon-container.active > .menu-icon-ele{ 
	-webkit-transition:400ms ease-in-out, opacity 0ms; -moz-transition:400ms ease-in-out, opacity 0ms; -o-transition:400ms ease-in-out, opacity 0ms; transition:400ms ease-in-out, opacity 0ms;
}

.menu-icon-container > div:nth-child(2), .menu-icon-container > div:nth-child(4){ 
	-webkit-transition:0ms ease-in-out; -moz-transition:0ms ease-in-out; -o-transition:0ms ease-in-out; transition:0ms ease-in-out;
}

.menu-icon-container > div:nth-child(1){ top:10px; }
.menu-icon-container > div:nth-child(2), .menu-icon-container > div:nth-child(4){ top:19px; }
.menu-icon-container > div:nth-child(3){ top:28px; }

.menu-icon-container.active > div:nth-child(1), .menu-icon-container.active > div:nth-child(3){ opacity:0; top:19px; }
.menu-icon-container.active > div:nth-child(2){ top:19px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.menu-icon-container.active > div:nth-child(4){ top:19px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.call-container{ top:-4px; left:0; right:auto; width:100%; }
.call-ele{ height:19px; padding-left:24px; font-size:15px; margin-left:0; margin-right:12px; float:left; }
.call-ele.phone{ padding-left:21px; }
.header-divider{ top:-4px; right:calc(50% - 98px - 37px + 73px); width:1px; height:18px; display:none; }
.fb-container{ bottom:auto; top:18px; }
.nav-container{ display:none; }
.header-line{ top:70px; display:block; }

.lang-container{ bottom:auto; top:3px;  }
.fb-container.withlang{ bottom:auto; top:26px; right:0px; }

.call-ele:nth-child(1){ display:block; padding:0; margin-right:0; clear:both; float:none; margin-bottom:6px; }
.call-ele:nth-child(4){ display:none; padding:0; margin-right:0 }

.subnav-container.active{ display:none; }
.header-triangle{ border-bottom:0px solid #e5e6e8; }

.menu-container{ background-color:#eee; border-top:solid #ccc 1px; overflow:scroll; -webkit-overflow-scrolling:touch; height:calc(100% - 106px); transition-duration:800ms; -webkit-transition-duration:800ms; }
.menu-container.active{ -ms-transform:translateX(0%); -webkit-transform:translateX(0%); transform:translateX(0%); }
.menu-container-inner{ margin:auto; width:100%; padding:0 0; }

.menu-ele{ border-bottom:1px solid #ccc; padding:20px 5%; width:90%; cursor:pointer; 
	-moz-transition:background-color 400ms ease-out; -o-transition:background-color 400ms ease-out; transition:background-color 400ms ease-out; 
}

.submenu-container{ display:none; background:#eee; }
.submenu-ele{ padding:20px 5% 20px 5%; width:90%; cursor:pointer; border-bottom:1px solid #ccc; -moz-transition:background-color 400ms ease-out; -o-transition:background-color 400ms ease-out; transition:background-color 400ms ease-out; }
.submenu-submenu-container{ display:block; background:#fff; }
.submenu-submenu-ele{ padding:20px 5% 20px 5%; width:90%; cursor:pointer; border-bottom:1px solid #e5e6e8;  }
.submenu-submenu-container > a{ color:#414141; }

.menu-arrow{ float:right; width:12px; height:12px; margin-top:4px; background-image:url(../img/menu-arrow.png); background-position:center center; background-size:contain; background-repeat:no-repeat;
	-webkit-transition:200ms ease-in-out; -moz-transition:200ms ease-in-out; -o-transition:200ms ease-in-out; transition:200ms ease-in-out;
}
	
.menu-ele.highlight{background-color:#89744e; color:#fff}
.menu-ele.highlight.active{ background-color:#d6a769; color:#fff}
	.menu-ele.highlight	.menu-arrow{background-image:url(../img/menu-arrow-white.png);}

.menu-ele.active{ background:#fffbe8; }
.menu-ele.active > .menu-arrow{ -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg); }
.submenu-ele.active > .menu-arrow{ -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg); }

.banner-container, .sub-banner-container{ height:250px; }
.banner-container.home{ height:100%; z-index:0; }
.banner-container.home > div > div > div{ top:150px; }
.banner-container.home > .banner-container_inner.first{ background-size:4765px 900px; }

.footer-left-ele{ float:left; text-align:center; width:100%; margin-bottom:5px; }
.footer-right-ele{ float:right; text-align:center; width:100%; }     
	
.acknowledgement-box {padding: 2em 1.5em 1em;}    
.paragraph-headline.acknowledge {font-size: 20px;}
.paragraph-body.acknowledge {font-size: 20px; margin-top: 0;}
.logo-container.con-donation {width: 160px; height: 50px; }	
}

@media only screen and (min-width: 0px) and (max-width: 639px) {
.banner-logo > img{ height:3.25em;  }	
	
.txt-tiny{   font-size:8px;  }
.txt-small{  font-size:12px; }
.txt-remarks{   font-size:13px; }
.txt-body{  font-size:16px; }
.txt-head{   font-size:18px; }
.txt-large{   font-size:22px; }
.txt-hugh{   font-size:36px; letter-spacing:4px; }

.news-container > .paragraph-headline{ font-size:20px; }
.news-ele-bubble-day{ font-size:20px; line-height:50%;  }
.news-ele-bubble-month{ font-size:13px; line-height:50%; }

li{ margin-left:26px; }

.intro-container{ padding:35px 0; font-size:16px; }
.intro-container-inner.linebreak{ display:none; }
.intro-container-inner.no-linebreak{ display:block; }
.txt-remarks.linebreak{ display:none; }
.txt-remarks.no-linebreak{ display:block; }

.intro-container.quote{ font-size:20px; padding:40px 0; }
.quote-container{ width:18px; height:18px; }
.quote-container.open{ top:-10px; left:0px; }
.quote-container.close{ bottom:-14px; right:0px;  }

.quote-container.about.open{ left:0px; }
.quote-container.about.close{right:0px;  }
.quote-container.seminar.open{ left:0px; }
.quote-container.seminar.close{right:0px;  }
.quote-container.prepare.open{  left:0px;  }
.quote-container.prepare.close{ right:0px; }
.quote-container.message.open{  left:30px;  }
.quote-container.message.close{ right:30px; }
.quote-container.contact.open{  left:0px;  }
.quote-container.contact.close{ right:0px; }
.quote-container.love.open{  left:0px;  }
.quote-container.love.close{ right:0px; }
.quote-container.family.open{  left:0px;  }
.quote-container.family.close{ right:0px; }
.quote-container.features.open{  left:0px;  }
.quote-container.features.close{ right:0px; }
.quote-container.farewell.open{  left:0px;  }
.quote-container.farewell.close{ right:0px; }
.quote-container.personal.open{  left:0px;  }
.quote-container.personal.close{ right:0px; }
.quote-container.traditional.open{  left:10px;  }
.quote-container.traditional.close{ right:10px; }

.content-container{ padding:35px 0; }

.paragraph-container, .news-ele{ width:100%; }
.paragraph-container.first{ margin-right:0px; margin-bottom:50px; }
.paragraph-container.section{ margin-bottom:50px; }
.paragraph-headline{ margin-bottom:5px; }
.paragraph-headline.txt-large{ margin-bottom:10px; }
.paragraph-body{ line-height:180%; }

.paragraph-container.first-col{ margin-right:auto; }
.paragraph-container.first-col, .paragraph-container.second-col{ width:100%; max-width:none;  }

.news-container{ padding:15px 0; }
.news-container > .paragraph-headline{ margin-bottom:20px; } 
.news-ele{ height:66px; margin-bottom:30px; }
.news-container:last-child{ margin-bottom:0; }
.news-ele.even{ margin-right:0; }
.news-ele-bubble, td.td-news-ele-bubble{ width:66px; height:66px; }
.news-ele-gap, td.td-news-ele-gap{ width:24px; }

.board-ele{ width:47%; }
.board-ele.even{ width:47%; margin-right:6%; }

.services-headline, .links-headline{ padding:13px 0; font-size:16px; }
.services-detail{ padding-bottom:16px; }

.links-headline{ max-width:calc(100% - 140px); }

.ftn-button{ width:125px; padding:13px 0; letter-spacing:1px; font-size:16px; margin-top:25px; }
.ftn-button.long{ width:205px; }
.ftn-button.right{ float:none; right:0; top:0; margin:0; margin-top:15px; position:static;  }
.ftn_icon_container{ margin:auto auto 16px auto; width:160px; height:160px; }

.ftn-button.gold.right{ float:right; right:0; top:0; margin:0; position:relative;  }
.ftn-button.gold.left{ margin-top:15px; margin-right:15px; }

.footer-container{ padding:40px 0 30px 0;  }
.footer-left-ele{ float:left; text-align:center; width:100%; margin-bottom:5px; }
.footer-right-ele{ float:right; text-align:center; width:100%; }

.linebreak-support{ display:none; }
.no-linebreak-support{ display:block; }
.linebreak-volunteer{ display:none; }
.no-linebreak-volunteer{ display:block; }

.paragraph-container.products > .paragraph-body.linebreak{ display:none; }
.paragraph-container.products > .paragraph-body.no-linebreak{ display:block; }

#video-container{ width:90vw; height:68vw; max-width:480px; max-height:360px;   }

/*form*/
.form-section{ padding: 2.5em 0;}
/*.form-section.brief{ padding: 0 0 0em 0;}*/
.fill-remark{ margin:-1em 0 0 0;}
.form-text-only, .form-row{display:flex; flex-wrap:wrap; margin-bottom:2em; }
.form-section.dona-info, .form-section.donor{ padding: 0 0 0.5em 0;}
.form-row.input{margin-bottom:1.5em; }
.form-row > div:nth-child(1){width:100%; }
.form-text-only .paragraph-body, .form-row > div:nth-child(2){width:100%}
.form-section .txt-head.big, .form-section .paragraph-headline {margin-bottom:1em; }
.form-section .form-row.input .paragraph-headline{margin-bottom:0.5em;}
.form-section.invoice {padding-top:0.5em}
.form-section.invoice .form-text-only{margin:0;}
.radio-options.horiz > div{width:50%; }
.input-box {width: 100%; }
.input-box input{width:calc(100% - 2px); padding: 1.1em;border:1px solid #89744E;}
	
.amount-buttons{display:block;}
.amount-buttons-ele{margin-top:0.5em; width: calc(100% - 2px); border:1px solid #89744E;}
.amount-buttons-ele:first-child{margin-top:0em}
.opt-area.amount .txt-body{margin-bottom:0.5em;}
.input-box.amount{position:relative; width:calc(100% - 2px); border:1px solid #89744E;}

.radio-options.horiz{ flex-wrap:wrap}
.donor-info .radio-options.horiz > div:nth-child(-n+2){margin-bottom:1em;}
.input-error{position:absolute; top: 0; left:auto; right:0;margin-top:0em; transform: translateY(calc(-2.8em))}
.input-error.amount{position:absolute; top:auto; right:auto; transform: translateY(0.5em)}
.radio-options.horiz .input-error.title {position:absolute; width:auto; top:-3.4em; left:auto; right:0; ;transform: translateY(0);}
.invoice-info.personal .form-row:nth-child(1) .radio-options.horiz > div:not(:nth-last-child(-n+2)){ margin-bottom:1em;}

.opt-area.name > div{position:relative; width:calc(40%);float:left}
.opt-area.name > div:nth-child(2){width:calc(62% - 1.1em + 1px); right:0}
.opt-area.name > div .input-box, .opt-area.one-line .input-box{width: calc(100% - 2.2em)}
	
.opt-area.name > div .input-error {display:none}
.opt-area.name > div .input-error.name-mobile {display:block;}

/*0113*/
.opt-area.ancient > div{width:calc(62% - 1.1em + 1px); left:0}
.opt-area.ancient > div:nth-child(2){position:relative; width:calc(40%);float:right}
.opt-area.ancient > div .input-box, .opt-area.one-line .input-box{width: calc(100% - 2.2em)}
	
.onbehalf-type .input-error.txt-remarks{ left:auto!important; right:0!important; top:-0.6em; text-align:right!important; width:auto }
/*0113*/
	
.opt-area.address > div:nth-child(1){margin-bottom:0.5em;}
.opt-area.address > div:nth-child(1) > div:nth-child(1){width: calc(100% - 2.8em + 1px); margin-bottom:0.5em;}
.opt-area.address > div:nth-child(1) > div:nth-child(2){width: calc(100% - 2.2em);right:2.2em}

.opt-area.amount{ width:100%;}
	
.dropdown{border:1px solid #89744E; }
.dropbtn {padding:1.1em 0;}
.dropbtn > div:nth-child(2) {border: solid #89744E;border-width: 0 1px 1px 0;}
.dropdown-content {width: 100%;border: 1px solid #89744E; left:-1px;}
.dropdown-content a {padding: 1.1em 0;border-bottom: 1px solid #e5e6e8; width:90%;}
.checked-box label:before {border: 1px solid #89744E;}
.opt-area.recipient .opt-area.name .input-error.name-mobile{top:0; ;}
/*.accordion*/
	.accordion-expand .input-error{ display:none; }
	.accordion-expand .input-error.active{ display:block; padding-top:0em }
	.accordion-expand.error{ padding-top:1.5em}
	
.form-row.line .paragraph-headline{align-items: flex-start; padding: 0}
	
.input-error.newline-m{ position:relative; top:auto; right:auto; transform:translate(0,0); margin:0.5em 0 0 0; }	
/*form*/
	
/*summary*/
.summary-form-all .form-row {flex-wrap:no-wrap; justify-content: space-between; align-items: flex-start; }
.summary-form-all .form-row > div:nth-child(1){width:40%;}
.summary-form-all .form-row > div:nth-child(2){width:55%;}
.summary-form-all .opt-area.name > div:nth-child(2){width:100%;}
.summary-form-all .highlight-box{margin-bottom:2em}
.summary-form-all .form-section.dona-info, .form-section.donor{ padding: 0.5em 0 0em 0; }
.summary-form-all .form-btn-container{flex-direction: column-reverse; margin:0em }
.summary-form-all .form-btn-container .ftn-button{margin:auto;}
.form-btn-container .ftn-button.submit{margin-bottom:0.5em;}
.summary-form-all .highlight-box .radio-options.horiz input{width:1.25em; height:1.25em;}
/*summary*/	
    
.paragraph-headline.acknowledge.no-linebreak{ display: none}
.paragraph-headline.acknowledge.linebreak{ display:block }		
    
.acknowledgement-box {padding: 2em 1em 1em;}      
    
.con-donation.no-linebreak {display: none;}
.con-donation.linebreak {display: block;}
    
.logo-container.con-donation {margin: .5em auto 2.25em;}
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
.content-container-inner.logo-banner { display:block; }

.banner-logo { /*margin-bottom:1.5em*/  }
.banner-logo > img{ height:12.5vw;  }		
.banner-logo:nth-child(2){ float:left; margin-right:1.5em; }
.banner-logo:nth-child(1){  margin-bottom:1em; }
	
.banner-logo:nth-child(1) > img{ height:14.5vw;  }		
	
.content-container.logos{ padding-top:0px;}	
	
.board-ele{ width:100%; }
.board-ele.even{ width:100%; margin-right:0%; }

#video-container{ width:90vw; height:68vw; }
}

@media all and (-webkit-min-device-pixel-ratio:2) {
.logo-container{ background-image:url(../img/forget-thee-not-logo-2x.png); }
}
@media all and (-webkit-min-device-pixel-ratio:3) {
.logo-container{ background-image:url(../img/forget-thee-not-logo-2x.png); }
}

@media only screen and (min-width:1280px) {
.subnav-container.withlang{ }
.subnav-container.withlang .subnav-container-inner{ width:980px; margin:auto; }

.subnav-container.withlang .subnav-container-column{  width:calc(30% - 1px); }
.subnav-container.withlang .subnav-container-column.first{ width:calc(35% - 1px); }
.subnav-container.withlang .subnav-container-column.last{ width:calc(35% - 1px); }
/* 20230213 */
.subnav-container.withlang.services .subnav-container-column{ width:calc(25% - 1px);  }		
/* 20230213 */	
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
.subnav-container.withlang{ }

.subnav-container.withlang .subnav-container-column{  width:calc(31.1% - 1px); }
.subnav-container.withlang .subnav-container-column.first{ width:calc(32.7% - 1px); }
.subnav-container.withlang .subnav-container-column.last{ width:calc(36.2% - 1px); }

.subnav-container.withlang.services .subnav-container-column{ width:calc(25% - 1px);  }		

.subnav-container.withlang .subnav-ele.column{ margin:0 20px 15px 20px; }
.subnav-container.withlang .subnav-ele.column.first{ margin:0 20px 15px 0px; }
}

.content-container-inner img{ max-width:100%; }

@media only screen and (min-width: 0px) and (max-width: 639px) {
.form-text-only > .paragraph-headline{ width:100%!important} 
	.opt-area.one-line.special-long .input-error{  }
	.special-long .en{ transform:translateY(-300%)}
	
	.story-head { overflow: hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; text-overflow: ellipsis; }
}

/* slider */
.ftn-slider-container{ position:relative; width:calc(100% + 0em); /* margin-bottom:2em; */  }

.ftn-slider-cols-container{ display:flex;  }
.ftn-slider-cols-container > .ftn-slider-container{ width:calc(50% - 3em); }
.ftn-slider-cols-container > .ftn-slider-container:nth-child(1){ margin-right:6em }

.ftn-slider-cols-container.con-donation{ margin-top: 2em;}

.ftn-slider-container-mask{ position:relative;  overflow:hidden; width:100% }

.ftn-slider-container-inner{ width:500%; position:relative; padding-bottom:0%; transition:transform 300ms ease-out  }
.ftn-slider-container-ele{ position:relative; width:20%; left:0; top:0; height:auto;  float:left; }

.ftn-slider-thumb{ width:100%; position:relative; padding-bottom:60%; background:#fff; background-size:cover; background-position:center; background-repeat:no-repeat; }

.ftn-slider-thumb.con-donation {padding-bottom: 100%;}

.ftn-slider-container-ele.left-1  .ftn-slider-thumb {background-image:url(../img/6_selected.jpg);}
.ftn-slider-container-ele.left-2  .ftn-slider-thumb {background-image:url(../img/story-test-photo-1.png);}
.ftn-slider-container-ele.left-3  .ftn-slider-thumb {background-image:url(../img/story-test-photo-2.png);}

.ftn-slider-cnt{   width:100%; position:relative; margin-top:1em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;   }
.ftn-slider-cnt > div:nth-child(1){ font-size:1.05em; margin-top:-0.5em; }
.ftn-slider-cnt > div:nth-child(2){ line-height:1.5;  width:100%;  text-overflow:ellipsis; overflow:hidden;    } 

.ftn-slider-container.one .ftn-slider-container-inner{ transform:translateX(-0%);}
.ftn-slider-container.two .ftn-slider-container-inner{ transform:translateX(-20%);}
.ftn-slider-container.three .ftn-slider-container-inner{ transform:translateX(-40%);}
.ftn-slider-container.four .ftn-slider-container-inner{ transform:translateX(-60%);}
.ftn-slider-container.five .ftn-slider-container-inner{ transform:translateX(-80%);}

.ftn-slider-btn{ position:absolute; border-radius:1000px; width:2em; height:2em; background:#EDE0C7; top:50%;  cursor: pointer; }
.ftn-slider-btn.inactive{ cursor:auto; opacity:0.5; }

.ftn-slider-container .paragraph-headline{ margin-bottom:1em; }

.ftn-arrow {position: relative; border-style: solid; border-color: #414141; border-width: 0.175em 0.175em 0 0; height: 0.5em; width: 0.5em; transform: rotate(-135deg); top: 36%; left: 40%;}

.ftn-slider-btn.prev{ transform:translate(-100%,-50%); left:-.5em; }
.ftn-slider-btn.next{ transform:translate(0%,-50%)rotate(180deg); left:calc(100% + .5em); }
 
.ftn-gallery{ width:100%; padding-bottom:60%; background-color:#fff; margin-bottom:1em;    background-size:cover; background-position:center; background-repeat:no-repeat;  }
.ftn-slider-container.gallery .ftn-slider-container-inner{ width:500%;  }
.ftn-slider-container.gallery .ftn-slider-container-ele{ width:3.6%; margin-right:0.5%; cursor: pointer;  }
.ftn-slider-container.gallery .ftn-slider-container-ele{ border-bottom:2px solid rgba(0,0,0,0); padding-bottom:.5em;  }
.ftn-slider-container.gallery .ftn-slider-container-ele.active{border-bottom:2px solid #fff; }

.ftn-slider-container.gallery .ftn-slider-btn{ top:50%;  }
.ftn-slider-container.gallery .ftn-slider-thumb{  padding-bottom:75%; }

.related-stories-container, .life-stories-container{ margin-top:1em}
.related-stories-container .ftn-slider-container-ele{ width:calc(33.3% - 0.67em); margin-left:1em; }
.related-stories-container .ftn-slider-container-ele:nth-child(1), .life-stories-container .ftn-slider-container-ele:nth-child(1) { margin-left: 0}

.all-stories-container{ margin-top:2em; width:calc(100% + 1em); transform:translateX(-1em)}
.all-stories-container .ftn-slider-container-ele{ width:calc(33.33% - 1em); margin-left:1em; margin-bottom:3em }

.all-stories-container .ftn-slider-container-ele .story-txt { -webkit-line-clamp:4!important;  }

.all-stories-filter-label{ display:none; }
.all-stories-filter-container{ display:flex; justify-content:center  }
.all-stories-filter-ele{ cursor:pointer; line-height:1; padding:0.9em 1em; border:1px solid #C0B39B; color:#89744E; min-width:9em; text-align:center;}
.all-stories-filter-ele:hover, .all-stories-filter-ele.active{ background:#C0B39B; color:#fff; }
.all-stories-filter-ele.active{  pointer-events:none}
.all-stories-filter-ele:nth-child(2){ border-left:none; border-right:none}

@media only screen and (min-width: 0px) and (max-width: 1023px) {
	.ftn-slider-container:nth-child(2){ margin-top:2.5em;}
	
	.ftn-slider-cols-container{ display:block;  }
	.ftn-slider-cols-container > .ftn-slider-container{ width:calc(100% - 0em); }
	.ftn-slider-cols-container > .ftn-slider-container:nth-child(1){ margin-right:0em }
	
	.ftn-slider-container{ padding-bottom:0; height:auto; }
	.ftn-slider-container-inner{  padding-bottom:0; height:auto;  }
	
	.ftn-slider-container-ele{ padding-bottom:0 }

	.ftn-slider-thumb{ width:calc(100%); position:relative; left:auto;  height:auto; padding-bottom:50%; margin-bottom:1em }
	.ftn-slider-cnt{   width:calc(100%); position:relative; right:auto; height:auto; }
	.ftn-slider-cnt > div:nth-child(1){ margin-top:0em; margin-bottom:0.5em }
	.ftn-slider-cnt > div:nth-child(2){ max-height:none;  }  
	 
	.ftn-slider-btn{ display:none}
	
	.ftn-slider-indicators{ display:flex; justify-content:center; width:100%; margin:0.5em 0 1em; cursor: pointer;  }
	.ftn-slider-indicator{ width:.5em; height:.5em; border-radius:100px; background:#D4C4A9; margin:0 0.25em}
	.ftn-slider-indicator.active{ background:#89744E; }
	
	.ftn-slider-container.gallery .ftn-slider-thumb{ margin-bottom:0em }
	
	.related-stories-container .ftn-slider-container-ele, .life-stories-container .ftn-slider-container-ele { width:calc(100%); margin-left:0em; margin-bottom:3em }
	.related-stories-container .ftn-slider-container-ele:nth-child(1), .life-stories-container .ftn-slider-container-ele:nth-child(1){ margin-left: 0}
	
	.all-stories-container{  width:calc(100% + 0em); transform:translateX(0em)}
	.all-stories-container .ftn-slider-container-ele{ width:calc(100%); margin-left:0em; margin-bottom:3em }

	.all-stories-filter-label{ display:block;  width:100%;  padding:0.9em 0em; line-height:1; background:#C0B39B; color:#fff; text-align:center; cursor:pointer; position:relative }
	
	.all-stories-filter-label > div:nth-child(2) { display: inline-block; border: solid #fff; border-width: 0 1.5px 1.5px 0; padding:0.25em; transform: rotate(45deg) translateY(-50%); margin:0; position:absolute; right:1.5em; top:calc(50% - 0.25em); }
	.all-stories-filter-label.active > div:nth-child(2){ border-width: 1.5px 0 0  1.5px; top:calc(50% - 0em);}

	.all-stories-filter-container{ display:block; height:1px; overflow:hidden; transition:height 400ms ease-in-out; border:none; margin:auto; }
	.all-stories-filter-container.active{ height:calc(8.4em + 4px)    }
	.all-stories-filter-ele{  padding:0.9em 0em; min-width:none;  }
	.all-stories-filter-ele:nth-child(2){ border-left:1px solid #C0B39B; border-right:1px solid #C0B39B; border-top:none; border-bottom:none}
	
	.paragraph-body.txt-body.con-donation {width: 100%;}

	.life-stories-container{ display: block;}

	.ftn-slider-container-ele.life-stories{ flex-direction: column-reverse; justify-content: flex-end;}
	.ftn-slider-container-ele.life-stories .ftn-slider-cnt{ width: calc(100% - 3em); margin-top: 0.5em; margin-bottom: 3em; }
	.ftn-slider-container-ele.life-stories .ftn-slider-thumb{ position: relative; width: 100%; padding-bottom: 50%;}

	.paragraph-container.life-stories .ftn-slider-indicators{ transform: translateY(-3.5em); margin-bottom: -1em;}
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
.funeral-service th, .basic-lv-page th {padding: 1.5em 1.25em; white-space: nowrap;}
.funeral-service td, .basic-lv-page td {padding: 1.5em 1.25em;}   
	
.ftn-button.filter-list {height: 90px; display: flex; justify-content: center; align-items: center; padding: 0 0.5em;}  

.ack-list {display: block;}
.ack-people {width: 100%; margin-bottom: 1.25em;}	
	
.life-celebrant-container.contact {display: block;}	

/*team beliefs*/
.belief-container{ display: block; }

.belief-container-inner{ width: 100%; display: flex; align-items: center; }

.belief-img-container{ width: 20%; min-width: 80px; }
.belief-container .paragraph-body.mobile{ display: block; margin: 0 2em;}

.belief-container-inner.txt{ display: block; width: 100%;}
.belief-container-inner.txt .paragraph-body.desktop{ display: none; }

.ftn-button.left.belief{ float: none; margin-left: 0; }
/*team beliefs*/
}


.intro-container-inner.no-linebreak br{ display:none}