@charset "utf-8";
/* CSS Document */

*{
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
}

html,body {
  font:400 1rem/22px "Montserrat","Microsoft JhengHei", sans-serif;
  -webkit-text-size-adjust:none;
}

span{
  font-family: "Montserrat","Microsoft JhengHei", sans-serif;
}

.no-margin{
  margin: 0 !important;
}

.no-margin-top{
  margin-top: 0 !important;
}

.no-margin-bottom{
  margin-bottom: 0 !important;
}

.no-margin-left{
  padding-left: 0 !important;
}

.no-margin-right{
  padding-right: 0 !important;
}

.no-padding {
    padding: 0 !important;
  }

.no-padding-top{
  padding-top: 0 !important;
}

.no-padding-bottom{
  padding-bottom: 0 !important;
}


.no-padding-left{
  padding-left: 0 !important;
}

.no-padding-right{
  padding-right: 0 !important;
}

.no-float{
  float: none !important;
}

.float-left{
  float: left !important;
}

.float-right{
  float: right !important;
}

.display-block{
  display: block;
}

/*================ header ====================*/
.rd-navbar--is-stuck.rd-navbar .rd-navbar-brand {
    margin-top: 0;
}

.rd-navbar-static .search_toggle02{
	top: 75%;
}


.rd-navbar-brand.isStuck_top {
    margin-top: 5px;
}


.rd-navbar-search .rd-navbar-search-form .rd-navbar-search-form-input input {
    height: 2.3rem;
}

.rd-navbar-search .rd-navbar-search-form button.rd-navbar-search-form-submit{
	margin-top: -0.15rem;
}

/*手機版按鈕*/
.fa-user.rd-navbar-collapse-toggle span, .fa-user.rd-navbar-collapse-toggle span:before, .fa-users.rd-navbar-collapse-toggle span:after{
  background: none;
}

.fa-group:before, .fa-user:before, .fa-sign-out:before{
    color: #dcc88b;
    position: relative;
    top: -50px;
}


/*== header_Swiper 大圖==*/

.swiper-container02{
	height: 685.08px;
}

.swiper-container .jumbotron h1,.swiper-container .jumbotron small,.swiper-container .jumbotron p{
	visibility: visible;
	animation-duration: 2s;
	animation-name: fadeIn;
	color: #000;
}
.swiper-container .jumbotron h1{
	line-height: 2.5rem;
}

.swiper-container .jumbotron small{
	line-height: 1.5rem;
	margin: 2rem 0;
}

.swiper-wrapper{
	transition-duration: 0ms;
}

.swiper-wrapper .swiper-slide.swiper-slide-prev{
	background-size: cover;
	opacity: 1;
	transform: translate3d(0px, 0px, 0px);
	transition-duration: 0ms;
  background-position: center center;
}

.swiper-slide.slide-center{
	background-size: cover;
	width: 1903px;
	opacity: 1;
	transform: translate3d(-1903px, 0px, 0px);
	transition-duration: 0ms;
  background-position: center bottom;
}

.swiper-slide-caption.jumbotron{
  background-color: rgba(255, 255, 255, 0.6);
}

.swiper-slide-caption.text-left.jumbotron{
	margin-bottom: 10rem;
	/*margin-left: 7.5rem;*/
}

.swiper-slide-caption .box_next.bg_box22{
	display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 0 2rem 18rem;
    padding: 0.5rem;
    border: 1px solid #378339;
    background-color: #fff;
    border-radius: 5px;
}

.swiper-center .swiper-slide-caption .box_next.bg_box22{
	margin: 0 0 2rem 57rem;
}

.swiper-slide-caption .box_next.bg_box22 .text-darker{
	color: #378339;
    font: 700 0.8rem/24px "Montserrat","Microsoft JhengHei";
}


/*================ main ====================*/

/*數字*/

.icon-donate{
	background: url(../images/icon/fa-icon-donate.png) no-repeat top center;
	height: 5rem;
	display: block;
}

.icon-coffin{
	background: url(../images/icon/fa-icon-coffin.png) no-repeat top center;
	height: 5rem;
	display: block;
}

.count-section .counter.green_t,.count-section .counter.red_t{
	font:700 5.5rem/6rem "Montserrat","Microsoft JhengHei";
  letter-spacing: 0.3rem;
	display: block;
  margin: 10% 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.count-section .counter.green_t{
	color: #378339;
}

.count-section .counter.red_t,.masonry_tt p.red_t,.box_infoTT.infoTT_left p.red_t,.column p.red_t{
	color: #e9614d;
}

.nt_box{
	font:700 2rem/2em "Montserrat","Microsoft JhengHei";
	clear: both;
	margin-right: 5rem;
}

.hr_right hr{
	float: right;
    width: 10rem;
    display: block;
    margin-right: 5rem;
}

.text-black{
	color: #000;
	font:700 2rem/24px "Montserrat","Microsoft JhengHei";
}

/*數字_off*/

/*=========8格============*/

/*邊上角*/
.img-thumbnail .box_yellow {
    background: #dcc88b;
}

.img-thumbnail .box_green{
	background: #378339;
}

.img-thumbnail.box-custom .box-body:hover,.img-thumbnail.box-custom .box-body_left:hover {
	opacity: 0.9;
	background: rgba(220, 200, 139, 0);
}

.box-custom .box-body:after,.box-custom .box-body_left:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    background: inherit;
    pointer-events: none;
    -webkit-filter: blur(0);
    z-index: 555;
}


/*邊上角*/

.caption a.btn.btn-primary {
    margin-top: 20rem;
    font: 700 0.8rem/24px "Montserrat","Microsoft JhengHei";
    border: 0;
    border-radius: 5px;
    min-width:7rem;
    letter-spacing:0.05rem;
    padding: 0.5rem;
    color: #fff;
}

.caption button.btn.btn-primary {
    margin-top: 20rem;
    font: 700 0.8rem/24px "Montserrat","Microsoft JhengHei";
    border: 0;
    border-radius: 5px;
    min-width:7rem;
    letter-spacing:0.05rem;
    padding: 0.5rem;
    color: #fff;
}

.caption a.btn.btn-primary.box_green:hover{
	color: #dcc88b;
}

.caption button.btn.btn-primary.box_green:hover{
  color: #dcc88b;
}

img {
    width: 100%;
    display: block;
}

.box-custom .hover-img img:hover{
	opacity: 0.5;
}

.img-thumbnail .caption22{
	position: absolute;
    color: #fff;
    left: 0.9375rem;
    right: 0.9375rem;
    top: 12rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: 0.3s;
    z-index: 1;
}

.box-custom .divider {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 62px;
    height: 3px;
    background: #dcc88b;
    margin-top: 10px;
}

.box-custom .caption22 .divider-congress-blue {
    background: #378339;
}

.img-thumbnail .caption22 h1{
	font: 700 32px/36px "Montserrat","Microsoft JhengHei";
  letter-spacing: 0.4rem;
}

.caption22_yellow h1{
  color: #dcc88b;
}

.caption22_green h1{
  color: #378339;
}

.box-custom * + p {
    margin-top: 26px;
    letter-spacing: 2px;
    font: 500 18px/32px "Montserrat","Microsoft JhengHei";
    display: block;
    padding: 0 5rem;
    text-indent: 36px;
}


/*=========8格_off============*/


/*關於達成*/

.box-hover-1 .icon{
	margin-top: 2rem;
}
/*icon_01*/
.icon_founder{
	background: url(../images/icon/icon_founder.jpg) no-repeat center;
	width: 92px;
	height: 92px;
}

.box-hover-1:hover .icon_founder_2{
	background: url(../images/icon/icon_founder_bg.jpg) no-repeat center;
}

/*icon_02*/
.icon_mission{
	background: url(../images/icon/icon_mission.jpg) no-repeat center;
	width: 92px;
	height: 92px;
}

.box-hover-1:hover .icon_mission_2{
	background: url(../images/icon/icon_mission_bg.jpg) no-repeat center;
}

/*icon_03*/
.icon_organization{
	background: url(../images/icon/icon_organization.jpg) no-repeat center;
	width: 92px;
	height: 92px;
}

.box-hover-1:hover .icon_organization_2{
	background: url(../images/icon/icon_organization_bg.jpg) no-repeat center;
}

/*icon_04*/
.icon_founded{
	background: url(../images/icon/icon_founded.jpg) no-repeat center;
	width: 92px;
	height: 92px;
}

