@charset "utf-8";
.hide-og {
    line-height: 0;
    height: 0;
    width: 0;
    font-size: 0;
    padding: 0;
    margin: 0;
    display: block;
}
/* ---------------------------------------------------------------------------------------
 * common
--------------------------------------------------------------------------------------- */
	/* slick修正 load時 */
	.base-slick-style { visibility: hidden; }
	.slick-initialized { visibility: visible; }

    .gotop { position: fixed; z-index: 999; right: 15px; bottom: 15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display: block; width: 30px; height: 30px; background: url('../images/icon/arrow-circle-up.png') no-repeat center center #d87d11; background-size: 22px 22px; }

	.infomation-wrap { padding-bottom: 50px; }

	.base-slick-style {
		position: relative;
	}
	.base-slick-style .slick-arrow { 
		position: absolute; 
		top: 50%; z-index: 10; 
		border: none; 
		background-color: transparent;
		color: #fff;
		font-size: 28px; 
		margin-top: -14px;
	}
	.base-slick-style .slick-arrow:focus { outline: none; }
	.base-slick-style .slick-prev { left: 0; }
	.base-slick-style .slick-next { right: 0; }

	.video-container {
	    position: relative;
	    padding-bottom: 56.25%;
	    padding-top: 30px; height: 0; overflow: hidden;
	}


	.video-container iframe,
	.video-container object,
	.video-container embed {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}

	.fck {    overflow-x: auto;}
	.fck * { max-width: 100%; }
	.fck,.fck p { line-height: 1.5em; font-size: 14px; color: #444; }
	.fck p{ margin:1em 0;}
	.fck hr{border: 0px;    border-top: 1px solid #ccc; margin:0.5em 0; }
	.fck .marker {   background-color: Yellow; }
	.fck em { font-style: italic; font-size: inherit;}
	.fck b,.fck strong, .fck b>*,.fck strong>* { font-weight: bold;font-size: inherit; }
	.fck a{ text-decoration:underline; color: #6f9426; }
	.fck h1, .fck h2, .fck h3, .fck h4, .fck h5, .fck h6 { font-weight: normal; line-height: 1.5em; }
	.fck h1 { font-size: 2em; margin:0.67em 0; }
	.fck h2 { font-size: 1.5em;margin: 0.83em 0; }
	.fck h3 { font-size: 1.17em; margin:1em 0; }
	.fck ins { text-decoration: underline; }
	.fck pre { white-space: pre-wrap; word-wrap: break-word; tab-size: 4;margin: 1em 0px;font-family: monospace; }
	.fck blockquote{ padding-left: 20px; padding-right: 8px; border-left-width: 5px; font-style: italic; border:none; border-left:3px solid #ccc; margin:1em 40px; display:table-cell; }
	.fck img { max-width:100%!important; height:auto; margin-bottom:10px; }
	.fck ul, .fck ol { padding-left:1.5em; }
	.fck ul>li {  list-style-type: disc; display: list-item;  }
	.fck ol>li {     list-style-type: decimal; display: list-item; }
	.fck table { border-collapse: collapse; }
	.fck table ,
	.fck table>thead>tr>th,
	.fck table>tbody>tr>td,
	.fck table>tbody>tr { border: none; background-color: transparent; }
	.fck table[border="1"] { border: 1px solid #ccc; }
	.fck table[border="1"]>tbody>tr>td,
	.fck table[border="1"]>thead>tr>th {
	    padding: 10px;
	    border-right: 1px solid #ccc;
	    border-bottom: 1px solid #ccc;
	}
	.fck table[border="1"] tr:nth-child(odd) {
	    background: #f5f5f5;
	}
	.fck table[border="1"] tr:nth-child(even) {
	    background: #fff;
	}
	@media (max-width:767px) {
	     .fck table { width:100%!important; }
	}

	.back-box { min-height: 30px; }
	.page-back-btn { color: #666; position: relative; top: 6px; }
	.base-btn {
		display: inline-block;
		font: 400 16px/45px 'Montserrat', 'Noto Sans TC', "Microsoft JhengHei", sans-serif;
		color: #fff;
		height: 45px;
		padding: 0 20px;
		min-width: 192px;
		max-width: 100%;
		border: 0;
		background-color: #ba8933;
	}
	.base-linear, #nav li ul {
		background-image: -webkit-linear-gradient(90deg, #d28121 0%, #f1ab5b 100%);
	    background-image: -moz-linear-gradient(270deg, #d28121 0%, #f1ab5b 100%);
	    background-image: linear-gradient(0deg, #d28121 0%, #f1ab5b 100%);
	}
	.back-btn i { font-size: 22px; vertical-align:middle; margin-top: -2px; }
	.back-btn span { display: inline-block; vertical-align:middle; }
	.back-btn { color: #444; }

	/* 橫式篩選區 */
	.filter-wrap .form-row input[type="submit"] { margin:0; border: none; }
	.filter-wrap .form-row input[type="submit"]:hover { background-color: #ddd; }
	.filter-down { position: relative; z-index: 1000; text-align: center; color: #444; display: block; }
	.filter-down ~ .form-row { margin-top: 15px; }
	.filter-wrap .form-row { position: relative; z-index: 1000; float: none; }
	.filter-wrap.box-fixed { padding: 15px; background-color: rgba(255, 255, 255, .8); position: fixed; left: 0; right: 0; z-index: 1050;  }
	.filter-overlayer { background: rgba(255, 255, 255, .8)	; z-index: 999; position: fixed; top: 0; right: 0; left: 0; bottom: 0; }
	.filter-wrap .filter-down {
	    color: #d87d11;
	    font-size: 14px;
	    font-weight: bold;
        border-bottom: 3px solid #ded1bf;
	    padding: 8px 15px;
	    background: #f7f4f0;
	    -webkit-border-radius: 4px;
	    -moz-border-radius: 4px;
	    border-radius: 4px;
	}
	.filter-wrap .filter-down:before {
	    content: "\f002";
	    font-family: FontAwesome;
	    display: inline-block;
	    font-size: 12px;
	    color: #999;
	    line-height: 14px;
	    margin-right: 3px;
	    color: #d87d11;
	}
	@media (min-width:768px) { 
		.filter-wrap.box-fixed { top:0!important }
		.filter-wrap .filter-down { display: none; }
	}
	@media (max-width:767px) {
		.filter-wrap.filter-drop-wrap .form-row { display: none; }
		.filter-wrap .form-row select.ss,
		.filter-wrap .form-row input[type="text"] { margin-bottom: 5px; float: none; }
		.filter-wrap .form-row { margin-bottom: 30px; }
	}
	@media (max-width:320px) {
		.filter-wrap .filter-down { font-size: 13px; }
		.filter-wrap .filter-down { padding: 5px; }
	}

	/*loading*/
	.preloader {
	  position: fixed;
	  z-index: 999999999;
	  top: 0;
	  left: 0;
	  bottom: 0;
	  width: 100%;
	  background: #e8eaee;
	}
	.preloader img { 
	  width:40px;
	  position: absolute;
	  top: 45%;
	  left: 50%;
	  margin: 15px 0 0 -20px;
	  animation: loader 1s linear infinite alternate;
	  -webkit-animation: loader 1s linear infinite alternate;
	}
	@keyframes loader {
	  0% {
	    opacity: .5;}
	  100% {
	    opacity: 1; } 
	}
	@-webkit-keyframes loader {
	  0% {
	    opacity: .5;}
	  100% {
	    opacity: 1; } 
	}

	.inner-banner { background: #000 url(../images/page-header-bg.jpg) no-repeat center center; background-size:cover }

/* ---------------------------------------------------------------------------------------
 * header
--------------------------------------------------------------------------------------- */
	/* 手機選單 */
	.menu-btn {
        display: none;
        padding: 4px 8px 4px 8px;
        position: absolute;
	    right: 15px;
	    top: 19px;
    }
    .menu-btn .line {
        display: block;
        width: 20px;
        height: 2px;
        margin: 4px 0;
        border-radius: 1px;
        background-color: #fff;
    }
    @media (max-width:767px) {
    	.menu-btn { display: inline-block; }
    }
	strong.logo {margin: 0;  }
	strong.logo a { display: block;  }
	strong.logo a img { height: 110px;  }
	/* strong.logo img { height: 80px; width: auto; } */
	/* .header-style-2 .navigation-row { padding: 10px 0; } */
	.header-style-2 .navigation-row.header-center { padding: 10px 0; }
	.stick-sidebar {
	    z-index: 1000;
	    border: 1px solid #eaca8c;
	    border-radius: 3px;
	    box-shadow: 0 0 15px rgba(0, 0, 0, 0.12);
	    position: fixed; right: 5%; top: 5%; 
	}
	.stick-sidebar .dropdown {  padding: 0 7px; }
	.stick-sidebar .dropdown-toggle { border: none; background-color: transparent; padding: 8px 10px; }
	.stick-sidebar .dropdown-toggle .number { display: inline-block; margin: 0 0 0 5px; }
	.stick-sidebar .dropdown-toggle .qty { background-color: #ddd; font-size: 12px; margin: 0 0 0 4px; display: inline-block; line-height: 18px; text-align: center; width: 18px; height: 18px; border-radius: 50%; }
	.stick-sidebar .cart-box-outer {    border-radius: 3px 3px 0 0; display: block; float: none; background-color: rgba(255, 255, 255, 0.7); }
	.stick-sidebar .history-box-outer { border-radius: 0 0 3px 3px; }
	.stick-sidebar .history-box-outer .dropdown-toggle { border-top: 1px solid #dedede;  }
	.stick-sidebar .cart-box-outer .dropdown-menu { top: 45px; }
	@media (max-width:1300px) {
		.stick-sidebar { right: 15px; top: 15px; }
		.stick-sidebar .dropdown-toggle { width: 20px; padding: 10px 0;  }
		.stick-sidebar .dropdown-toggle .number { margin: 0; }
		.stick-sidebar .dropdown-toggle .qty { margin: 0; }
	}

	#nav li:hover a {  background-color: transparent!important; } 
	#nav>li:hover>a { color: #dead62!important; }

	.header-right { float: right; }

	.header-style-2 .navigation-row .shop-box { margin-top: 25px; }
	.header-style-2.nav-style-3 a.btn-volunteer {
		padding: 4px 42px;
		min-width: 176px;
		display: block;
		float: none;
		font-size: 15px;
		color: #7b5b35;
		background: #f1c186;
	}
	.header-style-2.nav-style-3 a.btn-volunteer.b-v01 {/*  background: #c7b196;     */border-bottom: 1px solid #dea35b; }
	.header-style-2.nav-style-3 a.btn-volunteer.b-v03 { display: none; }
	.header-style-2.nav-style-3 .navigation-row .navbar {
		background-image: -webkit-linear-gradient(90deg, #fdf8f3 0%, #e6e6e6 100%);
	    background-image: -moz-linear-gradient(270deg, #fdf8f3 0%, #e6e6e6 100%);
	    background-image: linear-gradient(0deg, #fdf8f3 0%, #e6e6e6 100%);
	}

	.cp-search-holder { position: relative; }
	.cp-search-holder input { width: 200px; border-radius: 30px; }
	.cp-search-holder button { position: absolute; border-radius: 100%; border: 1px solid #afafaf; background: #f3f3f3; right: 0; top: 0; padding: 5px 9px; }
	.cp-search-holder input, .cp-search-holder button { vertical-align: middle; float: none; display: inline-block; }
	@media (max-width:991px) {
		.header-style-2.nav-style-3 a.btn-volunteer { width: 50%; display: inline-block; float: left; }
		.header-right { float: none; }
		.header-right:after { content: ''; display: block; clear: both; }
	}
	@media (max-width:767px) {
		.header-style-2.nav-style-3 a.btn-volunteer { height: 55px; line-height: 55px; padding: 0 10px; width: 100px; min-width: 0; }
		.navbar-header { display: inline-block; padding: 0 0 0 10px; }
		/* .header-style-2.nav-style-3 a.btn-volunteer { position: absolute; top: 0; right: 0; }
		.header-style-2.nav-style-3 a.btn-volunteer.b-v01 { right: 200px; }
		.header-style-2.nav-style-3 a.btn-volunteer.b-v02 { right: 100px; }
		.header-style-2.nav-style-3 a.btn-volunteer.b-v03 { display: block; background: #e0881f; } */
		.header-style-2.nav-style-3 a.btn-volunteer,
		.header-style-2 .navigation-row a.btn-donate { display: none; }

		/* 手機選單 */
		.header-style-2.nav-style-3 .navigation-row .navbar-collapse {
			background: #f1f1f1;
			position: absolute;
			z-index: 1020;
		}
		.header-style-2.nav-style-3 #nav li:before { display: none; }
		.header-style-2.nav-style-3 .navigation-row .navbar-collapse { border: none; }

		strong.logo a img { height: 50px; }
		strong.logo { text-align: left; }
		.navbar-toggle { margin: 19px 0 0 0; display: none; }

		/* 手機選單 */
		.header-style-2.nav-style-3 .navigation-row #nav { padding: 10px 0; }
		.header-style-2.nav-style-3 .navigation-row #nav li a { line-height: 40px; }
		.header-style-2.nav-style-3 .navigation-row .navbar { height: 0; }
		.header-style-2.nav-style-3 .navigation-row .navbar-collapse { top: 100%; border: none; }
		.header-style-2 .navigation-row .navbar-header {
		    top: -72px;
		    right: 0;
		    position: absolute;
		}

		/* 內頁page bar */
		.inner-banner .breadcrumb { display: none; }
		.inner-banner { padding: 10px 0; height: auto; margin-bottom: 0; }
		.inner-banner h1 { line-height: 1.4em; font-size: 16px; margin: 0; }

	}
	@media (max-width:479px) {
		.navbar { height: 50px; }
		.header-style-2.nav-style-3 a.btn-volunteer { height: 50px; line-height: 50px; }
		/* .header-style-2 .navigation-row a.btn-donate { margin: 0; padding: 10px; } */
		.cp-search-holder input { width: 170px; }
		.cp-search-holder { margin: 0; }
		

		.header-style-2.nav-style-3 a.btn-volunteer { width: 33.33%; position: static; }

		
	}
	@media (max-width:374px) {
		/* 內頁page bar */
		.inner-banner { padding: 8px 0; margin-bottom: 0; }
		.inner-banner h1 { line-height: 1.2em; font-size: 14px; }
		
	}

	/* share-box */
	.share-box img { width: 30px; }
	.share-box { padding: 0; margin: 0; }
	.share-box .pc-tt { display: none; }
	.share-box { text-align: center;  position: static; display: block; background-color: transparent; box-shadow: none; }
	.share-box li span { display: block; color: #666; margin-top: 5px; font-size: 16px; letter-spacing: .05em; }
	.share-box li { display: inline-block; vertical-align: middle; margin: 0 15px; }
	.share-box li:hover a { background-color: transparent; opacity: .8; }
	.share-box>li>a { padding: 0; margin: 0; display: block; text-decoration: none; color: #444; }
	.share-box .i-link { position: relative; }
	/* .share-box .i-link .copy-box:before {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 5px 8px 5px;
		border-color: transparent transparent #e8de62 transparent;
		position: absolute;
		top: -8px;
		right: 150px;
		margin: auto;
	} */
	.share-box .i-link .copy-overlayer {
		display: none;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		height: 100%;
		background-color: rgba(0, 0, 0, .2);
		z-index: 9999;
	}
	.share-box .i-link .copy-box { 
		position: absolute; 
		right: 0;
		top: 100%;
		background-color: #e8de62;
		z-index: 99999;
		white-space: nowrap;
		padding: 10px;
		width: 290px;
		margin-right: -16px;
		font-size: 13px;
		margin-top: 8px;
	}
	.share-box .i-link #copy-success.copy-box { width: 100px; margin-left: 0; right: 0; }
	/* .share-box .i-link #copy-success.copy-box:before { right: 11px; } */
	.share-box .i-link .copy-box b { display: block; text-align: center; }
	.share-box .i-link .copy-box input { width: 100%; display: block; margin-bottom: 5px; }
	.share-box .copy-text {
		font-size: 0;
		height: 0;
		opacity: 0;
		line-height: 0;
		width: 0;
		text-indent: -999999px;
		position: absolute;
	}
	.share-box li.i-line.mb .line-icon {
		line-height: 0;
		margin: auto;
	  width: 30px;
	  height: 30px;
	  background: url(../images/icon/si-line.png) no-repeat center center #00c200;
	  background-size: 30px auto;
	}
	.share-box li.i-line.mb .line-it-button {
	visibility: hidden;
	opacity: 0;
	}
	.share-box li.i-line.mb:after {
		content: 'Line分享';
		display: block;
		color: #666; margin-top: 5px; font-size: 16px; letter-spacing: .05em;
	}

	.share-box-style2 img { margin-right: 12px; }
	.share-box-style2 li.i-link img { margin-right: 0; }
	.share-box-style2 .pc-tt { display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 15px; color: #666; }
	.share-box-style2 li { margin: 0; }
	.share-box-style2 li span { display: none; }
	.share-box-style2 li.i-line.mb .line-icon { margin-right: 12px; }
	.share-box-style2 li.i-line.mb:after { display: none; }
	.share-box-style2 .i-link .copy-box { margin-right: 0; }



	

/* ---------------------------------------------------------------------------------------
 * footer
--------------------------------------------------------------------------------------- */
	#footer .oz { font-weight: normal; font-size: 12px; color: #999; display: inline-block; }
	#footer .copyr { color: #666; font-weight: normal; display: block; margin-top: 10px; }
	.ft-icon { display: inline-block; }
	.ft-icon img { height: 38px; display: block; }
	#footer address { margin-bottom: 0; }
	.footer-section-2 { padding: 25px 0; }
	/* #footer .ft-logo img { height: 60px; }
	#footer .ft-logo { text-align: center; } */
	/* .header-style-2 .topbar .container-fluid, .header-style-2 .navigation-row .container-fluid { padding: 0 15px; }
	.footer-logo { margin-bottom: 10px; }
	h3.ft-title { color: #ababab; font-size: 20px; letter-spacing: .1em; font-weight: bold; margin: 10px 0 15px 0; }
	h3.ft-name { color: #fff; font-size: 20px; letter-spacing: .1em; font-weight: bold; margin: 8px 0 5px 0; }
	h4.ft-name-en { color: #eee; font-size: 13px; letter-spacing: .1em;  margin: 0 0 10px 0; }
	.footer-section-2 address p { margin: 0 0 5px 20px; } */
	/* @media (min-width:1300px) {
		.header-style-2 .topbar .container-fluid, .header-style-2 .navigation-row .container-fluid { padding: 0 80px; }
	} */
	/* @media (max-width:1380px) {
		.header-style-2 .navigation-row .navbar {     padding: 0 20px 0 0; }
		#nav li a { padding: 0 10px; }
	} */
	@media(max-width:991px) {
		.footer-section-3 .col-md-6 { text-align: center!important; }
		/* .ft-icon { width: 300px; display: block; max-width: 100%; } */
		/* .ft-logo { display: none; } */
	} 
	@media (max-width:767px) {
		.ft-mb-tools { margin: 10px 0; }
		.ft-mb-tools a { display: inline-block; margin: 0 4px; padding-right: 9px; color: #777; border-right: 1px solid #ccc; }
		.ft-mb-tools a:last-child { padding-right: 0; border: none; }
		.footer-section-3 address { margin-top: 10px; }
	}

/* ---------------------------------------------------------------------------------------
 * home
--------------------------------------------------------------------------------------- */
	#banner-style-3 { background-color: transparent; height: auto; }
	.home-banner {
		/* background-image: -webkit-linear-gradient(90deg, #444 0%, #666 100%);
	    background-image: -moz-linear-gradient(270deg, #444 0%, #666 100%);
	    background-image: linear-gradient(0deg, #444 0%, #666 100%); */
	    background-color: #ffad51;
	}
	.home-banner .item .bg-image { height: 700px; width: 100%; }
	.home-banner img { float: none!important; width: 100%; }
	.home-banner .item .container { padding: 0;margin: 0 auto; position: relative; z-index: 1; }
	.custom-item { display: block; padding: 50px 30px 30px 30px; list-style-type: none; width: 1200px; max-width: 100%; margin: 0 auto; }
	.custom-item li { width: 25%; float: left; padding: 10px; }

	.home-news .news-box { margin: 0 0 25px 0; padding-bottom: 25px; border-bottom: 1px solid #ccc; }
	.home-news .news-box:last-child { margin-bottom: 0; }
	.home-news .news-list { margin-top: 10px; }
	.home-news .tags-row { float: none; }
	.home-news .tags-row:after { content: ''; display: block; clear: both; }
	.home-news .text-box p { max-height: 48px; overflow: hidden; }

	.home-center { margin-top: 50px; margin-bottom: 0; } 

	.home-award { margin-top: 0; }
	.home-award .team-slider .owl-wrapper { border-bottom: 1px solid #d87d11; }
	.home-award .team-box .text-box { border: none; }
	.home-award .team-box .text-box h4 { font-size: 16px; }
	.home-award.testimonials-team-section .item { margin: 0; padding: 1px; }
	.home-award .owl-buttons { top: -77px; right: 0; position: absolute; }
	.home-award .owl-buttons div { 
		position: static;
		display: inline-block;
	    vertical-align: middle;
	    float: none;
	    margin: 0 1px;
	    width: 35px;
	    height: 35px;
	    background: #e1e1e1;
	    text-align: center;
	    line-height: 35px;
	    font-size: 0;
	    color: #777;
	}
	.home-award .owl-buttons div:before { line-height: 35px; }

	/* .home-house #post-slider { padding: 25px; background-color: #f3f3f3; } */
	.home-house .heading-left small { font-size: 18px; }
	.home-house #post-slider .post-box .frame { margin-bottom: 0; }
	.home-house #post-slider .text-box { text-align: center; padding: 20px 10px 10px 10px; margin-bottom: 20px; background-color: #f3f3f3; }
	.home-house #post-slider .text-box h3 { font-size: 22px; }
	.home-house #post-slider .text-box .tags-row { float: none; margin-top: 5px; }
	.home-house #post-slider .text-box .tags-row .link { display: inline-block; float: none; padding: 0 5px; }
	.home-house #post-slider .text-box .btn-readmore { 
		float: none;
	    display: inline-block;
	    position: relative;
	    margin: 10px 0; 
	}

	.home-more { text-align: center; padding: 30px 0 0 0; }
	.home-more a {
	    color: #d87d11;
	    font-size: 14px;
	    font-weight: bold;
        border-bottom: 3px solid #ded1bf;
	    padding: 8px 15px;
	    background: #f7f4f0;
	    -webkit-border-radius: 4px;
	    -moz-border-radius: 4px;
	    border-radius: 4px;
	}
	.home-more a:before {
	    content: "\f009";
	    font-family: FontAwesome;
	    display: inline-block;
	    font-size: 7px;
	    color: #999;
	    line-height: 14px;
	    margin-right: 3px;
	    color: #d87d11;
	}

	@media (min-width:0px) {
		.home-banner .item .bg-image { 
			position: absolute;
			left: 0;
			top: -5%;
			right: 0;
			height: 110%;
			width: 100%;
			background-position: center center;
			background-size: cover; 
			/* -webkit-filter: blur(25px);
			-moz-filter: blur(25px);
			-o-filter: blur(25px);
			-ms-filter: blur(25px);
			filter: blur(25px); */
		}	
	}
	@media (max-width:1199px) {
		.home-news .news-box .text-box,
		.home-news .news-box .post-box { margin-bottom: 0; }
		/* .home-news .news-box { margin-bottom: 12px; padding-bottom: 12px; } */
		.home-news .news-box .text-box p { max-height: 50px; overflow: hidden; }
	}
	@media (max-width:767px) {
		.home-more { padding: 30px 0 20px 0; }
		.home-banner .item .bg-image { display: none; }
		.custom-item { padding: 30px; }
		.custom-item li { width: 50%; }

		.home-award { margin-top: 15px; }
		.home-award .owl-buttons { position: static; text-align: center; margin-top: 20px; }


		.home-house #post-slider .text-box { text-align: left; padding: 15px 10px; }
		.home-house #post-slider .text-box .tags-row a { padding: 0 10px 0 0; font-size: 13px; }
		.home-house #post-slider .text-box h3 { font-size: 16px; margin-bottom: 0; } 
	}
	@media (max-width:479px) {
		.home-award .team-section { margin-bottom: 0; }
		.custom-item { padding: 20px; }
		.home-house .heading-left small { font-size: 15px; display: block; margin-top: 10px; }
	}
	@media (max-width:320px) {
		.home-news .news-box .text-box p { max-height: 55px; }
	}


/* ---------------------------------------------------------------------------------------
 * award
--------------------------------------------------------------------------------------- */
	.award-list-A.team-style-2 .box { padding-bottom: 0; }
	.award-list-A.team-style-2 .box .text-box,
	.award-list-A.team-style-2 .box:hover .text-box { 
		height: auto; 
		position: static; 
		overflow: hidden; 
		text-overflow: ellipsis; 
		white-space: nowrap; 
		color: #d87d11;
	    font-size: 14px;
	    font-weight: bold;
        border-bottom: 3px solid #ded1bf;
	    padding: 12px 15px;
	    background: #f7f4f0;
	    -webkit-border-radius: 4px;
	    -moz-border-radius: 4px;
	    border-radius: 4px;
	}
	.award-list-A.team-style-2 .text-box h4 { margin: 0; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

	.award-dt-wrap .base-title { margin: 30px 0; text-align: center; font-size: 22px; }
	.award-dt-wrap>.team-style-2 { padding: 30px 0; }
	.award-dt-wrap>.team-style-2 .box { margin-bottom: 10px; margin-top: 15px; }
	.award-dt-wrap>.team-style-2-B { background-color: #f7f4f0; }
	.award-dt-wrap>.team-style-2:nth-child(1) .box { margin-top: 0; margin-bottom: 30px; }
	.award-dt-wrap>.team-style-2-B { padding:40px 0 60px 0; min-height: 480px; }
	.award-dt-wrap>.team-style-2-B .base-title { margin: 30px 0 0 0; }

	.award-level2-list-wrap .award-level2-list-cate { }
	.award-level2-list-wrap .award-level2-list-cate ul {  list-style-type: none; padding: 0; margin: 0; }
	.award-level2-list-wrap .award-level2-list-cate ul:after { content: ''; display: block; clear: both; }
	.award-level2-list-wrap .award-level2-list-cate ul li { width: 25%; float: left; padding: 5px; }
	.award-level2-list-wrap .award-level2-list-cate ul li a {
		display: block;
		color: #d87d11;
	    font-size: 14px;
	    font-weight: bold;
		border-bottom: 3px solid #eadfd3;
		padding: 8px 15px;
		background: #fffdfb;
	    -webkit-border-radius: 4px;
	    -moz-border-radius: 4px;
	    border-radius: 4px;
	}
	.award-level2-list-wrap .award-level2-list-cate ul li a:hover,
	.award-level2-list-wrap .award-level2-list-cate ul li a:visited,
	.award-level2-list-wrap .award-level2-list-cate ul li a:focus {
		text-decoration: none;
		color: #888;
	}
	.award-level2-list .item { display: none; }
	.award-level2-list .item:nth-child(1) { display: block; }
	@media (max-width:991px) {
		.award-level2-list-wrap { padding: 0; }
		.award-level2-list-wrap .award-level2-list-cate { position: static; margin-bottom: 40px; }
		.award-level2-list-wrap .award-level2-list-cate ul li {
			width: 33.3%;
			text-align: center;
		}
	}
	@media (max-width:767px) {
		#main.award-dt-wrap { padding-bottom: 0; }
		#listt {
			position: relative;
		    top: -40px;
		    display: block;
		}
		.award-dt-wrap>.team-style-2 { padding: 0; }
		.award-dt-wrap .team-style-2-A .base-title {
			margin: 0 auto 15px auto;
			font-size: 20px;
			width: 215px;
		}
		.award-level2-list-wrap { padding: 20px 0 20px 0 ; }
		.award-level2-list-wrap .filter-wrap .filter-down {
			background-color: #ded1bf;
			border-bottom: 3px solid #c5ae8d;
		}
		.award-level2-list-wrap .award-level2-list-cate ul li { width: 50%; }
		.award-level2-list-wrap .filter-overlayer { background: rgba(39, 26, 8, 0.36); }
	}
	@media (max-width:479px) {
		.award-level2-list-wrap .award-level2-list-cate ul li { width: 100%; }
		.award-level2-list-wrap .award-level2-list-cate ul li { padding: 0; }
		.award-level2-list-wrap .award-level2-list-cate ul li a { border-radius: 0; font-size: 13px; padding: 5px 15px; }
	}


/* ---------------------------------------------------------------------------------------
 * links
--------------------------------------------------------------------------------------- */
	.links-wrap .features-section .box { padding: 15px; text-align: center; }
	.links-wrap .features-section .box a { display: block; }
	.links-wrap .row>div:last-of-type>.box { margin-bottom: 0; }
	@media (max-width:767px) {
		.links-wrap .features-section .box { padding: 10px; margin-bottom: 10px; }
		.features-section { margin-bottom: 0; }
	}


/* ---------------------------------------------------------------------------------------
 * news
--------------------------------------------------------------------------------------- */
	.news-wrap .pagination-box { margin-top: 30px; }
	.news-wrap .news-timeline-box .text-box { padding: 30px; height: auto; }
	.news-wrap .news-timeline-box .text-box .holder {
		width: 100%;
		padding: 0;
	}
	.news-wrap .tags-row { color: #ca8545; font-size: 12px; margin-bottom: 10px; }
	.news-wrap .tags-row i { margin-right: 5px; }
	.news-wrap .dt-title { font-size: 26px; }
	.news-wrap .fck { margin-bottom: 30px; }
	@media (max-width:991px) {
		.news-timeline-box .text-box:before,
		.news-timeline-box .text-box:after { display: none; }
	}
	@media (max-width:767px) {
		.news-wrap .pagination-box { margin: 0 0 30px 0; }
		.news-wrap .news-timeline-box .text-box { padding: 20px; }
		.news-timeline-box { margin-bottom: 20px; }
		.news-wrap .dt-title { font-size: 20px; }
	}


/* ---------------------------------------------------------------------------------------
 * apply 
--------------------------------------------------------------------------------------- */
    /* .apply-note-table tr td { background-color: #eee; } */
    /* .apply-form { width: 800px; max-width: 100%; margin: auto; } */
    .apply-form .form-group { margin: 0; position: relative; padding: 0 10px; }
    .apply-form .form-group>label { position: absolute; top: 15px; left: 17px; z-index: 1; }
    .apply-form .form-group input, .apply-form .form-group .ss { margin-bottom: 10px; }
    .apply-form .form-group input { padding-left: 85px; }
    .apply-form .form-group:after { content: ''; display: block; clear: both; }
    .apply-form .sex-wrap { padding-top:12px }
    .apply-form h3 { font-size: 20px; line-height: 1.4em; }
    .apply-form .note { color: #ca0303; }
    .item-wrap .item>.row { margin-left: 0px; margin-right: 0px; }
    .apply-wrap .fck { margin: 30px 0; }
    .fa-box {
    	background: #eee;
	    padding: 10px 0 0 0;
	    margin-bottom: 10px;
    }
    .mo-box {
    	background: #eee;
	    padding: 10px 0 0 0;
	    margin-bottom: 10px;
    }
    .reg-id-box {
    	background: #f5edde;
	    padding: 10px 0 0 0;
	    margin-bottom: 10px;
    }
    .reg-id-box .btn { 
	    background-color: #e4b354;
	    line-height: 1;
	    margin-bottom: 10px;
	    color: #5d4a29;
	    padding: 7px 10px;
	    min-width: 100px;
	    -webkit-border-radius: 3px;
	    -moz-border-radius: 3px;
	    border-radius: 3px;
	    font-size: 14px;
    }


/* ---------------------------------------------------------------------------------------
 * house
--------------------------------------------------------------------------------------- */
	.house-wrap .filter-wrap { width: 700px; max-width: 100%; margin: auto; }
	.house-wrap .team-style-1 .box .text-box { padding: 20px; }
	.house-wrap .team-style-1 .box .text-box a:hover { text-decoration: none; }
	.house-wrap .team-style-1 .box { min-height: 0; }
	/* .house-wrap .team-style-1 .box:hover { border: 1px solid #ccc; } */
	.house-list>.item { display: inline-block; vertical-align: top; width: 33%; padding: 10px; }
	.house-list .text-box p { display: block; height: 116px; overflow: hidden; }
	.house-wrap .tags-row { margin: 10px 0 10px 0; float: none; }
	.house-wrap .tags-row .link {
	    float: left;
	    font: 400 14px/1.3em 'Open Sans', 'Noto Sans TC', "Microsoft JhengHei", sans-serif;
	    text-decoration: none;
	    padding: 0 20px 5px 0;
	    color: #ca8545;
	}
	.house-wrap .tags-row .link:last-child { display: block; width: 100%; padding-right: 0; clear: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.house-wrap .tags-row .link .fa {
	    padding: 0 6px 0 0;
	}

	.kw-wrap {
	    float: left;
    	width: 100%;
    	position: relative;
	}
	@media (max-width:991px) {
		.house-list>.item { width: 49.5%; }
	}
	@media (max-width:767px) {
		.house-list { margin-top: 7px; }
		.house-list>.item { width: 100%; padding: 10px 0; }
		.house-wrap .team-style-1 .box .text-box { padding: 15px 5px; }
		.house-wrap .team-style-1 .box { margin-bottom: 1em; }
		.house-list .text-box p { height: auto; max-height: 120px; }
	}
	@media (max-width:479px) {
		.house-wrap .filter-wrap .row>div { width: 100%; }
	}
	@media (max-width:320px) {
		.house-list .text-box p { max-height: 116px; }
		.house-wrap .box .text-box .tags-row .link {
			font-size: 12px;
		}
		.theme-style-1 p { margin-bottom: 10px; font-size: 13px; line-height: 1.5em; }
		.house-wrap .tags-row { margin: 9px 0 5px 0; }
		.house-wrap .team-style-1 .box .text-box { padding: 8px 5px 3px 5px; }

	}


/* ---------------------------------------------------------------------------------------
 * house dt
--------------------------------------------------------------------------------------- */
	.house-dt-wrap .desc-wrap .t-tr .t-td:nth-child(1) {
		font-weight: bold;
	}
	.house-dt-wrap .desc-wrap .t-tr  { margin-bottom: 10px; }
	.house-dt-wrap>section { padding: 50px 0; }
	.house-dt-wrap>section:nth-child(odd) { background-color: #f7f7f7; }

	/* house-top */
	.house-dt-slick-wrap { border: 1px solid #ccc; padding: 20px; background-color: #fff; }
	.house-top .t-tr { border-bottom: 1px solid #ccc; padding-bottom: 10px; }


	/* dog */
	.dog-list .item {
		padding: 10px;
		width: 33.3%;
		float: left;
		display: table;
		vertical-align: top;
	}
	.dog-list .item .inner { 
		position: relative; 
		border: 1px solid #e2e2e2;
		background-color: #fff;
		display: table-cell;
		box-shadow: 0 0 5px rgba(0,0,0,0.1);
	    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1); 
		padding: 20px; 
		border-left: none;
	}
	.dog-list .item .inner .img-wrap { width: 100%; }
	.dog-list .t-table { display: table; margin-top: 15px; }
	.dog-list .t-tr { display: table-row; }
	.dog-list .t-td { display: table-cell; vertical-align: top; }
	.dog-list .t-tr .t-td:nth-child(1) { width: 40px; }
	.dog-list .text-wrap { padding: 10px 0 0 0; }
	@media (max-width:991px) {
		.dog-list .item { width: 49%; }
	}
	@media (max-width:767px) {
		#main.house-dt-wrap { padding-top: 0; padding-bottom: 0; }
		.house-dt-wrap>section { padding: 15px 0; }
		.house-dt-wrap .desc-wrap { padding: 0 15px; } 
		.house-dt-wrap .desc-wrap h2 { font-size: 20px; text-align: center; }
		.house-dt-wrap .container { padding: 0; }
		.house-dt-wrap .container .row { margin: 0; }
		.house-dt-wrap .container .row>div { padding: 0; }
		.house-dt-wrap .house-top { padding-top: 0; }
		.house-dt-wrap .back-box { padding: 15px 15px 0 15px; }

		.house-dt-slick-wrap { margin-bottom: 15px; padding: 0; }

		.dog-list .item { width: 100%; padding: 10px 0; }
		.dog-list .item .inner { height: auto!important; padding: 0; border-left: none; border-right: none; }
		.dog-list .text-wrap { padding: 10px 0; }
		.dog-list .t-table { margin-top: 0; }
	}

/* ---------------------------------------------------------------------------------------
 * rank
--------------------------------------------------------------------------------------- */
	/* .rank-table th { text-align: center; }
	.rank-table tr td { color: #666; font-size: 14px; }
	.rank-table .t-url a { vertical-align: middle; display: inline-block; }
	.rank-table tr th, .rank-table tr td { background-color: #fff; text-align: center; padding:7px 9px; border:1px solid #dcdcdc; }
    .rank-table tr th { font-size: 14px; background-color: #f9f9f9;  }
    .rank-table tr .mb-title { display: none; }
    .rank-table tr:hover td { background-color: #eee; }
    .rank-table tr td .mb-content { display: block; }
    .rank-table tr .t-left { text-align: left; } */

	.theme-style-1 h1.rank-title { font-size: 27px; text-align: center; margin-bottom: 20px; }
    .theme-style-1 h3.rank-type { display: block; font-size: 20px; margin-top: 30px; }

    .rank-wrap .award-list-A.team-style-2 .box { margin-bottom: 20px; }
    .rank-wrap .pagination-box { margin-top: 30px; }

    .rank-wrap .filter-wrap { width: 300px; max-width: 100%; display: block; float: none; margin: auto; }
	.rank-wrap .form-row { float: none; margin-bottom: 0; }
	@media (max-width:767px) {
		.donation-section { margin-bottom: 0; }
		.rank-wrap .award-list-A.team-style-2 .box { margin-bottom: 15px; }
	}
	@media (max-width:479px) {
		.theme-style-1 h1.rank-title { font-size: 20px; }
		.theme-style-1 h3.rank-type { margin: 20px 0 0 0; font-size: 16px; text-align: center; }
	}
    

    /* .rank-table-list */
	.rank-table-list th { text-align: center; }
	  .rank-table-list tr td { color: #666; font-size: 14px; }
	  .rank-table-list .t-url a { vertical-align: middle; display: inline-block; }
	  @media (min-width:1200px) { 
	    .rank-table-list tr th, .rank-table-list tr td { background-color: #fff; text-align: center; padding:7px 9px; border:1px solid #dcdcdc; }
	    .rank-table-list tr th { font-size: 14px; background-color: #f9f9f9;  }
	    .rank-table-list tr .mb-title { display: none; }
	    .rank-table-list tr:hover td { background-color: #eee; }
	    .rank-table-list tr td .mb-content { display: block; }
	    .rank-table-list tr .t-left { text-align: left; }
	  }
	  @media (max-width:1199px) {
	  	.theme-style-1 h3.rank-type { padding: 0 10px; }
  		.rank-table-list { }
	    .rank-table-list tr { 
	      display: inline-block;
          border: none;
          padding: 10px;
	      overflow: hidden;
	      vertical-align: top;
	      width: 50%;
	    }
	    .rank-table-list tr.pc-title { display: none; }
	    .rank-table-list tr td { display: block; width: 100%; padding:0; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;  }
	    .rank-table-list tr td:first-child { border-top: 1px solid #dcdcdc; }
	    .rank-table-list tr td:last-child { border-bottom: 1px solid #dcdcdc; }
	    .rank-table-list tr .mb-title {  
	      text-align: center;
	      display: table-cell;
	      width: 80px;
	      padding: 5px 8px;  
	      background: #f9f9f9;  
	      border-right: 1px solid #dcdcdc;
	      font-weight: bold;
	      font-size: 13px;
	    }
	    .rank-table-list tr td .mb-content { 
	    	font-size: 13px; 
	    	display: table-cell; 
	    	padding:5px 10px;     
	    	vertical-align: middle; 
	    }

	  }
	  @media (max-width:600px) {
	  	.rank-table-list tr { width: 100%; padding: 10px 0; }
	  }



/* ---------------------------------------------------------------------------------------
 * member-ls
--------------------------------------------------------------------------------------- */	
	@media (max-width:991px) {
		select.ss { margin-bottom: 10px; }
	}
	
	.donation-section form { float: none; }
	/* .share-url-list */
	.share-url-list th { text-align: center; }
	  .share-url-list tr td { color: #666; font-size: 14px; }
	  .share-url-list .t-url a { vertical-align: middle; display: inline-block; }
	  @media (min-width:768px) { 
	    .share-url-list tr th, .share-url-list tr td { background-color: #fff; text-align: center; padding:7px 9px; border:1px solid #dcdcdc; }
	    .share-url-list tr th { font-size: 14px; background-color: #f9f9f9;  }
	    .share-url-list tr .mb-title { display: none; }
	    .share-url-list tr:hover td { background-color: #eee; }
	    .share-url-list tr td .mb-content { display: block; }
	    .share-url-list tr .t-left { text-align: left; }
	  }
	  @media (max-width:767px) {
  		.share-url-list { margin-top: 10px; }
	    .share-url-list tr { 
	      display: inline-block;
          border: none;
          padding: 10px;
	      overflow: hidden;
	      vertical-align: top;
	      width: 50%;
	    }
	    .share-url-list tr.pc-title { display: none; }
	    .share-url-list tr td { display: block; width: 100%; padding:0; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;  }
	    .share-url-list tr td:first-child { border-top: 1px solid #dcdcdc; }
	    .share-url-list tr td:last-child { border-bottom: 1px solid #dcdcdc; }
	    .share-url-list tr .mb-title {  
	      text-align: center;
	      display: table-cell;
	      width: 80px;
	      padding: 5px 8px;  
	      background: #f9f9f9;  
	      border-right: 1px solid #dcdcdc;
	      font-weight: bold;
	      font-size: 13px;
	    }
	    .share-url-list tr td .mb-content { 
	    	font-size: 13px; 
	    	display: table-cell; 
	    	padding:5px 10px;     
	    	vertical-align: middle; 
	    }

	  }
	  @media (max-width:479px) {
	  	.share-url-list tr { width: 100%; padding: 10px 0; }
	  }

/* ---------------------------------------------------------------------------------------
 * form
--------------------------------------------------------------------------------------- */
	.captcha-wrap .cc-box { position: relative; }
	.captcha-wrap .cc-box a { position: absolute; right: 4px; top: 4px; }
	.captcha-wrap .cc-box input { padding-right: 110px; }

	.form-group:after { content: ''; display: block; clear: both; }
	.contact-form form input[type="text"],
	.contact-form form textarea { margin-bottom: 0; }
	@media (max-width:767px) {
		.contact-form { margin: 0 0 0 0;  }
		.contact-form form input[type="submit"] { margin-bottom: 0; }
		.contact-section { margin-bottom: 0; }
	}

	input[type="text"] {
		-webkit-border-radius: 0!important;
		-moz-border-radius: 0!important;
		border-radius: 0!important;
	}


	.btn { color: #fff; font-size: 16px; padding: 10px; }
	.rc-wrap { display:inline-block}
	input.rc {


	    display:none;
	}
	input.rc + label {
	    font-size: 13px;
	    margin-right:10px;

	}
	input.rc + label .rc-box {
	    display:inline-block;
	    width:14px;
	    height:14px;
	    background:#fff;
	    border:1px solid #BABABA;
	    cursor:pointer;
	    margin:-3px 5px 0 0;
	    vertical-align:middle;
	    box-shadow: inset 0px 0px 2px 1px rgba(215, 215, 215, 0.72);

	}
	input.rc:checked + label .rc-box:before {
	    width:8px;
	    height:8px;
	    margin:2px auto;
	    content:'';
	    display: block;

	}
	input.rc[type="radio"] + label .rc-box, input.rc[type="radio"]:checked + label .rc-box:before {
	    border-radius: 50%;
	    -webkit-border-radius: 50%;
	    -moz-border-radius: 50%;
	    -o-border-radius: 50%;
	}
	input.rc[type="checkbox"] + label .rc-box, input.rc[type="checkbox"]:checked + label .rc-box:before {
	    border-radius: 2px;
	    -webkit-border-radius: 2px;
	    -moz-border-radius: 2px;
	    -o-border-radius: 2px;
	}
	input.rc[type="radio"]:checked + label .rc-box:before {
	    background:#444;
	}
	input.rc[type="checkbox"]:checked + label .rc-box:before  {
	    background: url(../images/icon/tick.png) no-repeat center center;
	}

	select.ss {
	  background-image: url(../images/icon/select-arr.png);
	    width: 100%;
	    -webkit-appearance: none;
	    -moz-appearance: none;
	    appearance: none;
	    background-position: right center;
	    background-repeat: no-repeat;
	    cursor: pointer;
	    padding:0 10px;
	    background-color: #fff;
	    height:43px;
	    border-radius: 0;
	    -webkit-border-radius: 0;
	    -moz-border-radius: 0;
	    -o-border-radius: 0;
	    border:1px solid #CDCDCD;
        background-size: 30px auto;
        color: #6d6d6d;
        box-shadow: 0 0 5px rgba(0,0,0,0.1);
	    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	}
	select.ss::-ms-expand {    display: none;}
	::-webkit-input-placeholder {
	   color: #444;
	}

	:-moz-placeholder { /* Firefox 18- */
	   color: #444;
	}

	::-moz-placeholder {  /* Firefox 19+ */
	   color: #444;
	}

	:-ms-input-placeholder {
	   color: #444;
	}

	.cp-search-inner ::-webkit-input-placeholder {
	   color: #fff;
	}

	.cp-search-inner :-moz-placeholder { /* Firefox 18- */
	   color: #fff;
	}

	.cp-search-inner ::-moz-placeholder {  /* Firefox 19+ */
	   color: #fff;
	}

	.cp-search-inner :-ms-input-placeholder {
	   color: #fff;
	}