/*
 *  Document   : main.css
 *  Author     : Jim
 *  Description: The main stylesheet of the template
 *
 *  Structure (with shortcodes):
 *      (#m01mls) MAIN LAYOUT
 *      (#m02-1hds) HEADER
 *		(#m02-2fts) FOOTER
 *      (#m03mcs) MAIN CONTENT
 *      (#m04bos) BOOTSTRAP OVERWRITE/EXTEND STYLES
 *      (#m05ths) THEME
 *      (#m06hes) HELPERS
 *      (#m07res) RESPONSIVE
 *      (#m08rts) RETINA
 *      (#m09rprl) PREdetec-search-resultLOAD
 */

/*
=================================================================
(#m01mls) MAIN
=================================================================
*/
html {
	height: 100%;
}

body {
	font-family: 微軟正黑體;
	font-size: 16px;
	height: 100%;
}

a { text-decoration: none; color: #404040; }
a:hover,a:focus,a:visited { text-decoration: none; color: #404040; }

div.hr {border-bottom: 1px solid #E7E0E0; margin-left: -15px; margin-right: -15px; margin: 15px 0px;}

span.alert-text { color: #E1645F; }
span.date-text { color: #E67817;}
/*
=================================================================
(#m02-1hds) HEADER
=================================================================
*/
div.xs-header { height: 165px; }
header h1{
	display: inline;
	margin: 0;
}
header div.xs-title-line {
	height: 5px;
	background: url(../img/xs-main/top.png);
	background-size: auto 7px;
}
header div.md-title-line {
	height: 5px;
	background: url(../img/md-main/top.png);
}
header div.xs-title {
	height: 158px;
	padding: 10px 0px;
	background: url(../img/xs-main/bg.png);
}
header div.xs-title>div {
	position: relative;
}

header div.is-sticky div.xs-title {
	height: 72px;
	border-bottom: 1px solid #EDC786;
	box-shadow: 0 0 2px 0 rgba(0,0,0,0.15);
}

header div.xs-title div.col-xs-12.mobile-logo { padding-right: 105px; }
header div.xs-title div.mobile-donate { position: absolute; right: 60px; width: 45px; }
header div.xs-title div.mobile-menu { position: absolute; right: 15px; width: 45px; }
header div.xs-title img { max-width: 100%; }
header div.xs-title img.xs-logo { width: 227px; height: auto;}
header div.xs-title img.xs-logo.en { width: 227px; height: auto; margin-top: 7px;}
header div.xs-title img.xs-title-button {
	margin-top: 18px;
}
header div.md-title {
	height: 314px;
	background: url(../img/md-main/bg.png);
}

header div.md-title img.md-title-logo {
	margin-top: 15px;
}

div.md-title div.share-box {
	float: left;
	margin-top: 10px;
}
div.md-title div.share-box a {
	display: inline-block;
	color: #8F7b59;
	font-size: 14px;
	font-weight: bold;
}
div.md-title div.share-box a.link-box {
	margin: 0px 10px;
}
div.md-title div.share-box a img {
	margin-right: 5px;
}
div.md-title div.share-box div.social-link-box {
	display: inline-block;
	padding: 0px 15px; 
	border-left: 2px dotted #fff;
}
div.md-title div.share-box div.social-link-box.en {
	border-left: 0px;
}

div.md-title div.zh-box {
	float: left;
}
div.md-title div.zh-box a {
	display: inline-block;
	width: 28px; 
	height: 40px;
	text-align: center;
	color: #fff;
	font-size: 14px;
}
div.md-title div.zh-box a span {
	display: inline-block;
	margin-top: 10px;
}
div.md-title div.zh-box a.zh-en {
	background: url(../img/md-main/en-tag.png);
}
div.md-title div.zh-box a.zh-tw {
	background: url(../img/md-main/ch-tag.png);
}

/* Main Menu */
#sidebar,#sidebar-alt { background-color: #ECD3AA; width: 0;position: absolute; overflow: hidden;
}

#sidebar-alt { right: 0;}
#sidebar,#sidebar-alt,#main-container,.header-fixed-top header{-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.sidebar-alt-visible-xs #sidebar-alt { width: 250px;}
.sidebar-alt-visible-xs #main-container { margin-right: 250px;    margin-left: -250px;}
.sidebar-alt-visible-xs .is-sticky #a-cart-sticky-header {margin-right: 250px; margin-left: -250px;}
.header-fixed-top #sidebar-alt {   position: fixed; right: 0; top: 0; bottom: 0;}
/* Sidebar Navigation */
.sidebar-nav { list-style: none; margin: 0; padding: 0px 0 0;}
.sidebar-nav .sidebar-header:first-child { margin-top: 0;}
.sidebar-nav .sidebar-ul-split {padding:9px 10px; color:#262626; background:#ECD3AA; position: relative; }
.sidebar-nav .sidebar-ul-split:after {  position: absolute;  content: " ";  width: 0;  height: 0;  border: solid transparent;     right: 12px;    bottom: -12px;}
.sidebar-nav .sidebar-ul-split:after {  border-width: 6px;  border-top-color: #ff7878; }

.sidebar-nav select {margin: 10px 10px; padding: 5px 3px; background: #C40010; color: #262626; border: none; border-radius: 5px; }
.sidebar-nav select:focus {
	outline:none;
}
.sidebar-nav li.nav-title { background: #E67817; }
.sidebar-nav li.nav-title a { color: #fff; display: inline-block; font-size: 17px; width: 120px; text-align: center; }
.sidebar-nav li.nav-title a+a {border-left: 1px dashed #fff; }
.sidebar-nav li.nav-title a:hover { background: #E67817; font-size: 17px; }
.sidebar-nav a {display: block;    color: #262626;    padding: 9px 25px;    min-height: 35px;    line-height: 35px; border-bottom:1px solid #C2AF8F;    text-decoration: none; }
.sidebar-nav a:hover,.sidebar-nav a.open,.sidebar-nav li.active > a {color: #262626; font-size: 16px; text-decoration: none; background: #ECD3AA; }
.sidebar-nav a.active {padding-left: 5px;    border-left: 5px solid #1bbae1; background: rgba(0, 0, 0, 0.3);}
.sidebar-nav a > .sidebar-nav-icon { -webkit-transform: rotate(90deg);    transform: rotate(90deg); }
.sidebar-nav a > .sidebar-nav-indicator { float: right;    line-height: inherit;    margin-left: 4px;    -webkit-transition: all 0.15s ease-out;    transition: all 0.15s ease-out;}
.sidebar-nav a > .sidebar-nav-icon,.sidebar-nav a > .sidebar-nav-indicator {  line-height: 1;margin-top: 10px;   display: inline-block;    opacity: 0.5;    filter: alpha(opacity=50);    width: 18px;    font-size: 1em;    text-align: center;}
.sidebar-nav a:hover,.sidebar-nav a:hover > .sidebar-nav-icon,.sidebar-nav a:hover > .sidebar-nav-indicator,.sidebar-nav a.active,.sidebar-nav a.active > .sidebar-nav-icon,.sidebar-nav a.active > .sidebar-nav-indicator,.sidebar-nav a.open,
.sidebar-nav a.open > .sidebar-nav-icon,.sidebar-nav a.open > .sidebar-nav-indicator,.sidebar-nav li.active > a,.sidebar-nav li.active > a > .sidebar-nav-icon,.sidebar-nav li.active > a > .sidebar-nav-indicator { opacity: 1; filter: alpha(opacity=100);}
.sidebar-nav a.active > .sidebar-nav-indicator,.sidebar-nav a.open > .sidebar-nav-indicator,.sidebar-nav li.active > a > .sidebar-nav-indicator {   -webkit-transform: rotate(360deg);    transform: rotate(360deg);}
.sidebar-nav ul { list-style: none;padding: 0;margin: 0;display: none;  background: #FDF1C8;}
.sidebar-nav li.active > ul {    display: block;}
.sidebar-nav ul a {margin: 0; font-size: 15px; padding-left: 25px; min-height: 32px; line-height: 32px; border-bottom:1px solid #DAD0AF;}
.sidebar-nav ul a.active,.sidebar-nav ul a.active:hover {border-left: 5px solid #1bbae1;    padding-left: 10px;}
.sidebar-nav ul a i { margin-right: 10px; }
.sidebar-nav ul ul { background: rgba(0, 0, 0, 0.3);}
.sidebar-nav ul ul a {padding-left: 25px; border-bottom:1px solid #A51717;}
.sidebar-nav ul ul a.active,.sidebar-nav ul ul a.active:hover {padding-left: 20px;}
#sidebar,#sidebar-alt,#main-container,.header-fixed-top header{-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}

/* sticky */
.is-sticky #a-cart-sticky-header {
    background: #ffffff;
    left: 0;
    margin-left: 0;
    opacity: 1;
    padding: 0px 15px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1100;
    display: block;
    /* transition: all 0.1s ease-in 0s; */
}


div.nav-box {position: relative; margin-right: 1px; float: left; margin-top: 30px;}
ul.header-nav {list-style: none; padding: 0px;  }
ul.header-nav::after{content: ''; display: block; clear: both;}
ul.header-nav>li {float: left; }
ul.header-nav>li>img {margin: 0px 17px;}
ul.header-nav.en>li>img {margin: 0px 45px;}
ul.header-nav>li>a {font-size: 20px; color: #312b20; vertical-align: middle;}
ul.header-nav.en>li>a { font-weight: bold; }
ul.header-nav>li:hover>a { border-bottom: 5px solid #E67817;}

ul.header-nav2 {display: none; position: absolute; z-index: 100; list-style: none; padding: 10px 0px; min-width: 102px; top: 32px; background: #FEF9E6; box-shadow: 1px 1px 2px #aeaeae;}
ul.header-nav2>li {padding: 0px 15px; }
ul.header-nav2>li+li a { background: url(../img/md-main/nav-line.png) repeat-x; padding-top: 8px; }
ul.header-nav2>li a { padding: 7px 15px; display: inline-block; color: #1d1d1d;  width: 100%; font-size: 16px;}
ul.header-nav2>li a i { color: #E67817; margin-right: 10px; }
ul.header-nav2>li a:hover,ul.header-nav2>li a.selected { color: #E67817; }
ul.header-nav2>li:last-child a { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
ul.header-nav>li:hover ul.header-nav2,ul.header-nav>li.open ul.header-nav2 {display: block;}
ul.header-nav>li:last-child { position: relative; }
ul.header-nav>li:last-child ul.header-nav2 { left: -82px; width: 162px; }
ul.header-nav>li:last-child ul.header-nav2.english { left: -53px; }
/*
=================================================================
(#m02-2fts) FOOTER
=================================================================
*/
footer { margin-top: 50px; }
footer div.footer-imf { font-size: 16px; }
footer div.footer-imf>div {margin-bottom: 20px;}
footer div.footer-imf>div>div { margin: 0px 15px; line-height: 35px;}
footer div.copy-right { background: #EA7A17; padding: 20px 0px; position: relative; font-size: 14px; color: #fff; }
footer div.copy-right div.container { position: relative; }
footer div.copy-right img.footer-img { position: absolute; top: -255px;}
footer img.footer-img-xs { position: relative; top: 5px; z-index: 5; width: 309px; height: 124px; }
footer div.copy-right img.copy-right-icon {margin-right: 10px; width:36px; height: 33px; }
footer div.copy-right div.copyright { display: block;  line-height: 30px; text-align: center;}
footer div.copy-right div.mark-area { display: block; line-height: 30px; text-align: center;}
footer div.copy-right div.mark-area .aplus {  display: block; margin: 10px 0px 0px 0px; }
/*@media screen and (min-width: 500px) {
}*/
@media screen and (min-width: 992px) {
	footer div.copy-right div.mark-area .aplus { display: inline-block; margin: 0px 5px 0px 0px; }
	footer div.copy-right div.mark-area { display: inline-block; float: right; margin-top: 0; }
	footer div.info-wrapper{ display: flex; justify-content:space-between; }
}
footer div.copy-right div.powerby-area { margin-top: 10px; text-align: center; }
footer div.copy-right div.powerby-area a { color:#fff; }
@media screen and (min-width: 992px) {
	footer div.copy-right div.powerby-area { text-align: left; }
}

footer div.copy-right .link-area { margin-bottom: 10px; text-align: right; }


/*
=================================================================
(#m03mcs) MAIN CONTENT
=================================================================
*/

/*=========main-area=========*/
div.main-area {margin-top: -80px;}
div.left-area { position: relative; }
div.right-area { position: relative; }
div.left-area .a-acceky { position: absolute; top: -22px; left: 0px; color: #ddd; }
div.right-area .a-acceky { position: absolute; top: -22px; left: 0px; color: #ddd; }

/*=========title-banner=========*/
div.title-banner-box { border: 5px solid #fff; border-radius: 10px;  height: 76px; }
div.title-banner-box .banner-title { font-size: 18px; color: #8F7B59; font-weight: bold; margin-top: 20px; margin-left: 20px; text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff; }

div.title-banner-box.about { background: url(../img/about/banner-768.png) 100% no-repeat; background-size: auto 66px; }
div.title-banner-box.news { background: url(../img/news/banner-768.png) 100% no-repeat; background-size: auto 66px;}
div.title-banner-box.help { background: url(../img/help/banner-768.png) 100% no-repeat; background-size: auto 66px;}
div.title-banner-box.service { background: url(../img/service/banner-768.png) 100% no-repeat; background-size: auto 66px;}
div.title-banner-box.shop { background: url(../img/shop/banner-768.png) 100% no-repeat; background-size: auto 66px;}
div.title-banner-box.media { background: url(../img/media/banner-768.png) 100% no-repeat; background-size: auto 66px;}
div.title-banner-box.contact { background: url(../img/contact/banner-768.png) 100% no-repeat; background-size: auto 66px;}
div.title-banner-box.sitemap { background: url(../img/sitemap/banner-768.png) 100% no-repeat; background-size: auto 66px;}

/*=========breadcrumbs=========*/
div.breadcrumbs { margin: 15px 0px; font-size: 15px;}
div.breadcrumbs a { color:  #474747; }
div.breadcrumbs a:hover { color: #EB9560; }
div.breadcrumbs span.path_alert { color: #EB9560; }

/*=========banner-title-line=========*/
div.banner-title-line { height: 7px; background: url(../img/content-title/line-point2.png) repeat-x 50%; background-size: auto 2px; margin-bottom: 25px; }
div.banner-title-line img.left-point {background: #fff; float: left; padding-right: 3px;}
div.banner-title-line img.right-point {background: #fff; float: right; padding-left: 3px;}

/*=========left&right area=========*/
div.right-area { width: 100%; }
div.right-area img { max-width: 100%; height: auto; }
div.right-area iframe { max-width: 100%; } 

/*=========left menu=========*/
ul.left-menu {
	list-style: none;
	padding: 0px;
}
ul.left-menu li {
	padding-left: 30px;
	padding-bottom: 15px;
}

ul.left-menu li+li {
	padding-top: 15px;
	border-top: 1px dashed #A3DACE;
}
ul.left-menu li img { margin-right: 10px; }
ul.left-menu li span { vertical-align: middle; }
ul.left-menu li.selected a { color: #E67817; }
ul.left-menu li a:hover { color: #E67817; }

div.ad-box { background: #F6F4EF; border-radius: 10px; text-align: center; padding: 6px; width: 216px; margin-left: 5px; margin-bottom: 15px;}
div.ad-box img { max-width: 100%; }

/*=========news list=========*/
h2.news-header { color: #8F7B59; font-size: 22px; margin: 0px; line-height: 39px; font-weight: bold; }
div.news-title { border-left: 5px solid #9E71B0; background: #FFFAF3; padding: 5px 10px; margin-top: 20px; }
div.news-title .title { line-height: 25px; font-weight: bold; display: inline-block; }
div.news-title a { line-height: 25px; font-weight: bold; display: inline-block; }
div.news-list-img { text-align: center; }
div.news-spec { padding: 20px 0px; margin-bottom: 5px; background: url(../img/point.png) 100% 100% repeat-x; }
div.news-spec img { max-width: 100%; }
div.news-spec div.news-text {margin-top: 10px; margin-bottom: 25px; }
div.news-date span.news-owner { color: #8F7B59; font-weight: bold; margin-right: 5px; }
div.news-date span.news-day { color: #DA251C;  }
div.news-top { display: inline-block; background: #F95734; color: #fff; border-radius: 5px; padding: 0px 2px 2px 2px; }
div.news-top img { width: 22px; height: 20px; margin: 0px 3px; }
div.news-hot { display: inline-block; background: #FFBA01; color: #fff; border-radius: 5px; padding: 0px 2px 2px 2px;}
div.news-hot img { width: 22px; height: 20px; margin: 0px 3px; }
div.news-block { display: inline-block; margin-top: 10px; }
.media-list-area a{display: block;}
/*=========news content=========*/
div.news-content-title { margin-top: 20px; font-weight: bold; }
div.news-content { margin: 30px 0px ; line-height: 25px;}
div.news-content img { max-width: 100%; }
div.content-share { margin: 20px 0px; }
div.content-share img { margin-right: 10px;  }

/*=========publication list=========*/
div.list-select-menu { margin-top: 20px; margin-bottom: 10px; }
div.list-select-menu label { font-size: 15px; }
div.list-select-menu select { display: block; }

/*========= periodical ==========*/
div.periodical-list-select-menu { margin-bottom: 15px; }
div.periodical-list-select-menu label { font-size: 15px; }
div.periodical-list-select-menu select { display: inline-block; width: 120px; }
div.periodical-main h3 { margin: 0px; font-size: 17px; font-weight: bold; vertical-align: top; display: inline-block; margin-bottom: 15px; }
div.periodical-main h3 a.periodical-download { display: block; padding: 4px 5px; background: #9E71B0; color: #fff; font-size: 14px; border-radius: 5px; font-weight: normal; margin-left: 10px; margin-top: 10px; width: 80px; float: right; }
div.periodical-main h3 a.periodical-download i { color: #fff; }
div.periodical-main h3 i.title-icon { color: #E5A73F; margin-top: -5px; }

div.periodical-intro-img {  padding: 10px; text-align: center; margin-bottom: 10px; }
div.periodical-intro-img img { max-width: 100%; max-height:  }
div.periodical-intro-spec { vertical-align: top; }
div.periodical-intro-spec label { margin-bottom: 10px; }
div.periodical-intro-spec span { color:#3E3E3E; line-height: 25px; }

/*========= event-list ==========*/
div.event-list { background: url(../img/point.png) 100% 100% repeat-x; padding: 15px 0px; }
div.event-list span.event-date { color: #DA251C; }


/*========= contact us ==========*/
div.form-title { border-top-left-radius: 5px; border-top-right-radius: 5px; background: #9E71B0; color: #fff; padding: 8px 15px; display: inline-block; margin-bottom: -2px; margin-top: 15px; }
div.form-alert { float: right; margin-top: 10px; }
div.ori-form { 
	border: 1px dashed #9E71B0; 
	background: #FFFAF3; 
	padding-top: 15px;
}

div.ori-form>div.row { margin-bottom: 15px; padding: 0px 15px; }
div.ori-form>div.row.no-margin { margin-bottom: 0px; }
div.ori-form>div.row div.form-column { margin-top: 5px; text-align: left; }
div.ori-form>div.row label.radio-inline { margin-top: 5px; margin-bottom: 10px; margin-left: 10px; }
div.ori-form>div.row label.checkbox-inline { margin-top: 5px; margin-bottom: 10px; margin-left: 10px; }
div.ori-form>div.row div.form-unit { margin-top: 5px; padding: 0px; text-align: right; padding-right: 15px; margin-bottom: 10px; }
div.ori-form>div.row div.md-margin { margin-bottom: 15px; }
div.ori-form div.button-area { border-top: 1px dashed #9E71B0; padding: 15px 25px; text-align: center;}
div.ori-form div.form-explan { margin-bottom: 20px; }
div.ori-form div.form-line {
	border-top: 1px dashed #9E71B0; margin: 15px 0px; }

div.ori-form div.row.form-table-title { margin-bottom: 0px; }
div.ori-form div.row.form-table-title>div { background: #FDEED8; padding: 10px 0px; border-top: 1px dashed #9E71B0; border-bottom: 1px dashed #9E71B0; margin-bottom: 0px; }
div.ori-form div.row.form-table-content { display: table; width: 100%; margin: 0px; padding: 0px;}
div.ori-form div.row.form-table-content>div { background: #FDE4BE; padding-top: 10px;  padding-bottom: 10px; display: table-cell; float: none; }
div.ori-form div.row.form-table-content>div+div { border-left: 1px dashed #9E71B0; }
div.ori-form div.row.form-table-content:nth-child(odd)>div { background: #FFFAF3; }
div.ori-form div.row.form-table-content-last { margin-bottom: 20px;  }
div.ori-form div.row.form-table-content-last>div { border-top: 1px dashed #9E71B0; border-bottom: 1px dashed #9E71B0; }
div.ori-form div.row.form-table-content-last>div+div { border-left: none; }

div.ori-form div.row.donate-service-sub { margin-bottom: 0px; }

img#auth_code { height: 45px; margin-right: 15px; }
#refresh_img { display: inline-block; cursor: pointer; margin-top: 10px;  }
#refresh_img i { background: #9E71B0; padding: 7px 5px; border-radius: 5px; color: #fff; }



a#auth_code_audio {
    border: 2px solid #9E71B0;
    padding: 1px 5px 3px 5px;
    border-radius: 5px;
    background: #fff;
    margin-left: 10px;
    vertical-align: middle;
    font-size: 0;
}
a#auth_code_audio:hover {
    border: 2px solid #9E71B0;
    background: #9E71B0;
}
a#auth_code_audio i {
	font-size: 16px;
    font-weight: bold;
    color: #9E71B0;
}
a#auth_code_audio:hover i {
    color: #fff;
}

button.reset-button { background: #A6937C; color: #fff; padding: 8px 18px; border-radius: 5px; margin-right: 0px; display: block; margin-bottom: 10px; border: none; width: 100%; }
button.submit-button { background: #EA7A17; color: #fff; padding: 8px 18px; border-radius: 5px;  display: block; border: none; width: 100%; margin-top: 10px;  margin-left: 0px;}
div.contact-spec { border:1px solid #DBDAD7; padding: 30px 20px; margin-top: 50px; }
div.contact-spec img { max-width: 100%; }
/*========= donate form ==========*/
div.right-area.donate-right-area{width: 100%;}
h2.donate-header{ display: inline-block; }
div.ori-form.donate-ori-form { padding-bottom: 20px; padding-top: 30px; }
div.ori-form.donate-ori-form:not(div.ori-form.donate-ori-form:last-child){ border-bottom: 0; }
div.ori-form.donate-ori-form>div.row { margin-bottom: 0; padding-bottom: 20px;}
div.ori-form.donate-ori-form div.radio{ display: inline-block; margin-right: 25px; margin-top: 7px;}
div.ori-form.donate-ori-form div.radio.donate_type{ display: block;  }
div.ori-form.donate-ori-form div.radio.donate_type .donate_type_radio{ padding-top: 1px; padding-bottom:8px; }
div.ori-form.donate-ori-form div.radio.donate_type .donate_type_radio:last-child{ padding-bottom:0; }
div.ori-form.donate-ori-form div.radio.donate_type .donate_type_radio input + .note{ padding-left:15px; }
div.ori-form>div.row div.form-column.donate_vcode_label{ margin-top:12px !important; }
div.ori-form>div.row div.donate_vcode_input{ margin-top:6px !important; }
div.ori-form>div.row div.donate_vcode_img{ margin-top:10px; display: inline-block;}
div.ori-form>div.row div.donate_vcode_img div.refresh-btn-area{ display:inline-block; }
div.ori-form>div.row a#auth_code_audio{ display: inline-block; }
div.form-title.donate-form-title{ border-top-left-radius: 0; border-top-right-radius: 0; color: #fff; padding: 10px 15px; display: inline-block; margin-bottom: -2px; margin-top: 0px; width:100%; position: relative;}
div.form-title.donate-form-title>span{ display: inline-block; font-weight: bold; font-size: 18px;}
div.form-title.donate-form-title>.title-note{ display: inline-block; font-size: 16px; }
div.choose-money-area{ margin-top: 20px; }
button.money-box.submit-button{
	width: 100%; 
	height: 34px;
	font-size: 18px;
	margin: 5px 0;
	padding: 2px 10px;
}
button.submit-button.show-last-info{ width: auto; margin-left: 15px; display: inline-block; margin-top: 0;}
div.xs-mt{margin-top: 20px;}
div#donor_no_label{display: inline-block;}
div.note{ padding-top:10px; }
div.modal-dialog { margin: 0; padding: 15px; top: 50%; left: 50%; transform: translate(-50%, -50%) !important; }
div.modal-footer { text-align: center; }
div.agree-desc-area{ padding: 15px; }
div.agree-desc-area .alert-text{ font-size:18px; font-weight: bold; line-height:1.3; color: #df4842;}
div.donate-type-btn-area { display: inline-block; padding-top: 8px;}
div.donate-type-btn-area>.donate-type-area { display: inline-block; width: calc((100% - 4px) / 2); }
div.display-note{ padding-left: 15px;padding-right:15px; }
button.submit-button.samewith-btn{ margin-left:0; padding: 6px 18px; width: auto;}
p.alert-text{ color: red; }
/*input.spec-radio{ display:none; }
input.spec-radio + label{ 
	display: block;   
    padding: 6px 20px;
    text-align: center;
    height: 34px;
    border: 0px;
    border-radius: 4px;
    margin-top: 0px;
    margin-bottom: 0px;
    cursor: pointer;
    background: #b9b9b9;
    color: #fff;
}
input.spec-radio:checked + label,  input.spec-radio:hover + label{ border: 0px; color: #fff; background: #ff774d; }*/
/*取消number箭頭 Chrome, Safari, Edge, Opera */
.donate-ori-form input[type=number]::-webkit-outer-spin-button,
.donate-ori-form input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/*取消number箭頭 Firefox */
.donate-ori-form input[type=number] {
  -moz-appearance: textfield;
}

/*========= sitemap ==========*/
ol.sitemap-des { padding-left: 12px; }
ol.sitemap-des li { margin-left: 10px; margin-bottom: 10px; }
ul.sitemap-menu { list-style: none; padding: 0px; margin-top: 25px; }
ul.sitemap-menu li { padding: 2px 0px; }
ul.sitemap-menu li a { font-size: 15px; }
ul.sitemap-menu li.menu-title { border-bottom: 1px solid #E67817; margin-bottom: 5px; }
ul.sitemap-menu li.menu-title a { color: #E67817; font-size: 17px; font-weight: bold; padding-bottom: 10px;  }

/*========= 404 ==========*/
div.error-page img { max-width: 100%; margin: 0px auto; margin-bottom: 40px; }

/*========= board ==========*/
a.leave-button { display: inline-block; background: #9E71B0; color: #fff; padding: 3px 5px; border-radius: 5px; }
div.board-box { background: url(../img/contact/bird.png) 20px 25px no-repeat #FDF2CC; background-size: 30px 23px; margin-top: 20px; padding: 25px 20px; }
div.board-box div.board-ask { margin-left: 35px; }
div.board-box div.board-ask label.ask-title { margin-right: 5px; }
div.board-box div.board-ask span.ask-date { color: #DA251C; }
div.board-box div.board-ask div.ask-content { margin: 10px 0px;  padding-right: 30px; color: #3E3E3E; line-height: 25px; word-break: break-all; position: relative; overflow: hidden; transition: max-height 0.5s ease-in; }
div.board-box div.board-ask div.ask-content a.content-button {
	position: absolute; bottom: 0px; right: 30px; background: #FDF2CC; padding-left: 10px; color: #E98D4A;
}
div.board-box div.board-ask div.ask-content a.content-button i {
	margin-right: 5px; 
}
div.board-box div.board-ask div.ask-content a.content-button:hover {
	color: #DA251C; 
}
div.board-box div.board-ask div.ask-content a.content-button.open-status {
	position: relative; display: block; text-align: right; right: 0px;
}

div.board-box div.board-ask div.ask-content.hidden-content {
	max-height: 50px; transition: max-height 0.5s ease-out; 
}


div.board-box div.board-reply { background: #FFFFFF; padding: 20px 35px;  }
div.board-box div.board-reply span.reply-date { color: #DA251C; }
div.board-box div.board-reply div.reply-content { margin: 10px 0px; color: #3E3E3E; line-height: 25px; word-break: break-all; position: relative; overflow: hidden; max-height: 500px; transition: max-height 0.5s ease-in; }
div.board-box div.board-reply div.reply-content a.content-button {
	position: absolute; bottom: 0px; right: 0px; background: #FFFFFF; padding-left: 10px; color: #E98D4A;
}
div.board-box div.board-reply div.reply-content a.content-button i {
	margin-right: 5px; 
}
div.board-box div.board-reply div.reply-content a.content-button:hover {
	color: #DA251C; 
}
div.board-box div.board-reply div.reply-content a.content-button.open-status {
	position: relative; display: block; text-align: right; right: 0px;
}
div.board-box div.board-reply div.reply-content.hidden-content {
	max-height: 50px; transition: max-height 0.5s ease-out; 
}

div.brown-line { background: url(../img/point.png) 50% repeat-x; height: 8px; margin-top: 20px; }

/*========= detec ==========*/
div.detec-tab-button-area { margin-bottom: 15px; }
div.pc-tab-box { border-bottom: 2px solid #9E71B0; }
div.pc-tab-box a { display: inline-block; padding: 8px 20px; background: #FCECB5; border-top: 3px solid #FCECB5; color: #7E7864; text-align: center; border-top-left-radius: 5px; border-top-right-radius: 5px; }
div.pc-tab-box a.selected { background: #9E71B0; color: #fff; border-color: #985FAF; }
div.pc-tab-box a:hover { background: #9E71B0; color: #fff; border-color: #985FAF; }
div.mb-tab-box select { border-color: #985FAF; }

div.purple-line { background: url(../img/purple-point.png) 50% repeat-x; height: 8px; margin-bottom: 5px; }

div.detec-search { background: #F1F1FF; border: 1px solid #DFDFFD; border-radius: 10px; padding: 25px 5px; margin-bottom: 20px; }
button.search-button { display: inline-block; background: #E67817; color: #fff; padding: 8px 8px; border-radius: 5px;  display: block; text-align: center; border: none; width: 100%; margin-top: 10px; }

div.detec-spec { border: 1px solid #DBDAD7; padding: 15px; text-align: center; margin: 20px 0px; }
div.detec-spec img { max-width: 100%; height: auto; }


label.detec-search-result-title { margin-bottom: 20px; }
div.table-title { margin: 0px; display: table; width: 100%; border: 1px solid #D6D3D1; }
div.table-content { margin: 0px; display: table; width: 100%; border: 1px solid #D6D3D1; border-top:0px; }
div.table-title>div { background: #ECEAE4; padding: 10px 10px; display: table-cell; float: none; }
div.table-content>div { padding: 10px 10px; overflow: hidden; display: table-cell; float: none; word-break: break-all; }
div.ori-table div.mb-center { text-align: center; }

span.donate-date { color: #E67817; }
span.detec-detail { background: #9E71B0; color: #fff; text-align: center; border-radius: 5px; cursor: pointer; padding: 2px 6px; display: inline-block !important; font-size: 14px;  }

/*========= volunteer spec box ==========*/
div.volunteer-spec-area { /*margin-top: 40px;*/  margin-bottom:25px; }
div.volunteer-spec-box { margin-bottom: 10px; }
div.volunteer-spec-box div.volunteer-spec-title { background: #FDE4BE; padding: 10px; border-top-right-radius: 10px; border-top-left-radius: 10px; border: 1px solid #CFC5B9; border-bottom: 0px; }
div.volunteer-spec-box div.volunteer-spec-content { padding: 10px 20px; border: 1px solid #CFC5B9; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
div.volunteer-spec-box div.volunteer-spec-content ul { list-style: none; margin-top: 10px; padding-left: 10px; }
div.volunteer-spec-box div.volunteer-spec-content ul li { background: url(../img/content-title/green-circle.png) 0px 50% no-repeat; padding-left: 15px; }


/*========= index =========*/
div.owl-carousel div.owl-stage { background: #fff; }
/*
div.owl-carousel div.owl-item { background: #fff; }
*/ 
div#index-banner { border: 3px solid #fff; border-radius: 5px; width: 100%; }
div#index-banner .owl-item { padding: 2px; }
div#index-banner .owl-item a.owl-banner { display: block; }
div#index-banner div.owl-dots { text-align: right; }
div#index-banner div.owl-dot span { background: #C9BC9C; width: 14px; height: 14px; font-size: 0; }
div#index-banner div.owl-dot.active span { background: #9E71B0; }

div.tooltip-area { position: absolute; bottom: 0px; left: 50%; margin-left: -150px; display: none; z-index: 5; }
div.tooltip-area.show-text { display: block; }
div.tooltip-area span.tooltip-text { font-size: 14px; background: rgba(0,0,0,0.6); color: #fff; padding: 3px 10px; border-radius: 5px; }
div.tooltip-area span.tooltip-text:before { 
    display: block;
    content: '';
    border-width: 4px 4px 4px 4px;
    border-style: solid;
    border-color: transparent transparent rgba(0,0,0,0.6) transparent;
    position: absolute;
    left: 50%;
    top: -11px; 
}
div.tooltip-area.ad {bottom: -40px;}

div.index-row { margin: 0px; }
div.index-row>div { margin-bottom: 20px; }
div.index-row-title { background: url(../img/purple-point.png) repeat-x 0% 100%; margin-bottom: 15px; }
div.index-row-title:after { display: block; content: ""; clear: both; }
div.index-row-title div.area-right { float: right; }
div.index-row-title label.title { color: #8F7B59; font-size: 20px; margin-bottom: 5px; margin-top: 40px;}
div.index-row-title h2.title { color: #8F7B59; font-size: 20px; margin-bottom: 5px; margin-top: 40px; display: inline-block; font-weight: bold;}
div.index-row-title label.publication-period { color: #DA251C; margin-left: 20px; display: none;}
div.index-row-title label.publication-period-mb { margin-left: 5px; display: inline-block; background:#DA251C; color: #fff; border-radius: 5px; font-size: 14px; padding:1px 6px; margin-top: 38px; vertical-align: top; }
div.index-row-title a.more { color: #E67817; font-weight: bold; }
div.index-row-title img.icon { vertical-align: bottom; }
div.index-row-title img.icon.news { width: 48px; height: 70px; }
div.index-row-title img.icon.publication { width: 46px; height: 70px; }
div.index-row-title img.icon.clipping { width: 46px; height: 70px; }
div.index-row-title img.icon.love { width: 46px; height: 70px; }
div.index-news-list>div { margin-bottom: 10px; }
div.index-publication-list>div { margin-bottom: 10px; }

div.index-text-content { position: relative; }
img.text-hidden { position: absolute; right: 0px; bottom: 0px; }

div.index-img-list-box a {display: block;}
div.index-img-list-box { padding-left: 170px; position: relative;  height: 107px; margin-bottom: 25px; }
div.index-img-list-box:after { display: block; content: ""; clear: both; }
div.index-img-list-box .title { margin-bottom: 10px; height:75px; font-weight: bold; overflow: hidden; display: block; position: relative; }
div.index-img-list-box div.publish-date { color: #E67817; margin-bottom: 10px; }
div.index-img-list-box img.index-img-list-img { width: 150px; height: 107px; position: absolute; left: 0px; }
div.index-img-text-content { position: relative; line-height: 25px; font-size: 15px; height: 75px; overflow: hidden; }

div.index-line-top { background: url(../img/index/bg.png) repeat-x 0px 46px; background-size: auto 23px; }
div.index-line-top:after { display: block; content: ""; clear: both; }
div.index-line-top img { float: right; }
div.index-line-bottom { height: 7px; background: url(../img/index/line-point2.png) repeat-x 50%; background-size: 9px 2px; margin-bottom: 25px; }
div.index-line-bottom img.left-point {background: #fff; float: left; padding-right: 3px; width: 12px; height: 9px; }
div.index-line-bottom img.right-point {background: #fff; float: right; padding-left: 3px; width: 12px; height: 9px; }

div.index-airticle-area { border: 3px solid #65C1AC; background: url(../img/index/tree.png) no-repeat 90% 100%  #FDFBE2; background-size:66px 51px;  padding: 50px 20px; border-radius: 5px; margin-top: 70px; position: relative; }
div.index-airticle-area img.index-airticle-icon { position: absolute; top: -40px; left: -12px; width: 78px; height: 79px; }
div.index-airticle-content img { max-width: 100%; height: auto; }

div.ad-banner-area{position: relative;}
div#ad-banner { padding: 0px 50px; margin-top: 50px; }
div#ad-banner div.owl { border: 5px solid #F6F4EF; border-radius: 5px; }
div#ad-banner div.owl-item { background: #fff; text-align: center; }
div#ad-banner div.owl { display: inline-block; }
div#ad-banner div.owl a { display: block; }
div#ad-banner div.owl a:focus { border: 2px solid #87aee4; }
div#ad-banner img { width: 204px; height: 50px; }
div#ad-banner div.owl-nav>div { width: 40px; height: 40px; position: absolute; top: 10px; margin: 0px;}
div#ad-banner div.owl-nav>div.owl-prev { background: url(../img/index/pre.png); background-size: 40px 40px; left: 0px; }
div#ad-banner div.owl-nav>div.owl-next { background: url(../img/index/next.png); background-size: 40px 40px; right: 0px; }


/*========== pagination ==========*/
div.page_list { text-align: center; }
ul.pagination li a { border: none; color: #E67817;  }
ul.pagination li.last a, ul.pagination li.first a, ul.pagination li.left a, ul.pagination li.right a {  font-size: 0;  }
ul.pagination li.last a>i, ul.pagination li.first a>i, ul.pagination li.left a>i, ul.pagination li.right a>i {  font-size: 16px;  }
ul.pagination li a:hover,ul.pagination li a:active,ul.pagination li a:focus { background: #E67817; color: #fff; }
ul.pagination li.hover a { background: #E67817; color: #fff; }

/*========== detail pagination ==========*/
div.page-change>div a { background: #E67817; margin-bottom: 10px; border-radius: 5px; padding: 6px 0px; color: #fff; display: block; text-align: center; }
div.page-change>div i { color: #fff; margin: 0px 10px; }

/*========== shop ==========*/
label.shop-title { color: #EB975D; font-weight: bold; margin-bottom: 20px; }
div.shop-img-box { border: 1px solid #CFC5B9; padding: 10px; text-align: center; }
div.shop-img-box img { max-width: 100%;  }
div.shop-text-box { text-align: center; margin: 10px 0px; }
div.shop-xs-6 { width: 100%; }
div.shop-spec { margin-top: 30px; }


/*
=================================================================
(#m04bos) BOOTSTRAP OVERWRITE/EXTEND STYLES
=================================================================
*/

.btn-group>.btn:focus, .btn-group-vertical>.btn:focus {
    outline: 2px auto #87aee4;
    outline-offset: 0px;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 2px auto #87aee4;
    outline-offset: 0px;
}

a:focus,button:focus {
    outline: 2px auto #87aee4;
    outline-offset: 0px;
}

/*
=================================================================
(#m05ths) THEME
=================================================================
*/

.select2-container .select2-selection--single { height: 33px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 33px; font-size: 14px; color: #555; }
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 33px; }
.select2-container--default .select2-selection--single { border: 1px solid #ccc; }
.select2-container .select2-selection--single .select2-selection__rendered { padding-left: 15px; }
.select2-results__option {
    font-size: 14px; }
.select2-container--default .select2-results > .select2-results__options { max-height: 225px; }
/*
=================================================================
(#m06hes) HELPERS
=================================================================
*/


/*
=================================================================
(#m07res) RESPONSIVE
=================================================================
*/




@media screen and (max-width: 550px) {
	div.news-list-img { width: 37%; }
	div.news-list-content { width: 59%; }
	div.news-spec div.news-text { max-height: auto; overflow: hidden; }
}

@media screen and (max-width: 450px) {
	div.news-list-img { width: 48%; }
	div.news-list-content { width: 48%; }
	div.news-spec div.news-text { max-height: auto; overflow: hidden; }
}

@media screen and (min-width: 400px) {
	/* index */
	div.index-row-title label.publication-period { display: inline-block;}
	div.index-row-title label.publication-period-mb { display: none;}

	/* shop */
	div.shop-xs-6 { width: 49%; display: inline-block; }
}

@media screen and (min-width: 550px) {
	div.periodical-main h3 a.periodical-download { display: inline-block; float: none; }
	div.news-spec div.news-text { max-height: 110px; overflow: hidden; }
}


@media screen and (min-width: 768px) {
	.container {
	    width: 100%;
	}

	div.title-banner-box { border: 5px solid #fff; border-radius: 10px;  height: 131px;}
	div.title-banner-box .banner-title { font-size: 25px; color: #8F7B59; font-weight: bold; margin-top: 42px; margin-left: 30px; line-height: 1.1;}

	div.title-banner-box.about { background: url(../img/about/banner.png) 100% no-repeat; }
	div.title-banner-box.news { background: url(../img/news/banner.png) 100% no-repeat; }
	div.title-banner-box.help { background: url(../img/help/banner.png) 100% no-repeat; }
	div.title-banner-box.service { background: url(../img/service/banner.png) 100% no-repeat; }
	div.title-banner-box.media { background: url(../img/media/banner.png) 100% no-repeat; }
	div.title-banner-box.shop { background: url(../img/shop/banner.png) 100% no-repeat; }
	div.title-banner-box.media { background: url(../img/media/banner.png) 100% no-repeat; }
	div.title-banner-box.contact { background: url(../img/contact/banner.png) 100% no-repeat; }
	div.title-banner-box.sitemap { background: url(../img/sitemap/banner.png) 100% no-repeat; }

	div.news-title { max-height: 60px; overflow: hidden; }
	div.news-content div.news-text { height: 76px; overflow: hidden; }
	
	div.periodical-intro-img {  width: 40%; display: inline-block; }
	div.periodical-intro-spec { width: 59%; display: inline-block; padding-left: 30px; }
	footer div.footer-imf { height: auto; margin-bottom: -10px; background: url(../img/footer/footer-pic.png) 100% 100% no-repeat; padding-bottom: 60px;  position: relative; z-index: 10; }
	footer div.footer-imf>div>div>div { display: inline-block; }
	footer div.footer-imf>div>div>div.md-block { display: block; }
	footer div.footer-imf div.sm-margin {margin-right: 15px;}

	div.ori-form>div.row div.form-column { text-align: right; }
	div.ori-form>div.row div.form-unit { width: 30px; margin-bottom: 0px; text-align: center; }
	div.ori-form>div.row div.md-margin { margin-bottom: 0px; }
	div.ori-form>div.row { margin-bottom: 20px; }

	div.list-select-menu select { display: inline-block; width: 120px; }
	button.reset-button { margin-right: 25px; display: inline-block; width: 120px; }
	button.submit-button { display: inline-block; width: 140px; margin-left: 20px; margin-top: 0px; }
	button.pay-btn{ margin-left:0; }
	button.search-button { padding: 5px 8px; display: inline-block; width: 140px; margin-top: 0px; }
	
	div.news-spec img { max-height: 121px; }
	div.news-spec div.news-text { max-height: 66px; overflow: hidden; }

	ul.sitemap-menu li.menu-title { border-bottom: 0px; }

	div.detec-tab-button-area { margin-bottom: 5px; }

	div.detec-search { padding: 25px; }
	
	div.table-content>div { padding: 10px 20px; }
	div.table-title>div { padding: 10px 20px; }
	span.detec-detail { display: none !important; }
	div.ori-table div.mb-center { text-align: left; }
	/*donate form*/
	div.choose-money-area{ margin-left: calc(24% + 5px); }
	div.xs-mt{margin-top: 0;}
	div.agree-desc-area{ margin: auto; }
	div.show-last-info-area{padding-left:25%;}
	div.ori-form>div.row div.donate_vcode_img{ margin-top:0; }
	div.donate-type-btn-area{ display: inline-block; padding-top: 0;}
	div.agree-desc-area{ width: 70%; margin: auto; }
	button.submit-button.show-last-info{  margin-top: -7px;; }
	button.money-box.submit-button{ margin: 5px; }
	div.display-note{ padding-left: 10%;padding-right:10%; }
	/*ori table*/
	div.table-title { border: 0px; }
	div.table-content { border: 0px; }
	div.table-title>div { border: 1px solid #D6D3D1; }
	div.table-title>div+div { border-left: 0px; }
	div.table-content>div { border: 1px solid #D6D3D1; }
	div.table-content>div+div { border-left: 0px; }
	div.ori-table>div+div>div { border-top: 0px; }


	/* index */
	div.index-row { margin: 20px 0px; }
	div.index-row>div { margin-bottom: 0px; }
	div.index-text-content { overflow: hidden; height: 22px; }
	div.index-airticle-area img.index-airticle-icon { position: absolute; top: -40px; left: -32px;}


	div.index-airticle-area { padding: 50px 80px; }

	/*========== pagination ==========*/
	div.page_list { text-align: left; }

	/*========== detail pagination ==========*/
	
	div.page-change>div.page-left a { text-align: left; }
	div.page-change>div.page-right a { text-align: right; }
	div.page-change>div a { color: #E67817; background: none; margin-bottom: 0px; }
	div.page-change>div i { color: #E67817; }
	div.page-change a:hover { text-decoration: underline; }


	/* shop */
	div.shop-xs-6 { width: 33.33%; }
}

@media screen and (min-width: 992px) {
	.container {
	    width: 970px;
	}

	div#index-banner { width: 1000px; margin: 0px auto; }

	div.main-area {margin-top: -130px;}
	div.left-area {width: 230px; margin-right: 40px; display: inline-block !important; }
	div.right-area { width: 666px; display: inline-block; padding: 0px; vertical-align: top; }
	footer { margin-top: 60px; }
	footer div.copy-right div.copyright { display: inline-block;  }
	footer div.footer-imf div.container { padding: 35px 70px; }
	
	footer div.footer-imf>div {margin-bottom: 0px;}

	div.periodical-intro-img { border: 1px solid #C9C9C9; width: 280px; margin-right: 30px; display: inline-block; }
	div.periodical-intro-spec { width: 352px; display: inline-block; padding-left: 0px;}
	footer div.footer-imf { height: 225px; margin-bottom: -10px; background: url(../img/footer/footer-pic.png) 100% no-repeat;}
	footer div.footer-imf>div>div>div.md-block { display: inline-block; }
	footer div.footer-imf div.sm-margin {margin-right: 0px;}
	
	div.index-img-list-box .title {height:22px; overflow: hidden; }
	
	/* donate record */
	div.detec-search-result div.date { width:20%; }
	div.detec-search-result div.member { width:20%; }
	div.detec-search-result div.number { width:20%; }
	div.detec-search-result div.price { width:17%; }
	div.detec-search-result div.use { width:23%; }
	/* shop */
	div.shop-xs-6 { width: 25%; }
}

@media screen and (min-width: 1200px) {
	.container {
	    width: 1032px;
	}
	ul.header-nav>li>img {margin: 0px 22px;}
	ul.header-nav.en>li>img {margin: 0px 50px;}
	div.right-area { width: 728px; display: inline-block; padding: 0px; vertical-align: top; }
	footer div.footer-imf { background: url(../img/footer/footer-pic.png) 50% no-repeat;}
	footer div.footer-imf div.container { padding: 50px 100px; }
	footer div.copy-right img.footer-img { max-width: none; top: -255px; left: -70px; }
	footer div.footer-imf div.md-block { display: inline-block; }

	div.periodical-intro-spec { width: 414px; }

	/* index */
	div.index-row>div:first-child { padding-right: 30px; }
	div.index-row>div:last-child { padding-left: 30px; }
}


/*
=================================================================
(#m08rts) RETINA
=================================================================
*/

/*
=================================================================
(#m09rprl) PRELOAD
=================================================================
*/


.popover.bottom>.arrow{
	top: -11px !important; 
}

.main-area-quick-link{
	position: absolute;
	top: 14px;
	left: 18px;
	opacity: 0;
}
.main-area-quick-link:focus{
	opacity: 1;	
}
label.non-weight{font-weight: normal;}
label.label-hidden{
	border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
a.carousel-arrow{
	display: block;
	width: 100%;
	height: 100%;
	font-size: 0;
}

.hp-input-item {
    display: none;
}