.box-hover-1:hover .icon_founded_2{
	background: url(../images/icon/icon_founded_bg.jpg) no-repeat center;
}

/*icon_05*/
.icon_stronghold{
	background: url(../images/icon/icon_stronghold.jpg) no-repeat center;
	width: 92px;
	height: 92px;
}

.box-hover-1:hover .icon_stronghold_2{
	background: url(../images/icon/icon_stronghold_bg.jpg) no-repeat center;
}

/*icon_06*/
.icon-edm{
	background: url(../images/icon/icon-edm.jpg) no-repeat center;
	width: 92px;
	height: 92px;
}



.box-hover-1:hover .icon-edm_2{
	background: url(../images/icon/icon-edm_bg.jpg) no-repeat center;
}


.border02 {
    border-bottom: 0.1rem solid rgba(220, 200, 139, 0.45);
}

.border02.no_border {
    border-bottom: none;
}

.box-hover-1.border03 {
    border-left: 0.1rem solid rgba(220, 200, 139, 0.45);
}

.box-hover-1.no_border {
    border-left: none;
}

h3.offset-2 {
    margin-bottom: 2rem;
}

/*
.box-hover-1 .icon {
  -moz-transition: 0.5s;
  -webkit-transition: none;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
*/
/*立即捐款*/
.bg-image-33 {
    background: no-repeat top center;
	background-size: cover;
}

.well-olg{
	padding-top: 1rem;
    padding-bottom: 20rem;
}

section .variant-330{
	position: relative;
	margin: -1rem 0 -10rem 21rem;
	padding-bottom: 5rem;
}

.jumbotron.jumbotron-variant-33 {
  padding: 0;
  top: auto;
  -webkit-transform: translate(0);
  transform: translate(0);
  margin-bottom: 10rem;
}

.jumbotron.jumbotron-variant-33 h1{
	margin-top: 10rem;
	text-align: left;
}

.jumbotron.jumbotron-variant-33 h1:before {
  display: none;
}

.jumbotron.jumbotron-variant-33 * + hr {
  margin-top: 0.3125rem;
  float: left;
}

.jumbotron.jumbotron-variant-33 small{
	text-align: left;
	font-size: 1.3125rem;
    display: block;
    text-transform: uppercase;
    margin-top: 3rem;
    letter-spacing:0.5rem;
    line-height: 2rem;
}

section .container .box_next.bg_box{
	display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 0 0 4rem;
    padding: 0.5rem;
    background-color: #dcc88b;
    border-radius: 5px;
}

section .container .box_next.bg_box .text-darker{
	color: #fff;
    font: 700 0.8rem/24px "Montserrat","Microsoft JhengHei";
}


/*活動訊息*/
section.bg-dark-blue-3{
	background: no-repeat top center;
	background-size: cover;
	background-attachment: fixed;
}

.bg-dark-blue_ff{
	background-color: rgba(255,255,255,0.6);
}

article.thumbnail .carousel_bg{
	background: url(../images/main/main_bg.png) no-repeat top right;
	background-size: cover;
	height: 290px;
	width: 100%;
	position: relative;
}

.text-dark span{
	font:700 1.5rem/24px "Montserrat","Microsoft JhengHei";
	margin-top: 10%;
    display: block;
}

.caption p.text-darker{
	color: #378339;
	font:400 1rem/1.5rem "Montserrat","Microsoft JhengHei";
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.caption p.text-darker2{
  margin: 0 2rem;
}

article.thumbnail .caption .box_next{
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
    margin: 5% 10%;
    padding: 0.5rem;
    border: 1px solid #378339;
    background-color: #fff;
    border-radius: 5px;
}

article.thumbnail .caption .box_next .text-darker{
	color: #378339;
    font: 700 0.8rem/24px "Montserrat","Microsoft JhengHei";
}


/*================ footer ====================*/

h6.logo_text{
	font:400 1rem/24px "Montserrat","Microsoft JhengHei";
	margin-bottom: 10px;
}

.lh-21 p {
	font:400 0.8rem/22px "Montserrat","Microsoft JhengHei";
	margin-bottom: 5px;
	letter-spacing: 0.1em;
}

.row.flow-offset-sm-1 .justify .contact-info.lh-21 {
    margin-top: 1.3em;
}

.menu_col .menu_col_xs6{
	margin: 7% 0 0;
    padding: 2% 0;
}

section .icon_img .socials {
    margin-top: 95%;
}

section .icon_img .fa-envelope{
  font-size: 1.5em;
}

section .icon_img .fa-map-marker{
	font-size: 2em;
}

section .icon_img .fa-envelope {
    margin-right: 20%;
}


/*================ news ====================*/

.rd-navbar-static .rd-navbar-nav > li.rd-navbar--has-dropdown > .navbar-dropdown_1 {
    width: 9rem;
}

.select{
  margin-bottom: 2rem;
  padding: 0 0 0 0.1rem;
}

select:not(:-internal-list-box) {
    overflow: visible !important;
}

select, select[size="0"], select[size="1"] {
    border-radius: 0px;
    border-color: rgb(169, 169, 169);
}

select {
    -webkit-appearance: menulist;
    box-sizing: border-box;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    color: black;
    background-color: white;
    cursor: default;
    border-width: 1px;
    border-style: solid;
    border-color: initial;
    border-image: initial;
}

select {
    border-radius: 5px;
}

input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em;
    font: 13.3333px Arial;
}

input, textarea, select, button, meter, progress {
    -webkit-writing-mode: horizontal-tb;
}

time select.select option {
  font: 400 1rem/26px "Montserrat","Microsoft JhengHei";
}

.select_tt{
  font: 400 1rem/26px "Montserrat","Microsoft JhengHei";
  border: 1px inset rgba(55, 131, 57, 0.2);
  padding: 0.3rem;
  border-radius: 10%;
}

.caption2 {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding: 1rem 0;
}

.blog-post.blog-post-variant-2 .caption2 .meta {
    margin-top: 0.3125rem;
    margin-bottom: 0.9375rem;
    color: rgba(0, 0, 0, 0.3);
}

.caption2 p.text-darker {
    color: #378339;
    font: 400 0.8rem/24px "Montserrat","Microsoft JhengHei";
}

.caption2 p a{
  color: #378339;
  text-align: right;
  display: block;
}

.caption2 p a:hover{
  color: #dcc88b;
}

.inset .tt-center p{
  text-align: justify;
}

/*footer下排數字區*/

.bg-dark-blue-4 {
    background-color: #f5f5f5;
    border-bottom: 0.1rem solid rgba(172, 195, 172, 0.52);
    border-top: 0.1rem solid rgba(172, 195, 172, 0.52);
}

footer .well{
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.icon-donate_2,.icon-coffin_2{
  background-size: 10%;
  height: 3rem;
}

.count-section .counter.fff_t_green,.count-section .counter.fff_t_red{
    font: 700 3rem/3rem "Montserrat","Microsoft JhengHei";
    letter-spacing: 0.2rem;
    display: block;
    margin: 5% 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.count-section .counter.fff_t_green{
  color: #378339;
}

.count-section .counter.fff_t_red{
  color: #e9614d;
}

.nt_box2{
  color: #000;
  font: 700 1.5rem/2em "Montserrat","Microsoft JhengHei";
  clear: both;
  margin-right: 5rem;
}

.text-black2{
    color: #000;
    font: 700 1.5rem/20px "Montserrat","Microsoft JhengHei";
    margin-top: 0.5rem;
}

.inset.border-bottom.text-center {
   margin: 0 1rem;
  text-indent : 36px;
}

/*================ about ====================*/

.masonry.row-no-gutter3 img.sbout_img{
  margin-bottom: 2rem;
}

.masonry_tt{
  margin-top: 1rem;
}

.masonry_tt p{
  line-height: 2rem;
  margin: 0 20%;
  text-align: justify;
}

strong {
  background-color: #ffd04a;
}


.inrerview #article > ul:first-of-type {
    margin-top: 0;
}

.inrerview #article > ul {
    margin-top: 50px;
    zoom: 1;
}

.inrerview #article .float-right {
    float: right;
}

li.txt-box.float-left.txt-bottom {
    margin-bottom: 3%;
}

.inrerview #article .pht-box {
    width: 73.728813559322034%;
}

