/* Table */
table { width: 100%; }
table.default { width: 100%; }
table.default tbody tr:nth-child(2n+2) { background: #f4f4f4; }
table.default td { padding: 0.5em 1em 0.5em 1em; }
table.default th { text-align: left; font-weight: 400; padding: 0.5em 1em 0.5em 1em; }
table.default thead { background: #484d55; color: #fff; }
table.default tfoot { background: #eee; }

/* Form */
form label { display: block; font-weight: 700; color: #484d55; }
form input[type="text"], form input[type="email"], form input[type="password"], form select, form textarea { -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; transition: all .25s ease-in-out; -webkit-appearance: none; display: block; border: 0; background: #eee; box-shadow: inset 0px 0px 1px 0px #a0a1a7; border-radius: 0.35em; width: 100%; padding: 0.75em 1em 0.75em 1em; }
form input[type="text"]:focus, form input[type="email"]:focus, form input[type="password"]:focus, form select:focus, form textarea:focus { background: #f8f8f8; }
form input[type="text"], form input[type="email"] input[type="password"] { line-height: 1em; }
form select { line-height: 1em; }
form textarea { min-height: 10em; }
form .formerize-placeholder { color: #555 !important; font-style: italic; }
form ::-webkit-input-placeholder { color: #555 !important; font-style: italic; line-height: 1.35em; }
form :-moz-placeholder { color: #555 !important; font-style: italic; }
form ::-moz-placeholder { color: #555 !important; font-style: italic; }
form :-ms-input-placeholder { color: #555 !important; font-style: italic; }
form ::-moz-focus-inner { border: 0; }


/* Image */
.image { display: inline-block; }
.image img {display: flex;width: 69px;object-fit: cover;}
.image.fit { display: block; width: 100%; }
.image.left { float: left; margin: 0 2em 2em 0; border: 1px solid #eee; padding: 2px; }
.image.centered { display: block; margin: 0 0 2em 0; }
.image.centered img { margin: 0 auto; width: auto; }
.image.featured {display: block;width: 100%;}
.box .featured img { border: 1px solid #eee; }
.box2 { border: 1px solid #bbb; padding: 0.5em; }
.box3 { border: 1px solid #bbb; padding: 0.5em; }

/* Button */
input[type="button"], input[type="submit"], input[type="reset"], button, .button { -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; transition: all .25s ease-in-out; display: inline-block; background: #444; text-align: center; text-transform: uppercase; font-weight: 700; letter-spacing: 0.25em; text-decoration: none; border-radius: 0.35em; border: 0; outline: 0; cursor: pointer; }
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover, .button:hover { background-color: #f98780; }
input[type="button"].style1, input[type="submit"].style1, input[type="reset"].style1, button.style1, .button.style1 { background: #e35958 url("/images/39/index/overlay.png"); color: #fff; }
input[type="button"].style1:hover, input[type="submit"].style1:hover, input[type="reset"].style1:hover, button.style1:hover, .button.style1:hover { background-color: #f98780; }
input[type="button"].style1:active, input[type="submit"].style1:active, input[type="reset"].style1:active, button.style1:active, .button.style1:active { background-color: #d96760; }
input[type="button"].style2, input[type="submit"].style2, input[type="reset"].style2, button.style2, .button.style2 { background: none; color: #606167; box-shadow: inset 0px 0px 2px 0px #a0a1a7; }
input[type="button"].style2:hover, input[type="submit"].style2:hover, input[type="reset"].style2:hover, button.style2:hover, .button.style2:hover { box-shadow: inset 0px 0px 2px 0px #606167; }
input[type="button"].style2:active, input[type="submit"].style2:active, input[type="reset"].style2:active, button.style2:active, .button.style2:active { box-shadow: inset 0px 0px 2px 0px #202127; }
input[type="button"].style3, input[type="submit"].style3, input[type="reset"].style3, button.style3, .button.style3 { background: #2f333b url("/images/39/index/overlay.png"); color: #fff; }
input[type="button"].style3:hover, input[type="submit"].style3:hover, input[type="reset"].style3:hover, button.style3:hover, .button.style3:hover { background-color: #3f434b; }
input[type="button"].style3:active, input[type="submit"].style3:active, input[type="reset"].style3:active, button.style3:active, .button.style3:active { background-color: #1f232b; }

/* List */
ul.default { list-style: disc; padding-left: 1em; }
ul.default li { padding-left: 0.5em; }
ul.style2 li { border-top: solid 1px #eee; padding: 1.5em 0 0 0; margin: 1.5em 0 0 0; display: inline-flex; }
ul.style2 li:first-child { border-top: 0; padding-top: 0; margin-top: 0; }
ul.style3 li { border-top: solid 1px #eee; padding: 0.5em 0 0 0; margin: 0.5em 0 0 0; }
ul.style3 li:first-child { border-top: 0; padding-top: 0; margin-top: 0; }
ol.default { list-style: decimal; padding-left: 1.25em; }
ol.default li { padding-left: 0.25em; }

/* Feature List */
.feature-list h3:before { position: relative; display: inline-block; color: #fff; background: #2f333b url("/images/39/index/overlay.png"); border-radius: 1em; text-align: center; }

/* Icons */
.icon { text-decoration: none; }
.icon:before { display: inline-block; font-family: FontAwesome; font-size: 1.25em; text-decoration: none; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon>.label { display: none; }

/* Wrappers */
.wrapper { position: relative; }
.wrapper.style1 { background: #e35958 url("/images/39/index/overlay.png"); color: #eee; color: rgba(255, 255, 255, 0.75); }
.wrapper.style1 .title { background: #e35958 url("/images/39/index/overlay.png"); color: #fff; }
.wrapper.style1 h1, .wrapper.style1 h2, .wrapper.style1 h3, .wrapper.style1 h4, .wrapper.style1 h5, .wrapper.style1 h6, .wrapper.style1 strong, .wrapper.style1 b, .wrapper.style1 a { color: #fff; }
.wrapper.style2 { background: #fff; }
.wrapper.style2 .title { background: #fff; color: #484d55; }
.wrapper.style3 { background: #f3f3f3 url("/images/39/index/overlay.png"); }
.wrapper.style3 .title { background: #f3f3f3 url("/images/39/index/overlay.png"); color: #484d55; }
.wrapper.style3 .image { border: solid 10px #fff; }

/* Containers */
.container { margin-left: auto; margin-right: auto; }
.container.\31 25\25 { width: 100%; max-width: 1200px; min-width: 960px; }
.container.\37 5\25 { width: 720px; }
.container.\35 0\25 { width: 480px; }
.container.\32 5\25 { width: 240px; }
.container { width: 960px; }
@media screen and (min-width: 737px) { 
	.container.\31 25\25 { width: 100%; max-width: 1500px; min-width: 1200px; }
	.container.\37 5\25 { width: 900px; }
	.container.\35 0\25 { width: 600px; }
	.container.\32 5\25 { width: 300px; }
	.container {width: 100%;max-width: 1550px;margin: 0 auto;padding-left: 20px;padding-right: 20px;}
}
@media screen and (min-width: 737px) and (max-width: 1200px) { 
	.container.\31 25\25 { width: 100%; max-width: 1250px; min-width: 1000px; }
	.container.\37 5\25 { width: 750px; }
	.container.\35 0\25 { width: 500px; }
	.container.\32 5\25 { width: 250px; }
	.container { width: 1000px; }
}
@media screen and (max-width: 736px) { 
	.container.\31 25\25 { width: 100%; max-width: 125%; min-width: 100%; }
	.container.\37 5\25 { width: 75%; }
	.container.\35 0\25 { width: 50%; }
	.container.\32 5\25 { width: 25%; }
	.container { width: 100% !important; }
}


/* news slider */
.post-slide { padding: 0 15px; text-align: center; }
.post-slide .post-img { position: relative; margin-bottom: 0.75em; }
.post-slide .post-img>img { width: 100%; height: auto; vertical-align: middle; }
.post-slide .post-dates { position: absolute; bottom: 20px; left: 20px; padding: 6px 8px; background-color: rgba(5, 5, 5, 0.7); font-size: 12px; color: #afb0b4; }
.post-slide .post-dates>.date { display: block; text-align: center; font-size: 30px; font-weight: 700; }
.post-slide .post-dates>.type { display: block; font-size: 1.2em; color: #e35958; font-weight: 700; }
.post-slide .post-title>a { display: block; color: #fff; text-transform: capitalize; font-size: 1.15em; letter-spacing: 0.05em; font-weight: bold; margin-bottom: 0.55em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.post-slide .post-title>a:hover { text-decoration: none; }
.post-slide .post-description { color: rgba(255, 255, 255, 0.75); font-size: 100%; line-height: 1.618em; margin-bottom: 10px; }
.post-slide .readmore { display: inline-block; background: #50565d; font-size: 12px; color: #fff; padding: 10px 13px; border-radius: 3px; text-transform: capitalize; }
.post-slide .readmore:hover { color: #fff; text-decoration: none; }
section .donation { border-top: solid 1px #ccc; text-align: center; }
.donation h3 { padding: 4px 0px 0px 0px; }
.donation p { margin: 0; }
.personnel { width: 32.33%; display: inline-block; line-height: 1.75em; }
.personnel2 { width: 49.6%; display: inline-block; line-height: 1.75em; }
.chilk { color: #e35958; text-decoration: none; }
.post-date { background-color: #e35958; color: #fff; display: inline-block; line-height: 1em; padding: 0.5em; font-size: 0.8em; }

/* 圖片按鈕 */
.w3-display-container { position: relative; }
.w3-button { padding: 0.8em; line-height: normal; cursor: pointer; background: rgba(255, 255, 255, 0.7); color: #4e4e4e; }
.w3-display-left { position: absolute; top: 50%; left: 0%; transform: translate(0%, -50%); -ms-transform: translate(-0%, -50%); }
.w3-display-right { position: absolute; top: 50%; right: 0%; transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); }

/* 分店位址 */
.area { display: flex; flex-wrap: wrap; justify-content: center; }
.area a span { border: 1px solid #ccc; padding: 0.2em 0.3em 0.1em; line-height: normal; }
.area a { text-decoration: none; display: block; cursor: pointer; margin: 0.3em; }
.gtr-150 h3 { display: block; width: 100%; margin-top: 1.5em; font-size: 1.3em; text-align: center; color: #B32425 !important; }
.box h2 a span { font-weight: bold; color: #fff; background-color: #484d55; line-height: normal; padding: 0px 3px; border-radius: 5px; }

.video-responsive { overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; }
.video-responsive iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; }
.text .list_check, .text .list_delete, .text .list_arrows { margin: 0 0 20px 10px }
.list_check li { list-style: none; background: url(images/list_icon_check.png) 0 0 no-repeat; margin: 0 0 10px 0; line-height: 21px; padding: 0 0 0 35px }
.list_delete li { list-style: none; background: url(images/list_icon_delete.png) 0 0 no-repeat; margin: 0 0 10px 0; line-height: 21px; padding: 0 0 0 35px }
.list_arrows li { list-style: none; background: url(images/list_icon_arrow.png) 5px 6px no-repeat; margin: 0 0 10px 0; line-height: 21px; padding: 0 0 22px 27px }

.innerb { font-style: bold; color: #000000; }
.inner { font-style: bold; color: #ff6600; }

/*----------------------------------------------*/
/* 4.2 Quotes large box */
/*----------------------------------------------*/
.quoteBox-big { background: url(images/ico_quote.gif) 0 0 no-repeat; padding-top: 20px }
.quote-title, .quote-author { font-size: 12px; color: #000; line-height: 12px; text-transform: uppercase; font-weight: bold }
.quote-title { margin-bottom: 15px; }
.quote-author { text-align: right; font-size: 11px; margin-top: 15px; }
.quote-text { color: #CC0033; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 19px; font-weight: normal; line-height: 29px; margin: 10px 0; }

/*  Dropcaps  */
.dropcap1, .dropcap2 { color: #444e69; display: block; float: left; font-size: 28px; line-height: 28px; font-style: italic; text-shadow: #fff 1px 1px 1px; font-family: Georgia, "Times New Roman", Times, serif; margin: 0 10px 2px 0 }
.dropcap3 { padding-bottom: 0px; color: #444e69; display: block; float: left; font-size: 28px; line-height: 28px; font-style: italic; text-shadow: #fff 1px 1px 1px; font-family: Georgia, "Times New Roman", Times, serif; margin: 0 10px 2px 0 }
/*----------------------------------------------*/
/* 4.5 FAQ List  */
/*----------------------------------------------*/
.faq_list { margin: 30px 0 10px 0 }
.faq_question { margin: 15px 0 50px 0; line-height: 170%; font-size: 20px; color: #72021A; }
.faq_answer { line-height: 170%; font-size: 15px; margin: 15px 0 50px 0; color: #595959 }
.divider_thin2 { margin-bottom: 7px; padding-top: 7px; }