.inrerview #article .txt-bottom {
    margin-top: -20%;
    text-align: justify;
}
.inrerview #article .txt-bottom p {
    text-indent : 36px;
    line-height: 2rem;
}

.inrerview #article .float-left {
    float: left;
}

.inrerview #article .txt-box {
    width: 54.406779661016949%;
    background: rgba(255, 255, 255, 0.8);
    padding: 50px;
    letter-spacing: 0.06em;
}

.inrerview #article > ul:first-of-type {
    margin-top: 0;
}

/*================ contact ====================*/
main.contact_main {
    margin: 5rem 0;
}

.text-center.text-md-left iframe {
	    width: 100%;
	    height: 550px;
	}

.border-bottom p {
    margin: 0 0 1rem;
}

/*================ NewsLetter ====================*/

.main.clearfix .bb-custom-wrapper {
    margin: 10% auto;
}

/*================ organization 基金會組織架構====================*/

.masonry.row-no-gutter4 img{
  width: 400px;
  max-width: 200px;
  min-width: 50%;
  display: initial;
}

/*================ service 服務據點 ====================*/

.area-google-map{
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}

.add_tt{
  margin-top: 40px;
}

.add_tt p {
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 1px;
    color: #378339;
}

a.view_detail {
    height: 35px;
    display: inline-block;
    background: #378339;
    color: #fff;
    position: relative;
    margin-top: 30px;
    text-align: center;
    padding: 7px 34px 7px 16px;
    border: 2px solid #dcc88b;
    line-height: 1.2;
    transition: .3s;
    min-width: 130px;
}

.view_all:hover, .view_detail:hover {
    background: #dcc88b;
    transition: .3s;
    border-color: #dcc88b;
    opacity: 1 !important;
    color: #fff;
}

a.view_detail:after {
    content: "";
    background-image: url(../images/icon/view_arrow.png);
    background-position: center;
    background-size: 100%;
    position: absolute;
    right: -2px;
    top: -2px;
    height: 35px;
    width: 20px;
    background-color: #dcc88b;
}


#access02 {
    position: relative;
    padding-bottom: 100px;
    overflow: hidden;
}

ul.access_nav {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    margin: 60px auto;
    text-align: center;
}

.access_nav li {
    display: inline-block;
    margin-right: 60px;
}

.access_nav li:last-child {
    margin-right: 0px;
}

div#train {
    margin-bottom: 60px;
}

.access_inner h2 {
    color: #a9894a;
    margin-bottom: 30px;
    text-align: center;
}

#train h2:before {
    content: "";
    display: inline-block;
    background-image: url(../images/icon/train_icon.svg);
    width: 35px;
    height: 34px;
    background-size: contain;
    margin-right: 10px;
    vertical-align: bottom;
}

#service h3:before, #access h3:before, .access_inner h2:before {
    background-repeat: no-repeat;
}

dl.train_access {
    text-align: left;
}

.train_access dt {
    display: inline-block;
    text-align: left;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
    width: 635px;
}

.train_access dt:before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    background: #a9894a;
    vertical-align: middle;
    margin-right: 10px;
}

.train_access dd {
    display: inline-block;
    float: right;
    width: 60px;
    text-align: right;
}

.pc .pc_hide {
    display: none;
}

.access_inner hr {
    border-bottom: 1px dotted #ccc;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*================ 棺木救濟charitable ====================*/

.masonry.row-no-gutter3 img{
  width: 153px;
  max-width: 150px;
  min-width: 75%;
  display: initial;
}

.container .masonry .tt-center h2{
  margin: 1rem 20% 0;
}

.container .masonry .tt-center p{
  text-align: justify;
  text-indent : 36px
}

.masonry_tt p.red_t span, .box_information .box_infoTT span.span_tt,.column span.span_tt{
  font-size: 14px;

}

 .box_information .box_infoTT span.span_tt {
  color: #378339;
 }

/*================ quickview_book ====================*/

.quickview-wrapper {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 10000;
  text-align: center;
}

.quickview-wrapper .quick-modal {
    max-width: 1140px;
    width: 100%;
    margin: 10px auto;
    background: #fff;
    position: relative;
}

.quickview-wrapper .product-details-content .product-name h1 {
  font: 400 36px/40px "cwTeXYen";
  margin-bottom: 0px;
}

.quickview-wrapper .product-details-content .rating i {
  font-size: 14px;
}

.quickview-wrapper .product-details-content .box-detalis-v2 .options {
  padding: 0px;
}

.quickview-wrapper .product-details-content .box-detalis-v2 .wrap-price {
  padding-top: 20px;
  border-top: 1px solid #ebebeb;
}

.quickview-wrapper .product-details-content .box-detalis-v2 p.price {
  color: #ff99cc;
  display: inline-block;
  vertical-align: bottom;
  font: 400 36px/36px "Roboto Condensed","cwTeXYen";
  margin: 0px;
}

.quickview-wrapper .product-details-content .box-detalis-v2 p.price-old {
  display: inline-block;
  text-transform: line-through;
  color: #afd8eb;
  vertical-align: bottom;
  font: 400 30px/36px "Roboto Condensed","cwTeXYen";
  margin: 0px;
  margin-right: 20px;
}

.quickview-wrapper .product .action {
  transform: translate(0px, 0px);
  opacity: 1;
  border-radius: 0px;
  box-shadow: none;
}

.quickview-wrapper #quickview-content .product {
  float: left;
  width: 100%;
}

.quickview-wrapper #quickview-content .product .product-images {
  float: left;
  width: 40%;
  padding-right: 15px;
}

.quickview-wrapper #quickview-content .product .product-images img {
  width: 100%;
}

.quickview-wrapper #quickview-content .product .product-info {
  float: left;
  width: 60%;
  padding-left: 30px;
}

.quickview-wrapper .closeqv ,.modal-content .closeqv {
  background: #fff;
  border: 2px solid #378339;
  height: 40px;
  width: 40px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

.quickview-wrapper .closeqv i,.modal-content .closeqv i {
  color: #378339;
  line-height: 36px;

}

.modal-content .closeqv i:hover {

}

.quickview-wrapper #quickview-content {
  overflow: hidden;
}

.quickview-wrapper .quick-desc {
  font: 400 14px/25px "TXGR";
  color: #ff99cc;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ebebeb;
}

.quickview-wrapper .single_variation_wrap {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ebebeb;
}

.quickview-wrapper .social-sharing .widget-title {
  font-size: 12px;
  display: inline-block;
  margin-bottom: 0px;
  padding-bottom: 10px;
  margin-right: 10px;
}

.quickview-wrapper .social-sharing .social-icons {
  display: inline-block;
}

.quickview-wrapper .social-sharing .social-icons li {
  display: inline-block;
  margin: 0px 8px;
}

.quickview-wrapper .social-sharing .social-icons li i {
  font-size: 16px;
}

.quickview-wrapper .quick-thumbnails ul {
  display: inline-block;
  width: 100%;
  margin-top: 10px;
}

.quickview-wrapper .quick-thumbnails ul li {
  float: left;
  width: 25%;
}

.quickview-wrapper .quick-thumbnails ul li:nth-child(4n+1) {
  padding-right: 6px;
}

.quickview-wrapper .quick-thumbnails ul li:nth-child(4n+2) {
  padding-left: 2px;
  padding-right: 4px;
}

.quickview-wrapper .quick-thumbnails ul li:nth-child(4n+3) {
  padding-left: 4px;
  padding-right: 2px;
}

.quickview-wrapper .quick-thumbnails ul li:nth-child(4n) {
  padding-left: 6px;
}

.quickview-wrapper .product-details-content .options .add-cart {
  margin: 0px 10px;
}

.quickview-wrapper .product-details-content .options p {
  font: 400 18px/25px "Roboto Condensed","cwTeXYen";
  color: #000;
  margin-top: 20px;
}

.quickview-wrapper .product-details-content .options .infomation p {
  color: #ff99cc;
  margin-bottom: 0px;
  font: 400 16px/25px "Roboto Condensed","cwTeXYen";
  margin-bottom: 10px;
}

.quickview-wrapper .product-details-content .options .infomation p span {
  color: #d40570;
}

.quickview-wrapper .product-details-content .options form {
  display: inline-block;
}

.quickview-wrapper .product-details-content .options input {
  width: 41px;
  height: 58px;
  border: none;
  border-right: 1px solid #ff99cc;
}

.quickview-wrapper .product-details-content .options .quantity {
  height: 60px;
  vertical-align: top;
  border: 1px solid #ff99cc;
}

.quickview-wrapper .product-details-content .options .quantity .plus i {
  background: url(../images/icon/icon-quanty-v2.png) no-repeat center 8px;
  border-color: #ff99cc;
}

.quickview-wrapper .product-details-content .options .quantity .minus i {
  background: url(../images/icon/icon-quanty-v2.png) no-repeat center bottom 12px;
}

.quickview-wrapper .product-details-content .options .action a, .quickview-wrapper .product-details-content .options .action form {
  vertical-align: top;
}

.quickview-wrapper #quickview-content .product .product-info2 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.quickview-wrapper .quickview_tt{
  float: left;
  margin-left: 20px;
}

.quickview-wrapper .quickview_tt p{
  text-align: justify;
}

.quickview-wrapper .quickview_tt span{
  font: 500 18px/20px "cwTeXYen";
}

.quickview-wrapper .infomation span{
  font: 500 20px/20px "cwTeXYen";
  margin-right: 10px;
}

.quickview-wrapper .quickview_tt .infomation p{
  font: 300 20px/40px "cwTeXYen";
  margin-left: 50px;
  margin-top: 20px;
  text-indent: -38px;
}


.quickview-wrapper .main .bb-custom-wrapper .bb-bookblock{
  width: 600px;
  height: 430px;
  -webkit-backface-visibility:hidden; /* Chrome 和 Safari */
  -moz-backface-visibility:hidden;  /* Firefox */
  -ms-backface-visibility:hidden;   /* Internet Explorer */
}

/*================ activities 活動專區 ====================*/


.thumbnail-shop-catalog2 .caption {
    padding: 1.625rem 0.3125rem 2rem 0.3125rem;
}

.thumbnail-shop-catalog2 .caption a.btn.btn-primary{
    margin-top: 0.9375rem;
    color: #378339;
    background-color: #fff;
    padding: 0.625rem 0.625rem;
    font-size: 0.8rem;
    line-height: 1;
    border-width: 0.125rem;
    min-width: 8.5rem;
    border: 0.05rem solid #378339;
    border-radius: 5px;
    text-transform: uppercase;
    display: inline-block;
    transition: .2s all ease;
    letter-spacing: 0.1rem;
}

.thumbnail-shop-catalog2 .caption button.btn.btn-primary{
    margin-top: 0.9375rem;
    color: #378339;
    background-color: #fff;
    padding: 0.625rem 0.625rem;
    font-size: 0.8rem;
    line-height: 1;
    border-width: 0.125rem;
    min-width: 8.5rem;
    border: 0.05rem solid #378339;
    border-radius: 5px;
    text-transform: uppercase;
    display: inline-block;
    transition: .2s all ease;
    letter-spacing: 0.1rem;
}

/*================ activitiesmessage_sidebar 活動內文專區 ====================*/

section .well-sm-bottom hr {
    width: 90%;
}

.caption .text-darker4{
   margin: 2rem;
}

.caption .text-darker4 img{
  width: 90%;
  height: auto;
  margin-left: 5%;
}


/*================ activities_sidebar 活動花絮內文專區 ====================*/

.col-sm-12.text-center section.well.text-center {
    padding-top: 0.5rem;
}

.caption .text-darker3{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*================ 捐款方式 information ====================*/

.container-wide table tbody td.box_information{
  float: left;
  margin-left: 2rem;
}

.container-wide table tbody td..img_left{
  margin-right: 1rem;
}

section.information_tt{
  margin: 3rem 15% 2rem;
}

.radio.container-wide.text-sm-left a{
  display: inline-block;
  padding: 19px;
}

.radio.container-wide.text-sm-left img {
    width: 200px;
    max-width: 250px;
    /*min-width: 100%;*/
    border-radius: 20px;
}

label input[type="checkbox" i] {
    margin: 3px 3px 3px 4px;
}

input[type="checkbox" i] {
    -webkit-appearance: checkbox;
    box-sizing: border-box;
}

tbody input.other_radio {
    border-bottom: 0.1rem solid rgba(220, 200, 139, 0.65);
    margin: 0.5rem 0 1rem;
    color: #378339;
    font-family: "Microsoft JhengHei","Montserrat";
    font-size: 12px;
}

.checkbox input[type="checkbox"] {
    position: relative;
}

.checkbox input[type="checkbox"]:checked + .checkbox-field {
    border-color: #dcc88b;
    border-top-style: none;
    border-right-style: none;
    height: 10px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.checkbox input[type="checkbox"]:before{
    border: 2px solid transparent;
    content: "";
    cursor: pointer;
    display: block;
    height: 17px;
    position: absolute;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    width: 17px;
    z-index: 1;
}

.checkbox input[type="checkbox"]:after{
    background: #FFFFFF;
    content: "";
    display: block;
    height: 17px;
    position: absolute;
    border: 2px solid rgba(220, 200, 139, 0.5);
    top: 0;
    width: 17px;
    z-index: 0;
}

.box_infoTT{
  display: inherit;
}

.infoTT_left{
  margin: 1rem 2rem 0 2rem;
}

.infoTT_right{
  margin-left: 15rem;
  margin-right: -2rem;
}

.infoTT-align div,.infoTT-align .h3{
  margin-bottom: 2.5rem;
}

.btn-primary.btn_left{
  margin-left: 7rem;
  margin-right: 2rem;
}


input.other_radio.h2,span.red {
    font: 500 16px/22px "Microsoft JhengHei","Montserrat";
    color: #e9614d;
    width: 6rem;
}

.box_infoTT.infoTT_left p{
  margin-left : 50px;
}

main .information_tt a.btn-primary {
    margin-bottom: 1rem;
}

main .information_tt button.btn-primary {
    margin-bottom: 1rem;
}

main.page-content.undefined_tt {
    margin-top: 3.5rem;
}

main.page-content.undefined {
    margin-bottom: 2rem;
}

.total_tt{
  text-align: right;
  margin: 1rem 0.5rem 0 0;
}

.total_tt .h2{
  font:400 20px/24px "Microsoft JhengHei","Montserrat";
}

.total_tt .red{
  font:700 26px/30px "Microsoft JhengHei","Montserrat";
  margin-right: 1rem;
}

.other_radio22 .other_radio22_2 {
    display: initial;
}

.span_ht{
  font:400 16px/22px "Microsoft JhengHei","Montserrat";
}

.span_ht,.column span.span_tt{
  display: block;
  margin: 0 0 0 0.5rem;
}

.form-total43{
  float: none;
  margin: 0 auto;
}

.form-total33{
  float: none !important;
  margin: 1rem auto !important;
}

/*================ 捐款徵信donations ====================*/

.well2{
  margin-top: 2rem;
}

div#tab0 {
    padding-top: 0;
}

.text-darker2 {
    color: #378339;
    padding: 0.5rem;
    /*border: 1px solid #378339;*/
    background-color: #fff;
    border-radius: 5px;
}

.nav-tabs li.presentation_r0 {
    margin-right: 0;
}



/*================ 志工volunteer ====================*/

.row2.row-no-gutter.masonry{
  margin: 3rem 20% 2rem;
}

form .form-group,form .form_radio{
  color: #378339;
}

form .form_radio{
  display:block;
  width: 100%;
  height: 2rem;
  text-align: left;
  margin-bottom: 15px;
  height: auto;
}

form .form_radio2{
    font-family: "Microsoft JhengHei","Montserrat", sans-serif;
    text-transform: uppercase;
    padding: 0.125rem 2rem 0 0.625rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #999;
    width: max-content;
}

form .radio-indent{
    text-indent: -108px;
    margin-left: 108px;
}

form input.other_radio {
    border-bottom: 0.05rem solid rgba(220, 200, 139, 0.65);
    margin: 0.5rem 0 1rem;
    color: #378339;
    font-family: "Microsoft JhengHei","Montserrat";
    font-size: 12px;
}

/*form .form_myForm{
  margin-top: 2.5rem;
}*/

input[type="date"] {
    color: #378339;
    border-bottom: 0.05rem solid rgba(220, 200, 139, 0.65);
    letter-spacing: 1.5px;
    background-color: rgba(220, 200, 139, 0.1);
}

.row2.row-no-gutter.masonry h2 {
    text-align: left;
    margin: 1rem 0;
}

.row2.row-no-gutter.masonry span.span_tt{
  text-align: justify;
  font:400 12px/14px "Montserrat","Microsoft JhengHei";
  margin-left: 1rem;
}

.red{
  color: #e9614d;
  font-family: "Montserrat","Microsoft JhengHei";
}

form .form_radio3,.form_radio3,.form_radio4{
    font-family: "Microsoft JhengHei","Montserrat", sans-serif;
    text-transform: uppercase;
    padding: 0.125rem 2rem 0 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #999;
}

form .radio-indent32{
  margin-bottom: 3rem;
  text-indent: -100px;
  margin-left: 108px;
}


.radio .radio-field.radio-field2 {
    border-radius: 15%;
}

form .radio-indent2{
    text-indent: -202px;
    margin-left: 211px;
}

.radio.form_radio.radio-indent2 {
    margin-bottom: 2.5rem;
    display: inline-block;
    -moz-margin-top: 2rem;
}

select.select33 {
    margin-left: 1rem;
}

.select33 option {
    color: #378339;
    background-color: rgba(220, 200, 139, 0.2);
}

.form_radio label span.h4 {
    line-height: 1.7rem;
}

form {
   width: 100%;
}

.form-topmarg{
  display: block;
  position: relative;
  top: 30px;
}

/*=== Step Bar ===*/
.stepBar {
  position: relative;
  list-style: none;
  margin: 0 0 1em;
  padding: 0;
  text-align: center;
  width: 100%;
  overflow: hidden;
  *zoom: 1;
}
.stepBar .step {
  position: relative;
  float: left;
  display: inline-block;
  line-height: 30px;
  padding: 10px 15px 0 0px;
  height: 80px;
  background-color: #eee;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space:nowrap;
}
.stepBar .step:before, .stepBar .step:after {
  position: absolute;
  left: -15px;
  display: block;
  content: '';
  background-color: #eee;
  border-left: 4px solid #FFF;
  width: 40px;
  height: 40px;
}
.stepBar .step:after {
  top: 0;
  -moz-transform: skew(30deg);
  -ms-transform: skew(30deg);
  -webkit-transform: skew(30deg);
  transform: skew(30deg);
}
.stepBar .step:before {
  bottom: 0;
  -moz-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  -webkit-transform: skew(-30deg);
  transform: skew(-30deg);
}
.stepBar .step:first-child {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.stepBar .step:first-child:before, .stepBar .step:first-child:after {
  content: none;
}
.stepBar .step:last-child {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.stepBar .step.current {
  color: #FFF;
  background-color: #378339;
}
.stepBar .step.current:before, .stepBar .step.current:after {
  background-color: #378339;
}
.stepBar.step2 .step {
  width: 50%;
}
.stepBar.step3 .step {
  width: 33.333%;
}
.stepBar.step4 .step {
  width: 25%;
}
.stepBar.step5 .step {
  width: 20%;
}
@media (max-width: 767px){
  .stepBar .step {
    height: 40px;
    line-height: 18px;
    padding: 2px 5px 2px 5px;
    font-size: 14px;
  }
  .stepBar .step:before, .stepBar .step:after {
    width: 20px;
    height: 20px;
  }
}

/*=== //Step Bar ===*/


/*=== Responsive Table Design ===*/

label.h3 {
    font-weight: normal;
}

.Normal{
  padding: 0 0.3rem;
}

.select-style {
    margin-right: 1rem;
}

.responstable {
  margin:0 auto;
  width: 100%;
  overflow: hidden;
  text-align: left;
}

.responstable th {
  display: none;
  padding:5px 10px;
  color: #FFF;
}
.responstable th:first-child {
  display: table-cell;
  text-align: center;
}
.responstable th:nth-child(2) {
  display: table-cell;
}
.responstable th:nth-child(2) span {
  display: none;
}
.responstable th:nth-child(2):after {
  content: attr(data-th);
}
@media (min-width: 480px) {
  .responstable th:nth-child(2) span {
    display: block;
  }
  .responstable th:nth-child(2):after {
    display: none;
  }
}
.responstable td {
  word-wrap: break-word;
  padding: 5px;
}
.responstable td:first-child {
  display: table-cell;
}

.responstable th, .responstable td {
  margin: .5em 1em;
}
/*@media (min-width: 480px) {
  .responstable th, .responstable td {
    display: block;
  }
}
*/
@media (max-width: 2000px) {
  .Normal.form_radio3,.form_radio3{
    width: 100px;
    display: block
  }
  .form_radio4 {
    width: 138px;
    display: block;
  }
}

#drpPlanChoice{
  width:100%;
  border: 0px;
  font-size: 15px;
  font-family: Verdana;
  color: #024457;
}
#btnRefresh{
 font-size: 15px;
 font-weight: bolder;
 padding:10px 15px;
 background-color: #00661A;
 border:0;
 border-radius: 5px;
 color: #fff;
}


/*驗證*/
.tokey{
  display: inline-block;
}

.top55{
  margin: 1rem 0 0;
}

/*================ 登入login ====================*/


a.text-darker.text-underline.register_t_yellow{
  color: #dcc88b;
}

.ls-100{
  margin-right: 3rem;
  display: block;
}

.modal-content .modal-body div.tab-content p.text-left {
    text-align: left;
    margin-left: 1rem;
}

.rd-navbar-static .rd-navbar-nav > li.navbar-disnone,hr.navbar-disnone{
  display: none;
}

/*================ 忘記密碼forgot ====================*/

.tab-pane h2.ls-100_2{
  margin-right: 1rem;
}

/*================ 確認密碼reset ====================*/

.center-col2{
  margin: 0 auto;
}

/*================ 註冊register ====================*/

.container-wide .tab-pane h3{
  text-align: left;
}

.post_form{
  margin-bottom: 3rem;
}

.in-sign-checkbox .label_checkbox{
  text-align: left;
}

a.register_btn.btn.btn-primary.sm{
  margin-bottom: 2rem;
}

button.register_btn.btn.btn-primary.sm{
  margin-bottom: 2rem;
}

.in-sign-checkbox .checkbox input[type="checkbox"]{
    margin-left: 1rem;
}

.in-sign-checkbox .checkbox label{
  margin-left: 1.5rem;
}

/*================ 捐款記錄record ====================*/

select.orderStatus{
  margin-left: 0.5rem;
}

.row .text-left22 {
    text-align: left;
    padding-top: 0;
}

.left-welcome-name .font{
  font: 500 16px/22px "Microsoft JhengHei","Montserrat", sans-serif;
  color: #378339;
}

.left-welcome-name .font2 {
    font-size: 15px;
    /*display: block;*/
}

.left-welcome-name .font3 {
    color: #5acf5d;
    font-size: 15px;
    display: block;
}

.member-left-tt{
  padding: 12px 0 4px 0;
  margin: 0 0 9px -0.5rem;
  border-bottom: 1px dashed #dcc88b;
  width: 80%;
}

.member-left-border {
  border-bottom: 1px solid #dcc88b;
  line-height: 26px;
  font-weight: 500;
  padding: 3px 0 3px 1rem;
}

.member-left-box {
  border: 2px outset #dcc88b;
  border-radius: 2%;
}

.member-left-border.member-left-nobottom{
  border-bottom:none;
}

.col-sm-9.text-center.pull-sm-right {
    margin-top: -2rem;
}

/*== 表格 ==*/
.demo-table{
  width: 99.9%;
  background-color: #ffffff;
  border-collapse: collapse;
  margin-bottom: 20px;
  display: table;
}

.demo-table thead,.demo-table tbody{
  display: table-header-group;
}

.demo-table tr{
  display: table-row;
}

.demo-table th{
    background-color: #378339;
    color: #fff;
    border: #378339 solid 1px;
    text-align: justify;
    font-size: 0.9rem;
    font-weight: 500;
}

.demo-table th,.demo-table td{
  display: table-cell;
  padding: 5px;
}

.demo-table td {
    color: #378339;
    border: #378339 solid 1px;
}

.demo-table a {
    border:#dcc88b solid 1px;
    display: block;
    background-color: #dcc88b;
    color: #fff;
}

.demo-table a:hover {
    border:#dcc88b solid 1px;
    background-color: #fff;
    color: #378339;
}

/*================ 結帳 ====================*/

hr.text-left {
    float: left;
    margin-bottom: 2rem;
}

.top10.text-center {
    float: none;
    display: inline-block;
    margin-top: 1rem;
}

.button_top{
  margin-top: 2rem;
}

.payment-option{
  margin: 2rem 0;
}

.modal-header2{
  padding: 15px;
}


/*================ 會員資料account_modify ====================*/

input.form-control.form-soll {
    width: 84.3%;
    float: right;
}

.demo-area .form-top{
  margin-top: 15px;
  display: flex;
}

input.form-control2 {
    border-bottom: 0.05rem solid rgba(220, 200, 139, 0.65);
    width: 100%;
}


/*============================================
================ 手機版 ====================
============================================*/


@media (min-width: 5325px){
	.flow-offset-3 .text-center.text-md-left iframe {
	    height: 1000px;
	}

}

@media (max-width: 2000px) and (min-width: 1200px){
	.img-thumbnail .box-body-inner {
	    padding-left: 36px;
	    padding-right: 36px;
	}
	.box-custom * + p {
	    padding: 0 2rem;
	}
}

@media (min-width: 1921px){
	.row.flow-offset-sm-1 .menu_col .menu_col_xs6{
		margin: 3% 0 0;
	}
	.col-md-6.col-sm-5.col-xs-12.menu_col{
		margin-top: 1.7%;
	}
	.col-md-1.col-sm-1.col-xs-12.icon_img{
		margin-top: -1%;
	}
	article.thumbnail .caption .box_next{
		margin: 0.7rem 4rem;
	}
	article.thumbnail .carousel_bg{
		height: 400px;
	}

  .quickview-wrapper.open .quick-modal {
    position: relative;
    padding: 0;
  }
  .quickview-wrapper .main .bb-custom-wrapper .bb-bookblock {
    width: 900px;
    height: 630px;
  }

  form .radio-indent{
    text-indent: -122px;
    margin-left: 122px;
  }

  form {
    width: 100%;
  }

}


@media (max-width: 1440px) {
	.swiper-slide-caption .box_next.bg_box22 {
        margin: 0 0 0 13.5rem;
	}
	.swiper-center .swiper-slide-caption .box_next.bg_box22{
		margin: 0 0 2rem 42.5rem;
	}


}

@media (max-width: 1366px) {
	.swiper-center .swiper-slide-caption .box_next.bg_box22{
		margin: 0 0 2rem 40rem;
	}
}

@media (min-width: 1200px) {
	.header-page {
	    margin-top: 8rem;
	}
  .count-section .counter.green_t {
    margin-left: -5rem;
  }

  .page main section.well-sm3 {
    padding-top: 6rem;
    padding-bottom: 4rem;
  }
  .mytabs{
    margin-right: -45px;
  }
  .rd-navbar-static .rd-navbar-nav > li.navbar-disnone,hr.navbar-disnone{
    display: none;
  }
  .page-content.footer-fixed-offset {
    margin-bottom: 0 !important;
  }
  .page-footer.footer-fixed {
    position: relative !important;
    left: unset !important;
    right: unset !important;
    bottom: unset !important;
    z-index: unset !important;
  }
}

@media (max-width: 1200px) {
	.rd-navbar-fixed .rd-navbar-inner .rd-navbar-panel .rd-navbar-brand{
		width:0;
	}
	.rd-navbar-static .rd-navbar-search-toggle, .rd-navbar-fullwidth .rd-navbar-search-toggle {
	    top: 70%;
	}
  .radio33{
    display: inline-table;
  }
  .page-content.footer-fixed-offset {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 1199px) {
  .rd-navbar-static .rd-navbar-nav > li.navbar-disnone{
    display: block;
  }
  hr.navbar-disnone{
    margin: 5px 0;
    height: 2px;
    display: block;
  }
    .count-section .counter.green_t,.count-section .counter.red_t{
        font:700 4rem/4rem "Montserrat","Microsoft JhengHei";
        letter-spacing: 0.3rem;
        text-align: center;
    }
}

@media (min-width: 1024px) {
	.rd-navbar-nav-wrap .material-icons-shopping_cart{
		display: nome;
	}

  section .well-sm-bottom hr {
    margin-left: 2%;
  }

  .wi_box{
    min-width: 150px;
    text-align: left;
  }

}

@media (max-width: 1024px) {
	.swiper-slider {
    	height: 70vh !important;
	}
	.count-section .counter.green_t,.count-section .counter.red_t{
		font:700 4rem/4rem "Montserrat","Microsoft JhengHei";
	    letter-spacing: 0.3rem;
	    text-align: center;
	}
	.nt_box{
		margin-right: 2rem;
	}
	.hr_right hr{
		margin-right: 2rem;
	}

  footer .hr_right hr{
    margin-right: 5rem;
  }

	section .container .box_next.bg_box{
		margin: 0 0 0 5.2rem;
	}
	.swiper-slide-caption.text-left.jumbotron{
		/*margin-left: -5rem;*/
	}
	section .variant-330 {
	    margin: -1rem 0 -10rem 0.5rem;
	}
	.swiper-slide-caption .box_next.bg_box22 {
        margin: 0 0 0 10rem;
	}

	.swiper-center .swiper-slide-caption .box_next.bg_box22{
		margin: 0 0 2rem 29.5rem;
	}

	.caption a.btn.btn-primary {
	    margin-top: 15rem;
	}

  .caption button.btn.btn-primary {
      margin-top: 15rem;
  }

	.img-thumbnail .caption22 {
	    top: 8rem;
	}

	.img-thumbnail .caption22 h1 {
	    font: 700 24px/30px "Montserrat","Microsoft JhengHei";
	}
	.box-custom * + p{
		margin-top: 20px;
		font: 500 14px/26px "Montserrat","Microsoft JhengHei";
		padding: 0 1rem;
	}

	.rd-navbar-nav-wrap .material-icons-shopping_cart{
		display: inline-block;
	}

	.text-center.text-md-left iframe {
	    width: 90%;
	}

	.main.clearfix .bb-custom-wrapper {
	   max-height: 100%;
	}

	.quickview-wrapper .main .bb-custom-wrapper .bb-bookblock{
		width: 75%;
    height: 490px;
    max-height: 100%;
    position: initial;
    display: block;
	}

  .quickview-wrapper .main .bb-custom-wrapper nav{
    margin: 5em auto 0;
  }

  main section.well-sm3 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  section.information_tt {
     margin: 0;
  }
  .table-container .table-row .column img {
    width: 100%;
    max-width: 200%;
  }

  .container-wide .checkbox.field_22 {
      display: flex;
  }

/*  .total_tt {
    margin: 1rem 5rem 0 0;
  }*/
}


@media (min-width: 992px){
	.menu_col .menu_col_xs6{
		margin: 8% 0 0;
	}

	section .icon_img .fa-envelope{
		margin-bottom: 50%;
	}
	.img-thumbnail .box-body-inner {
	    padding: 84px 75px 90px 75px;
	}

	.blog-post.blog-post-variant-2 .caption2 .meta {
    	margin-bottom: 1.25rem;
	}
  .radio-indent67{
    margin-top: 2rem !important;
    margin-bottom: 3rem !important;
  }

  .login-left22{
    border-right: 1px #dfc78d dotted;
  }
  .bottom_bt22{
    margin: 1.5rem 0;
  }
  .bottom_bt23{
    margin: 0 0 1rem;
  }

}


@media (max-width: 992px){
  article.thumbnail .caption .box_next{
    margin: 5% 3rem;
  }
  .member-left-tt {
    width: 100%;
  }
  .radio.radio-indent66 {
    margin-top: 4rem;
  }
  .radio-indent67{
    margin-top: 4rem !important;
    margin-bottom: 6rem !important;
  }
  .pot-bottom {
    margin-bottom: 4rem;
  }
  .count-section .counter.green_t,.count-section .counter.red_t{
      font:700 3.5rem/4rem "Montserrat","Microsoft JhengHei";
      letter-spacing: 0.3rem;
      text-align: center;
  }
}

@media (max-width: 991px){
  .login-left22{
    border-bottom: 1px #dfc78d dotted;
    margin-top: 2rem;
  }
  .bottom_bt{
    margin-bottom: 2rem;
  }
}

@media only screen and (max-width: 960px){
  section .blog-post.blog-post-page .caption .inset {
    padding-bottom: 0;
  }
  .col-xs-12.well.text-left22 {
    padding-top: 0;
  }
  .demo-table{
    background-color: transparent;
  }
  .demo-table thead {
    display: none;
  }
  .demo-table tr {
    display: block;
    border: #ddd 1px solid;
    margin-bottom: 5px;
    background: #ffffff;
  }
  .demo-table th,.demo-table td{
    display: inline-block;
    width: 48%;
    border: none;
  }

}


@media (min-width: 768px){
	.menu_col{
		margin-top: 5%;
	}
	.menu_col .menu_col_xs6{
		margin: 0;
	    padding: 0;
	}
	section .icon_img .socials {
    	margin-top: 100%;
	}
	section .icon_img .fa-envelope{
		margin-bottom: 46%;
    margin-left: -5%;
	}

	.img-thumbnail .box-body:after {
	    top: 50%;
	    right: 0;
	    left: auto;
	    -webkit-transform: translate(50%, -50%) rotate(45deg);
	    transform: translate(50%, -50%) rotate(45deg);
	}

	.img-thumbnail .box-body_left:after{
		top: 50%;
	    right: auto;
	    left: 0;
	    -webkit-transform: translate(-50%, 50%) rotate(45deg);
	    transform: translate(-50%, 50%) rotate(45deg);
	}
	.img-thumbnail .box-body-inner {
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-flex-direction: column;
	    -ms-flex-direction: column;
	    flex-direction: column;
	    -webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	    justify-content: space-between;
	    -webkit-align-items: center;
	    -ms-flex-align: center;
	    align-items: center;
	    -webkit-flex-grow: 1;
	    -ms-flex-positive: 1;
	    flex-grow: 1;
	}

	.box-custom * + .divider {
    	margin-top: 30px;
	}
	.box-custom * + p {
    	margin-top: 31px;
	}

	.border-bottom[class*='col-']:before {
	    top: 4.5rem;
	}

  main section.well-sm2 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .w-19 {
    width: 19% !important;
  }

  .radio-lrft{
    display: initial;
    float: left;
    width: 200px;
  }

  .radio-lrft2{
    display: initial;
    float: left;
    width: 180px;
  }


}



@media (max-width: 768px){
	.menu_col .menu_col_xs6{
		margin: 0;
	    padding: 0;
	}
	section .icon_img .socials {
    	margin-top: 140%;
	}

	section .icon_img .fa-envelope{
		margin-bottom: 100%;
	}

	.col-md-1.col-sm-1.col-xs-12.icon_img{
		margin-top: 1%;
	}
	article.thumbnail .carousel_bg{
		height: 350px;
	}
	.swiper-slide-caption.text-left.jumbotron {
    	/*margin-left: -2rem;*/
	}
	.swiper-slide-caption .box_next.bg_box22 {
    	margin: 0 0 0 7.5rem;
	}

	.swiper-center .swiper-slide-caption .box_next.bg_box22{
		margin: 0 0 2rem 21.5rem;
	}

	.img-thumbnail .caption22 {
	    top: 10rem;
	}

	.box-custom * + p {
	    font: 500 16px/26px "Montserrat","Microsoft JhengHei";
	    padding: 0 3rem;
	}

  .quickview-wrapper .main .bb-custom-wrapper .bb-bookblock {
    height: 375px;
  }

  main section.well-sm3 {
    padding-top: 4rem;
    padding-bottom: 3rem;
  }
  .news_box{
    margin-top: 1.5rem;
    margin-bottom: 2rem;
  }

  .content {
    margin: 1rem 3rem;
  }

  .infoTT_right {
    margin-left: 10rem;
  }

  .inrerview div.area-google-map {
    width: 90% !important;
    height: 280px !important;
    margin-left: 2rem;
  }

  .box_infoTT.infoTT_left p {
    margin-right: 1.5rem;
  }

  .table-container .table-row .column img{
    width: 100%;
    max-width: 200%;
  }

  .w-19 {
    width: 25% !important;
  }
  .no-xs-margin{
    margin: 0 !important;
  }

}

@media (max-width: 767px){
	.box-custom .box-body:after, .box-custom .box-body_left:after{
		display: none;
	}

  .border02,.border02.no_border {
    border-bottom: none;
  }

  .box-hover-1.border03,.box-hover-1.no_border {
      border-left: none;
  }
  h3.offset-2 {
    margin-bottom: 0;
  }

  .well2 .resp-tabs-container table tr{
    padding-top: 1rem;
  }

  .information_tt tbody td{
    border: none;
    position: relative;
    width: 100%;
    float: left;
    white-space: normal;
  }

  section.inrerview.text-center.well.well-sm3 {
    padding-top: 2rem;
  }

  .inner {
    max-width: 100%!important;
    min-width: 100%!important;
    padding: 0 20px;
  }

  .inrerview #article {
    margin-top: 40px;
  }

  .inrerview #article.inner {
    padding-left: 0;
    padding-right: 0;
  }

  .inrerview #article .pht-box {
    width: 100%;
    height: 50.666666666666667vw;
    overflow: hidden;
  }

  .inrerview #article .float-right,.inrerview #article .float-left {
    float: none;
  }

  .inrerview #article .txt-box {
    width: 100%;
    padding: 0 20px;
  }
  .inrerview #article .txt-bottom {
    margin-top: -4em;
  }

  .inrerview #article .txt-box h2 {
    padding: 25px 25px 0 25px;
    background: rgba(255, 255, 255, 0.8);
    z-index: 2;
    position: relative;
  }
  .inrerview #article p {
    line-height: 1.6;
    padding-left: 2rem;
  }

  .xs-no-padding {
    padding: 0 !important;
  }

    .xs-no-padding-right {
    padding-right: 0 !important;
  }

}

@media only screen and (max-width: 736px){
  .w-19 {
    width: 19% !important;
  }
}

@media only screen and (max-width: 720px){
  .demo-table th,.demo-table td{
    display: block;
    width: 100%;
  }
  .demo-table th,.demo-table td{
    display: block;
    width: 100%;
  }
}

@media (max-width: 667px){
	.swiper-slide-caption .box_next.bg_box22 {
    	margin: 0 0 0 6.5rem;
	}
	.swiper-center .swiper-slide-caption .box_next.bg_box22{
		margin: 0 0 2rem 18rem;
	}
	.swiper-slider {
    height: 120vh !important;
	}

	.img-thumbnail .caption22 {
	    top: 8rem;
	}

	.img-thumbnail .caption22 h1 {
	    font: 700 22px/36px "Montserrat","Microsoft JhengHei";
	}
	.box-custom * + p{
		font: 500 16px/28px "Montserrat","Microsoft JhengHei";
    padding: 0 2rem;
    margin-top: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	}

	.img-thumbnail .caption.box-footer {
	    top: 50%;
	}

	.caption a.btn.btn-primary {
	    font: 700 0.6rem/20px "Montserrat","Microsoft JhengHei";
	    min-width: 5.5rem;
	    letter-spacing: 0;
	    padding: 0.3rem;
	}

  .caption button.btn.btn-primary {
      font: 700 0.6rem/20px "Montserrat","Microsoft JhengHei";
      min-width: 5.5rem;
      letter-spacing: 0;
      padding: 0.3rem;
  }

  section .icon_img .socials {
    margin-top: 5%;
  }
  section .icon_img .fa-envelope {
    margin-bottom: 0;
  }

  .radio.container-wide.text-sm-left a {
    margin: 5% 0 0;
  }

  .infoTT_right {
    margin-left: 10rem;
    margin-right: 0;
    margin-top: 1rem;
  }

  .box_infoTT input[type="radio"], .box_infoTT input[type="checkbox"] {
    margin: 0.25rem 0 0 -8rem;
  }
  .box_infoTT.infoTT_left p {
    margin-left: 6rem;
  }
  * + .btn {
    margin-top: 1rem;
  }

  .infoTT_right {
    margin-left: 15rem;
    text-align: left;
    margin-right: 5rem;
  }

  .swiper-wrapper .slide-center{
    background-position: right bottom;
  }

  .w-19 {
    width: 21% !important;
  }
}

@media (max-width: 640px){
  .w-19 {
    width: 22% !important;
  }
}

@media (max-width: 568px){
  .w-19 {
    width: 25% !important;
  }
}

@media (max-width: 500px) {
	footer .justify {
    	margin-top: 15px;
	}

	.menu_col .menu_col_xs6{
		margin-top: 5%;
	}
	section .icon_img .socials {
    	margin-top: 10%;
	}
	section .icon_img .fa-envelope{
		margin-bottom: 1%;
	}
	section .icon_img .fa-envelope, section .icon_img .fa-map-marker {
    font-size: 1.8em;
	}
	.count-section .counter.green_t,.count-section .counter.red_t{
		font:700 2.5rem/2rem "Montserrat","Microsoft JhengHei";
	}

	.jumbotron.jumbotron-variant-33 small {
	    letter-spacing: 0;
	    line-height: 2rem;
	}

	section .container .box_next.bg_box{
		margin: 0 0 0 2rem;
	}

	.swiper-slide.swiper-slide-prev{
		width: 100%;
	}
	.swiper-slide-caption .box_next.bg_box22,.swiper-center .swiper-slide-caption .box_next.bg_box22 {
    	margin: 0 0 1rem 3rem;
    	padding: 0.3rem;
	}
	.swiper-slider {
    	height: 90vh !important;
	}
	.swiper-slide-caption.text-left.jumbotron {
    	margin-left: 0;
	}
	.swiper-slide-caption.text-center.jumbotron{
		text-align: left;
		margin-left: 0;
	}
	.caption a.btn.btn-primary {
    	margin-top: 7rem;
	}
  .caption button.btn.btn-primary {
      margin-top: 7rem;
  }
  .news_box{
    margin-top: 1.5rem;
    margin-bottom: 2rem;
  }

  .infoTT_left {
    text-align: left;
  }

  .demo-area .form-top{
    margin-top: 0px;
    display: flex;
  }

}

@media (max-width: 480px) {
	.swiper-slide-caption .box_next.bg_box22,.swiper-center .swiper-slide-caption .box_next.bg_box22 {
    	margin: 0 0 1rem 4.5rem;
	}

	.swiper-slider {
    	height: 120vh !important;
	}

	.jumbotron h1{
		padding-bottom:0;
	}

	.img-thumbnail .caption22 {
	    top: 6rem;
	}

	.img-thumbnail .caption22 h1 {
	    font: 700 18px/36px "Montserrat","Microsoft JhengHei";
	}
	.box-custom * + p{
		font: 500 12px/20px "Montserrat","Microsoft JhengHei";
    	padding: 0 1rem;
    	text-indent: 0;
	}
	.img-thumbnail .caption.box-footer {
	    top: 60%;
	}

	.main.clearfix .bb-custom-wrapper {
	    width: 100%;
	}

  .quickview-wrapper .main .bb-custom-wrapper .bb-bookblock {
    height: 210px;
  }

  main .count-section * + hr, .count-section hr + * {
    margin-top: 0.1rem;
  }

  main .count-section .counter.green_t, .count-section .counter.red_t {
    margin: 5% 0;
  }

  footer .count-section * + hr, .count-section hr + * {
    margin-top: 1rem;
  }

  footer .nt_box2 {
    margin-right: 2rem;
  }

  footer .hr_right hr{
    margin-right: 2rem;
  }

  .select{
    margin: 1rem 0 2rem;
    padding: 0 0 0 0.1rem;
  }

  .container-wide table td[class*="col-"], table th[class*="col-"] {
    display: inline-table;
  }
  main section.well-sm3 {
    padding-top: 5rem;
    padding-bottom: 4rem;
  }

  .infoTT_right {
    margin-right: 4rem;
  }

  .box_infoTT input[type="radio"], .box_infoTT input[type="checkbox"] {
    margin: 0.25rem 0 0 5rem;
  }

  input.form-control.form-soll {
     width: 100%;
     float: none;
  }

  .w-19 {
    width: 31% !important;
  }
  .da-mk {
      margin-top: 1.3rem;
  }
}

@media (max-width: 414px) {
  .w-19 {
    width: 37% !important;
  }
}

@media (max-width: 450px) {
  .quickview-wrapper .main .bb-custom-wrapper .bb-bookblock {
    height: 245px;
    width: 100%;
  }

  .row2.row-no-gutter.masonry{
    margin: 3rem 5% 2rem;
  }

  form .form_radio {
    display: block;
    text-align: left;
    margin-bottom: 15px;
  }

  form input.other_radio {
    margin: 0;
  }

  form .form_radio2 {
    padding: 0.125rem 0.5rem 0 0.625rem;
  }

  form .radio-indent {
    text-indent: -84px;
    margin-left: 84px;
  }

  form .radio label {
    padding-right: 0;
  }

  form .form_myForm {
    width: 100%;
    display: inline-flex;
  }

  .form_myForm2{
    margin-top: 1rem;
    width: 100%;
    display: inline-flex;
    height:auto;
  }

  form .form_radio3,.form_radio3{
    padding: 0.125rem 0 0;
  }
  .row2.row-no-gutter.masonry form .radio-indent2 {
    text-indent: -125px;
    margin-left: 135px;
    width: 50%;
  }

  form .other_radio2{
    margin: 0;
    width: 80%;
  }

  .box_infoTT.infoTT_left p {
    margin-left: 1rem;
  }

  .infoTT_right {
    margin-left: 5rem;
    margin-right: 2rem;
  }

  .box_infoTT input[type="radio"], .box_infoTT input[type="checkbox"] {
    margin: 0.25rem 0 0 0;
  }

  .inset .demo-area .form_radio33{
    width: 100%;
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 1rem;
  }

  .demo-area form span.form_radio20{
    display: block;
  }

  .w-19 {
    width: 33% !important;
  }

  .top-checkboxleft{
    margin-left: 2rem;
  }

}

@media (max-width: 360px){
  .w-19 {
    width: 34% !important;
  }

}

@media (max-width: 375px) {
  .wi-43{
    width: 43% !important;
  }
}

@media (max-width: 320px) {
	.swiper-slide-caption .box_next.bg_box22,.swiper-center .swiper-slide-caption .box_next.bg_box22 {
    	margin: 0 0 1rem 3rem;
	}
	.swiper-slider {
    	height: 90vh !important;
	}

	.img-thumbnail .caption22 {
	    top: 5rem;
	}

	.img-thumbnail .caption22 h1 {
	    font: 700 16px/28px "Montserrat","Microsoft JhengHei";
	}
	.box-custom * + p{
		font: 500 10px/18px "Montserrat","Microsoft JhengHei";
    	padding: 0 1rem;
    	text-indent:0;
    	margin-top: 5px;
    	text-indent: 0;
    	overflow:hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.img-thumbnail .caption.box-footer {
	    top: 60%;
	}

	.caption a.btn.btn-primary {
	    font: 700 0.6rem/20px "Montserrat","Microsoft JhengHei";
	    min-width: 5.5rem;
	    padding: 0.3rem;
	}

  .caption button.btn.btn-primary {
      font: 700 0.6rem/20px "Montserrat","Microsoft JhengHei";
      min-width: 5.5rem;
      padding: 0.3rem;
  }

  .quickview-wrapper .main .bb-custom-wrapper .bb-bookblock {
    height: 203px;
  }

  .main.clearfix .bb-custom-wrapper {
    margin: 20% auto 10%;
  }

  .inset.border-bottom iframe {
    height: 250px;
  }

  .infoTT_left {
    margin-right: 0;
  }
  .box_infoTT.infoTT_left p {
    margin-left: 0;
  }
  .infoTT_right {
    margin-left: 5rem;
    text-align: left;
  }
  .table-container .table-row {
      margin: 20px 2rem;
   }

  .w-19 {
    width: 40% !important;
  }
  .wi-43{
    width: 50% !important;
  }
}

/* ====================
Table Fix
======================= */
@media (max-width: 768px) {
  .container-wide .table-row {
    background-color: #f9f9f9;
    border-top: 4px solid #378339;
    border-radius: 4px;
  }
  .table-container .table-row .column img {
    max-width: 200px;
  }
  .table-row .column:after {
    content: " ";
    display: table;
    clear: both;
  }
  .table-row .column:before, .table-row .column > div, .table-row .column > span{
    display: block;
    float: left;

  }
  .table-row .column:before {
    width: 70px;
    padding-right: 10px;
  }
  .table-row .column > div,
  .table-row .column > span {
    width: calc(100% - 70px);
  }
  .table-row .column .radio,
  .table-row .column .checkbox {
    margin-top: 0;
  }
  .table-row .column input.other_radio.h2, span.red {
    margin: 0;
  }

  .radio.container-wide.text-sm-left .table-row a {
    padding: 0;
    margin: 0;
  }
}