/*
 *  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) PRELOAD
 */

/*
=================================================================
(#m01mls) MAIN
=================================================================
*/

body {
	font-family: 敺株��迤暺煾��;
	font-size: 16px;
}

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

a.a-acceky { color: #434343; }
a.a-acceky:hover,a.a-acceky:focus { color: #FF7000; }

span.alert-text { color: #F38630; }
/*
=================================================================
(#m02-1hds) HEADER
=================================================================
*/
div.xs-header { 
	box-shadow: 1px 1px 1px #E8D8BC;
}

header { position: relative; z-index: 100; background: #fff; }
header h1{margin: 0;}
header div.xs-title-line {
	height: 5px;
	background: #F38630;
}
header div.md-title-line {
	height: 5px;
	background: #F38630;
}

header div.md-title {
	/*box-shadow: 1px 1px 1px #E8D8BC;*/
}

header div.md-title div.md-title-box {
    position: relative;
	margin-top: 20px;
    margin-bottom: 12px;
	display: inline-block;
}


header div.md-title div.md-title-box .a-acceky {
    position: absolute;
    top: 0px;
    left: -30px;
    color: #eee;
}

header div.xs-title {
	padding: 10px 0px;
}
header div.xs-title .button-area { padding: 0px; }
header div.xs-title img {
	max-width: 100%;
    height: auto;
}

header div.is-sticky div.xs-title {
	padding: 10px 0px;
}

header div.xs-title img.xs-title-button {
	margin-top: 18px;
}
header .main-area-quick-link {
    position: absolute;
    left: 15px;
    opacity: 0;
    color: #000;
}
header .main-area-quick-link:focus {
    opacity: 1;
}


/* Main Menu */
div#mb-sidebar { position: fixed; width: 100%; top: -100%; z-index: 20; background: #FAECD5; }

div#mb-sidebar.hidden-sidebar {
	top: -100%; 
	-webkit-animation-name: hiddensidebar; 
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.5s; 
    animation-name: hiddensidebar;
    animation-timing-function: ease-in;
    animation-duration: 0.5s;
}

div#mb-sidebar.show-sidebar {
	top: 85px;
	-webkit-animation-name: showsidebar; 
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.5s; 
    animation-name: showsidebar;
    animation-timing-function: ease-in;
    animation-duration: 0.5s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes hiddensidebar {
    0% { top:85px; }
    100% { top:-100%; }
}

/* Standard syntax */
@keyframes hiddensidebar {
    0% { top:85px; }
    100% { top:-100%; }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes showsidebar {
    0% { top:-100%; }
    100% { top:85px; }
}

/* Standard syntax */
@keyframes showsidebar {
    0% { top:-100%; }
    100% { top:85px; }
}

div.sidebar-content { padding-bottom: 106px; }

div#a-cart-sticky-header { height: 85px; 
   }
header div.is-sticky div#a-cart-sticky-header { border-bottom: 1px solid #EDC786; }
/* 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: #FFFAF2; padding: 20px 0px; height: 78px; border-bottom: 1px solid #E0D5CC; }
.sidebar-nav li.nav-title a { float: left; width: 25%; padding: 0px; text-align: center; border-bottom: none;  }
.sidebar-nav li.nav-title a+a { border-left: 2px dotted #D2D2D2;  }
.sidebar-nav li.nav-title a:hover { background: #FFFAF2;  }

.sidebar-nav li.search { padding: 15px 25px; background: #FFFAF2; border-bottom: 1px solid #E0D5CC; }
.sidebar-nav li.search button#quickSearchBtn { background: #fff; border: 1px solid #A0A0A0; }
.sidebar-nav li.search i { color: #A0A0A0; }

.sidebar-nav a {display: block; color: #6A3F1E;  font-size: 17px;   padding: 9px 25px;    min-height: 35px;    line-height: 35px; border-bottom:1px dashed #B18561; text-decoration: none; }
.sidebar-nav>li>a:hover,.sidebar-nav>li>a.open,.sidebar-nav>li.active>a {color: #6A3F1E; text-decoration: none; background: #F38630; }
.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 {    display: inline-block;    opacity: 0.5;    filter: alpha(opacity=50);    width: 18px;    font-size: 1em;    text-align: center; color: #5C2900;}
.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: #5E5E5E; }
.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: none; padding: 9px 25px; color: #fff; margin-left: 10px; }
.sidebar-nav ul a.active,.sidebar-nav ul a.active:hover {border-left: 5px solid #1bbae1;    padding-left: 10px; }

.sidebar-nav ul a i.sidebar-nav-icon, .sidebar-nav ul a i.sidebar-nav-indicator { color: #fff; }

.sidebar-nav ul ul { background: #8F8F8F; }
.sidebar-nav ul ul a { padding-left: 40px; }

/* 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 { display: inline-block; position: relative; vertical-align: top; margin-top: 7px; }
div.nav-box a.a-acceky { position: absolute; left: -20px; }
ul.header-nav { list-style: none; padding: 0px; }
ul.header-nav>li {float: left; padding-bottom: 15px;}
ul.header-nav>li+li { margin-left: 10px; }
ul.header-nav>li>a { position: relative; font-size: 16px; color: #FF7000; vertical-align: middle; border: 1px solid #FF7000; border-radius: 5px; padding: 5px 5px; display:block; }
/*ul.header-nav>li>a>img { position: absolute; display: none; top: -14px; left:50%; margin-left: -12px; }*/
ul.header-nav>li:hover>a,ul.header-nav>li.selected>a{ background: #FF7000; color: #FFF; }
/*ul.header-nav>li:hover>a>img,ul.header-nav>li.selected>a>img { display: block; }*/

ul.header-nav2 {display: none; position: absolute; z-index: 100; list-style: none; padding: 10px 0px; min-width: 220px; top: 50px; background: #fff; box-shadow: 1px 1px 2px #aeaeae; border: 1px solid #fbdac0; }
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: block; color: #878787;  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;}


header .header-wrapper{ display: flex; }
header .header-wrapper .header-left-box{ display: flex; flex:1 1 auto; }
header .header-wrapper .header-left-box .header-left-top{ display: flex; flex-direction: column; justify-content: center; margin-left: auto; }
header .header-wrapper .header-left-box .header-function-box{ display: flex; justify-content: flex-end; }

/*div.header-function-box { float: right; display: inline-block; width: 170px; height: 100px;vertical-align: top; margin-left: 25px;}*/
div.donate-box { margin-left: 40px; }
div.donate-box a.donate-link { background: url('../img/donate.png?t=20230417') no-repeat; width: 159px; height: 80px; display: inline-block; }
div.donate-box a.donate-link:hover { background: url('../img/donate_hover.png?t=20230417') no-repeat; }
div.donate-box a.donate-link span { font-size:20px; display: inline-block; margin-top: 40px; margin-left: 35px; color: #fff; }

div.header-function-box div.other-link,div.header-function-box div.social-link { display: inline-block; margin-top: 14px;}

div.header-function-box div.other-link a { font-size: 14px; border-radius: 3px; display: inline-block; }
div.header-function-box div.other-link a.location { background: #FEC631; padding: 0px 3px; }
div.header-function-box div.other-link a.lang { background: #F9AF74; padding: 0px 3px; }
div.header-function-box div.other-link a.sitemap { background: #B7DB72; padding: 0px 3px; }

div.header-function-box div.social-link { margin-left: 5px; padding-left: 5px; border-left: 2px dotted #D2D2D2; }




/* xs-menu-button */
div.xs-menu { display: inline-block; }

div.xs-menu .icon-wrapper {
    margin: 11px auto;
    width: 30px;
    height: 20px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 400ms ease-in-out;
    transition: 400ms ease-in-out;
    cursor: pointer;
}

div.xs-menu .icon-wrapper span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #A0A0A0;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 400ms ease-in-out;
    transition: 400ms ease-in-out;
}

div.xs-menu.active .icon-wrapper span:nth-child(1) {
    top: 10px;
    width: 0%;
    left: 50%;
}
div.xs-menu.active .icon-wrapper span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

div.xs-menu.active .icon-wrapper span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
div.xs-menu.active .icon-wrapper span:nth-child(4) {
    top: 10px;
    width: 0%;
    left: 50%;
}

div.xs-menu .icon-wrapper span:nth-child(1) { top: 0px; }
div.xs-menu .icon-wrapper span:nth-child(2) { top: 10px; }
div.xs-menu .icon-wrapper span:nth-child(3) { top: 10px; }
div.xs-menu .icon-wrapper span:nth-child(4) { top: 20px; }

/*
=================================================================
(#m02-2fts) FOOTER
=================================================================
*/
footer { margin-top: 35px; }
div.footer-info { background: #D4D6D6; padding: 30px 0px; } 
div.footer-info img { max-width: 100%; }
div.footer-info p.contact-info { font-size: 14px; margin: 8px 0px; text-align: center; }
div.footer-info a.foot-link-box-mb { display: inline-block; color: #656666; font-size: 14px; text-align: center; margin: 0px 2px; }
div.footer-info a.foot-link-box { display: inline-block; color: #656666; font-size: 14px; text-align: center; margin: 0px 10px; }
div.footer-info img.a-plus-link { margin-left: 10px; margin-top: 10px;}
a.view-map { display: inline-block; background: #FF7E00; border: 1px solid #fff; color: #fff; padding: 1px 3px; margin-left: 5px;}

div.footer-info div.input-group { margin-top: 10px; }
div.footer-info div.input-group input { border: 1px solid #A9AFB3; }
div.footer-info div.input-group button { background: #FFFFFF; border: 1px solid #A9AFB3; }

div.footer-copyright { background: #7E8991; padding: 8px 0px; color: #B5C0C8; font-size: 14px;}
div.footer-copyright a { color: #fff; }
/*
=================================================================
(#m03mcs) MAIN CONTENT
=================================================================
*/


/* index-banner */
div.index-banner-area { background: #FAECD5; padding: 15px 0px; }
div.index-banner-area>.container { position: relative; }
div.index-banner-area .a-acceky { position: absolute; left: -15px; top: 0px; }
div#index-banner { border: 5px solid #FFFFFF; box-shadow: 0px 0px 5px #F1DEC0; }
div#index-banner img { max-width: 100%; height: auto; }
div#index-banner div.owl-item { padding: 3px; }
div#index-banner div.owl-item a.owl-banner { display: block; }
div#index-banner div.owl-controls { margin-top: 0px; }
div#index-banner div.owl-controls .owl-nav>div { position: absolute; top: 50%;  width: 37px; height: 37px; margin: -19px 0px 0px 0px !important; padding: 0px !important; z-index: 2; }
div#index-banner div.owl-controls .owl-nav>div>a{ opacity: 0.2; }
div#index-banner div.owl-controls .owl-nav>div.owl-prev { left: 5px; }
div#index-banner div.owl-controls .owl-nav>div.owl-prev>a{background: url(../img/index/left.png); }
div#index-banner div.owl-controls .owl-nav>div.owl-next { right: 5px;  }
div#index-banner div.owl-controls .owl-nav>div.owl-next>a{ background: url(../img/index/right.png); }
div#index-banner:hover div.owl-controls .owl-nav>div a { opacity: 1; }
div#index-banner div.owl-controls .owl-nav>div>a:focus { opacity: 1; }

div#index-banner div.owl-dots { position: absolute; bottom: 5px; width: 100%; text-align: center; }
div#index-banner div.owl-dots div.owl-dot { font-size:0; }

div.tooltip-area { position: absolute; bottom: -30px; 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: -9px; 
}


/* index-donate link */
a.donate-link-box { text-align: center; padding: 0px; margin: 10px 0px; }
a.donate-link-box label { display: block; cursor: pointer; font-size: 15px; font-weight: normal; }

/* index-donate project */
div.donate-project-box { padding: 15px; background: #fff; height: 233px; position: relative; }
div.donate-project { padding-left: 140px; position: relative; height: 90px; margin-bottom: 10px; overflow: hidden; }
div.donate-project+div.donate-project { padding-top: 11px; border-top: 1px dotted #BCB4AD; height: 101px; }
div.donate-project img { position: absolute; width: 120px; height: 90px; left: 5px; }
div.donate-project a { color: #D16D7F; display: block; margin-bottom: 5px; height: 22px; overflow: hidden; word-break: break-all; }
div.donate-project span { font-size: 14px; }

div.donate-project-box>a { position: absolute; display: inline-block; right: 15px; bottom: 0px; }

div.mobile-more a { background: #F6AD57; color: #fff; font-weight: bold; padding: 5px 8px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }

/* index-other-link */
div.index-other-link { background: url(../img/index/buttin_bg_s.png) center; height: 185px; border-top: 1px solid #EAD5B6; border-bottom: 1px solid #EAD5B6; }
div.index-other-link-left,div.index-other-link-right { text-align: center; }
a.index-other-link-box { display: inline-block; margin-top: 8px; padding: 0px; }
a.index-other-link-box label { display: block; cursor: pointer; font-size: 14px; margin-bottom: 0px; }

/* index-title */
div.index-title { background: url(../img/index/line.png) 0% 50% repeat-x; margin: 30px 0px 15px 0px; }
div.index-title div.index-title-info { background: #fff; display: inline-block; padding-right: 10px; }
div.index-title h2 { margin: 0px; display: inline-block; vertical-align: middle; color: #555555; font-weight: bold; font-size: 18px; font-weight: normal; }

/* index-news */
div.index-news-area { padding-left: 0px; position: relative; }
div.index-news-area img.news-image { position: absolute; left: 10px; width: 200px; height: 150px; border-radius: 5px; }
div.index-news { font-size:14px; height: 19px; overflow: hidden; word-break: break-all; }
div.index-news+div.index-news { margin-top: 13px; }
div.index-news span.news-date { font-size: 14px; color: #C94C64; margin-right: 5px; }
div.index-news a:hover { color: #729ABD; }
div.index-news a { display: : block; }
div.more-button-area { text-align: center; margin-top: 15px; }
a.more-button { border: 1px solid #DCDCDC; border-radius: 5px; padding: 3px 5px; font-size: 15px; display: inline-block; color: #868686; font-weight: bold; }

/* index-photo */
div.index-photo-area a {display: block;}
div.index-photo-area img { max-width: 100%; width: 400px; height: auto; border-radius: 5px; }
div.index-photo-area label { margin: 10px 0px 14px 0px; color: #434343; height: 22px; overflow: hidden; display: block; cursor: pointer; font-weight: normal;}
div.index-photo-area label.no-link { cursor: default; }

/* index-epaper */
div.index-epaper-area div.row div { margin-top: 10px; } 
button.button1 { background: #7E8991; padding: 7px 5px; border-radius: 5px; color: #fff; display: inline-block; font-size: 14px; border: none; }

/* index-ad-link */
div#index-ad-link { padding: 0px 30px; }
div.index-ad-box { width: 120px; margin: 0px auto; }
div.index-ad-box a{display: block;}
div#index-ad-link div.owl-stage,div#index-ad-link div.owl-item { background: #fff; }
div#index-ad-link div.owl-controls { margin-top: 0px; }
div#index-ad-link div.owl-controls div.owl-nav>div { position: absolute; width: 13px; height: 20px; margin: 0px; padding: 0px; top: 50%; margin-top: -10px;  }
div#index-ad-link div.owl-controls div.owl-prev { background: url(../img/index/left02.png); left: 5px;  }
div#index-ad-link div.owl-controls div.owl-next { background: url(../img/index/right02.png); right: 5px;  }

/* index-film */
iframe.index-iframe { max-width: 100%; width: 400px; }

/* content-banner */
div.content-banner-area { background: #FAECD5; padding: 0px;  }
div.content-banner-area div.content-banner { position: relative; }
div.content-banner-area div.content-banner img { float: right; max-width: 100%; }
div.content-banner-area.about { background: url(../img/about/banner_bg.png); border-top: 1px solid #8FB0AF; border-bottom: 1px solid #8FB0AF;  }
div.content-banner-area.news { background: url(../img/news/banner_bg.png); border-top: 1px solid #c39797; border-bottom: 1px solid #c39797;  }
div.content-banner-area.finacial { background: url(../img/finacial/banner_bg.png); border-top: 1px solid #ad98bf; border-bottom: 1px solid #ad98bf;  }
div.content-banner-area.npo { background: url(../img/npo/banner_bg.png); border-top: 1px solid #8cbd83; border-bottom: 1px solid #8cbd83;  }
div.content-banner-area.service { background: url(../img/service/banner_bg.png); border-top: 1px solid #debd85; border-bottom: 1px solid #debd85;  }
div.content-banner-area.other { background: url(../img/otherbanner/banner_bg.png); border-top: 1px solid #bbd3db; border-bottom: 1px solid #bbd3db;  }

div.content-banner-area .banner-title { position: absolute; top: 55px; color: #3E3E3E; font-size: 24px; margin: 0px; line-height: 1.1;}
div.content-banner-area .banner-title span.en-title { color: #fff; font-size: 22px; display: inline-block; margin-left: 10px; }
/* breadcrumbs */
div.breadcrumbs { border-bottom: 1px solid #E8D7BB; padding: 8px 0px; }
div.breadcrumbs a:hover,div.breadcrumbs span.selected { color: #67AF20; }
div.breadcrumbs a.a-acceky { line-height: 22px; margin-right: 15px; display: inline-block; }
div.breadcrumbs a.a-acceky:hover { color: #FF7000; }

/* main-content */
div.main-content { padding: 35px 0px; }

/* left-menu */
ul.left-menu { padding-left: 0px; list-style: none; }
ul.left-menu>li { 
	border-left: 1px dashed #F38630;
	border-right: 1px dashed #F38630;
	border-bottom: 1px dashed #F38630;
}
ul.left-menu>li>a { display: block; padding: 15px 10px;  color: #8D8D8D; position: relative;}
ul.left-menu>li>a:hover { color: #484542; background: #FEE8D6; }
ul.left-menu>li.selected>a { background: #FEE8D6; }
ul.left-menu>li.selected.menu-title>a { background: #fff; border-bottom: 1px dashed #F38630; }
ul.left-menu>li>a img { margin-right: 10px; }
ul.left-menu>li>a img.dropdown { position: absolute; right: 10px; top: 50%; margin-top: -7px; }
ul.left-menu>li.selected>a img.dropdown { 
	ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg); 
}
ul.left-menu>li>a span { vertical-align: middle; }

ul.left-menu>li.title { border: none;  }
ul.left-menu>li.title>a { color: #fff; background: #F38630; border-top-left-radius: 5px; border-top-right-radius: 5px; }
ul.left-menu>li:last-child { border-bottom-right-radius:5px; border-bottom-left-radius:5px;��}

ul.left-menu2 { list-style: none; padding: 0px; }
ul.left-menu2 li a { display: block; padding: 6px 0px; color: #8D8D8D; line-height: 27px; }
ul.left-menu2 li a span.circle { display: inline-block; width: 5px; height: 5px; border-radius: 5px; background: #777777; margin: 10px 15px; vertical-align: middle; }
ul.left-menu2 li.selected a,ul.left-menu2 li:hover a { background: #FEE8D6; }

/* right-content */
h2.content-title { font-size: 18px; background: url(../img/title_line.png) 0px 30px repeat-x; background-size: 3px auto; }
h2.content-title img { margin-right: 10px; background: #fff; }
div.search-box { background: #F0F0F0; border-radius: 5px; padding: 15px; }
div.search-box .row.margin-bottom-md { margin-bottom: 0px; }
div.search-box .row>div { margin-bottom: 10px; }
button.submit-button { border: none; background: #7E8991; color: #fff; border-radius: 5px; height: 34px; width: 100%;  }
div.search-box div.date { padding-right: 40px; position: relative; }
div.search-box div.date span.date-label { position: absolute; right: 18px; top: 0px; line-height: 34px; }

/* ori-list */
span.date { color: #72B342; }
div.ori-list .row { padding: 15px 0px; margin-left: 0px; margin-right: 0px; line-height: 23px; }
div.ori-list .row+.row { border-top: 1px dashed #C9C9C9; }
div.ori-list .row>div { margin-bottom: 10px; }
div.ori-list .row span.date {line-height: 23px; display: inline-block; vertical-align: middle; margin-left: 15px; }
div.ori-list .row span.alert-text { line-height: 23px; display: inline-block; vertical-align: middle; margin-right: 10px; }
div.ori-list .row a { line-height: 23px; display: inline-block; vertical-align: middle; margin-right: 15px; }
div.ori-list .row a:hover { color: #5287B1; }
div.ori-list .row img+img {  margin-left: 5px; }

div.ori-list .row a.button { background: #FF7E00; width: 100%; display: inline-block; border-radius: 5px; padding: 5px 0px; text-align: center; color: #fff;  }
/* photo-list-box */
div.photo-list-box a{display: block;}
div.photo-list-box { padding-left: 0px; height: auto; position: relative; margin-top: 15px; }
div.photo-list-box+div.photo-list-box { margin-top: 20px; }
div.photo-box { position: relative; left: 0px; border-radius: 5px; padding:5px; background: #ECE1D0; text-align: center; }
div.photo-box img { border-radius: 5px; border: 2px solid #fff; width: 250px; height:200px; }
div.photo-des { height: 210px; border: 1px solid #ECE1D0; border-radius: 5px ; border-top: 0px; padding: 20px 40px;}
div.photo-des .title-area { margin-top: 10px; margin-bottom: 10px; height: 34px; overflow: hidden; }
div.photo-des .title-area .title { color: #FF7000; font-size: 16px;  }
div.photo-des p { line-height: 26px; height: 78px; overflow: hidden; }
div.photo-des div.date { display: inline-block; float: right; background: #FEE8D6; color: #5C2900; padding: 6px; }

/* edit-content */
div.edit-content { padding: 20px 0px; word-break: break-all; }
div.edit-content p { line-height: 25px; }
div.edit-content p.title { color: #F38630; }
div.edit-content img { max-width: 100%; height: auto;}
div.edit-content ol,ul { padding-left: 20px; }

div.edit-content a { color: #3366ff; }
div.edit-content a:hover,div.edit-content a:focus,div.edit-content a:visited { color: #3366ff; }

div.edit-content:after { content: ''; display: block; clear: both; }

div.edit-content iframe { max-width: 100%; }

div.line-dotted { background: url(../img/under_line.png) repeat-x; background-size: 3px auto;
 height: 3px; }

div.social-share { margin: 16px 0px; }
div.social-share label { line-height: 36px; margin-right: 15px; margin-bottom: 0px; color: #8D8D8D; }
div.donate-button-area { margin: 16px 0px; }
div.donate-button-area a.donate-button { width: 111px; height: 36px; display: inline-block; background: url(../img/about/donate_bg.png) no-repeat; background-size: 111px 36px; padding: 7px 18px; color: #fff; }


/* ori-table */


div.ori-table div.table-title,div.table-list { margin-left: 0px; margin-right: 0px; }
div.ori-table div.table-title>div { background: #F38630; color: #fff; padding: 6px 15px; }
div.ori-table div.table-title>div+div { border-left: 1px solid #fff; }
div.ori-table div.table-list { border-top: 1px solid #fff; }
div.ori-table div.table-list>div { background: #FAECD5; color: #434343; height: 34px; overflow: hidden; line-height: 34px; border-bottom: 1px solid #fff;}

div.ori-table div.table-list>div.visible-xs { background: #F38630; color: #fff; border-right:1px solid #fff; }

div.ori-table div.table-list+div.table-list { border-top: 1px dashed #C9C9C9; padding-top: 15px; margin-top: 15px; }

/* ori-form */
div.ori-form { margin: 20px 0px; background: #F6F6F6; border-radius: 5px; padding: 20px 25px; }
div.ori-form div.form-group { margin-bottom: 25px; }
div.ori-form div.form-group.flex-center { display: flex; align-items: center; }
div.ori-form div.form-group+div.form-group { border-top: 1px dashed #C9C9C9; padding-top: 25px; }
div.ori-form div.form-group>div { margin-bottom: 10px; }
img#auth_code { height: 34px; margin-right: 10px; }
#refresh_img { display: inline-block; margin-top: 4px; cursor: pointer; font-size: 0; vertical-align: middle;  }
#refresh_img i { color: #F38630; font-size: 16px; }
div.ori-form .ori-form-box+.ori-form-box {border-top: 1px dashed #c9c9c9;margin-top: 20px;padding-top: 20px;}
div.ori-form .form-title {margin-bottom: 5px;}
div.ori-form .form-title .title-area {font-weight: bold;color:#993300;}
div.ori-form .form-content {
    text-align: justify;
}

a#auth_code_audio { 
    display: inline-block;
    border: 2px solid #F38630;
    padding: 4px 5px 4px 5px;   
    border-radius: 5px;
    background: #fff;
    margin-left: 10px;
    vertical-align: middle; 
    font-size: 0;
}
a#auth_code_audio:hover {
    border: 2px solid #F38630;
    background: #F38630;
}

a#auth_code_audio i {
    font-size: 16px;
    font-weight: bold;
    color: #F38630;
}
a#auth_code_audio:hover i {
    color: #fff;
}

a.sub-button { display: inline-block; background: #7E8991; border-radius: 5px; padding: 5px 15px; width: 100%; color: #fff; text-align: center; }
a.btn {color:#fff;}
button.sub-button { background: #7E8991; border-radius: 5px; padding: 5px 15px; width: 100%; color: #fff; text-align: center; border: none; }
button.main-button { background: #F38630; border-radius: 5px; padding: 5px 15px; width: 100%; color: #fff; text-align: center; border: none; }

@media screen and (min-width: 400px){
    div.ori-form {padding: 20px 35px;}
}
/* sitemap */
div.sitemap ul { list-style: none; padding-left: 20px; }
div.sitemap ul li a { margin: 5px 0px; display: inline-block; font-size: 16px; font-weight: bold; }
div.sitemap ul li a:hover { color: #67AF20; }

div.sitemap p.wcag-explan { line-height: 25px; }
div.sitemap ol { padding-left: 18px; margin: 25px 0px; }
div.sitemap ol li { margin-bottom: 8px; }

/* links */
div.links { margin: 45px 0px; }
div.links div.link-img-box { border: 1px solid #D4D6D6; text-align: center; padding: 10px; }
div.links div.link-img-box img { max-width: 100%; max-height: 42px; }
div.links div.link-title { margin: 8px 0px; font-size: 15px; height: 42px; overflow: hidden; }
div.links div.link-title a { color: #3e3e3e; }

/*div.links div.link-box:hover div.link-img-box { border: 1px solid #8B959C; }*/
div.links div.link-box:hover div.link-title a { color: #86A9C7; }

/* error page */
div.error-page-banner { background: url(../img/404/bg.png); }
div.error-page-banner img { max-width: 100%; padding: 25px 0px; }

/* page */
div.page_list { text-align: center; margin-top: 20px; }
div.page_list ul.pagination li {  }
div.page_list ul.pagination li a { background: #fff; color: #FF7000; border-radius: 50%; border: none; padding: 0; display: inline-block; width:32px; height: 32px; line-height: 32px; margin: 0px 10px; }
div.page_list ul.pagination li.hover a,div.page_list ul.pagination li:hover a { background: #FF7000; color: #fff; }
div.page_list ul.pagination li.right a,div.page_list ul.pagination li.last a, div.page_list ul.pagination li.left a,div.page_list ul.pagination li.first a{ 
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
}
div.page_list ul.pagination li.right a i,div.page_list ul.pagination li.last a i, div.page_list ul.pagination li.left a i,div.page_list ul.pagination li.first a i{
    font-size: 16px;
}


/*
=================================================================
(#m04bos) BOOTSTRAP OVERWRITE/EXTEND STYLES
=================================================================
*/
div#google_search * { -webkit-box-sizing: initial; box-sizing: initial; }
div#google_search input { -webkit-box-sizing: initial; line-height: normal; border: none; }

.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
=================================================================
*/


/*
=================================================================
(#m06hes) HELPERS
=================================================================
*/


@media print {
  div#mb-sidebar { display: none; }
  a:after{ content:'' !important;}
}


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




@media screen and (max-width: 550px) {
	
}

@media screen and (max-width: 450px) {
	
}

@media screen and (min-width: 380px) {
	header div.xs-title .button-area img { margin-top: 10px; }
    div.xs-menu { margin-top: 10px; }
    div.xs-menu a.xs-menu .icon-wrapper { margin-top: 24px; }
}

@media screen and (min-width: 550px) {

}


@media screen and (min-width: 768px) {
	.container {
	    width: 100%;
	}
	
	div.index-news-area { padding-left: 220px; height: 150px; }
    div.index-photo-area img { width: 150px; height:120px; }
    iframe.index-iframe { width: 150px; height: 120px; }

	/* photo-list-box */
	div.photo-list-box { padding-left: 280px; height: 210px; }
	div.photo-box { position: absolute; left: 10px; }
	div.photo-des { border: 1px solid #ECE1D0; border-left: 0px; }

	/* table-list */
	div.ori-table>div { display: table; width: 100%; }
	div.ori-table>div>div { display: table-cell; float: none; word-break: break-all; }
	div.ori-table div.table-list>div { height: auto; border-bottom: none; }
	div.ori-table div.table-list:nth-child(odd)>div { background: #D4D6D6; }
	div.ori-table div.table-list+div.table-list { border-top: 1px solid #fff; padding-top: 0px; margin-top: 0px; }
	div.ori-table div.table-list>div+div { border-left: 1px solid #fff; }

    /* form */
    div.ori-form div.form-group>div { margin-bottom: 0px; }
}

@media screen and (min-width: 992px) {
	.container {
	    width: 970px;
	}
	
    div#mb-sidebar { display: none; }

	a.donate-link-box { margin: 0px; }

	div.donate-project-box { padding: 5px; height: 193px; }
	div.donate-project { padding-left: 110px; height: 70px; }
	div.donate-project+div.donate-project { height: 81px; }
	div.donate-project img { width: 100px; }
	
	div.index-other-link { background: url(../img/index/buttin_bg.png) center; height: 92px; }
	div.index-other-link-left { text-align: left; }
	div.index-other-link-right { text-align: right; }
	a.index-other-link-box { margin-top: 6px; }

	div.more-button-area { text-align: right; margin-top: 10px; }
	a.more-button { padding: 1px 3px; font-size: 13px; font-weight: normal; }

	div.footer-info p.contact-info { text-align: left; }
	
	div.search-box { padding: 30px 35px; }
	div.search-box .row>div { margin-bottom: 0px; }
	div.search-box .row.margin-bottom-md { margin-bottom: 10px; }

	div.ori-list .row img+img {  margin-left: 10px; }
	div.ori-list .row>div { margin-bottom: 0px; }

    /* sitemap */
    div.sitemap>div.col-md-2 { width: 20%; }


}

@media screen and (min-width: 1200px) {
	.container {
	    width: 1140px;
	}
/*	div.nav-box { margin-left: 45px; }*/
	ul.header-nav>li+li { margin-left: 25px; }
	ul.header-nav>li>a { padding: 5px 15px; }
	div.function-box { margin-left: 40px;}

	div.donate-project-box { padding: 15px 15px 25px 15px; height: 243px; }
	div.donate-project { padding-left: 130px; height: 90px; overflow: hidden; }
	div.donate-project+div.donate-project { height: 101px; }
	div.donate-project img { width: 115px; height: 90px; }
	
}


/*
=================================================================
(#m08rts) donate
=================================================================
*/
.donate-form-title {
    background: #e0dbd7;
    color: #5C2900;
    padding: 15px 25px;
    margin-left: -25px;
    margin-right: -25px;
    margin-bottom: 25px;
    position: relative;
}
.donate-form-title.first {margin-top: -20px;}
.choose-money-area {
    margin-bottom: 20px;
}
.choose-money-area:after {
    content:  '';
    display: block;
    clear: both;
}
.choose-money-area .money-box {
    width: 110px;
    height: 32px;
    border: 2px solid #f39449;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #f39449;
    padding: 2px 10px;
    margin: 5px;
    cursor: pointer;
    float: left;
}
.row.info-row {
    margin-bottom: 10px;
}
.donate-form-content .donate-title.radio-line {padding-top: 0;}
.donate-form-content .form-control.margin-top {margin-top: 10px;}
.donate-form-block {
    border-top: 1px dashed #C9C9C9;
    padding: 25px 0 0 0;
}
.donate-form-block.border-bottom{
    border-bottom: 1px dashed #C9C9C9;
}
.donate-form-block .donate-form-block-box {
    border-top: 1px dashed #C9C9C9;
    padding: 25px 0px 0 0px;
}
.sm-center-text{
    display: block;
}
.donate-form-block .donate-form-block-box .radio-inline-area {
    display: inline-block;
    margin-bottom: 10px;
}

.btn.show-last-info {
    background-color: #8bc154;
    font-size: 14px;
    color: #fff;
    padding: 4px 8px;
    position: absolute;
    top: 10px;
    right: 10px;
}
.btn.same-btn {
    background-color: #8bc154;
    color: #fff;
}
.id-law-area .check-id-law {text-align: center; margin: 13px 0 0;}
.donate-form-btn-area:after {content:  '';display: block;clear: both;}
.donate-form-btn-area {margin-top: 25px;}
.form-group .tax-title {
    
}
.checkbox-inline + .checkbox-inline{
    margin-left: 0;
}
.checkbox-inline{
    /*padding-top: 7px;*/
    margin-right: 10px;
    /*margin-bottom: 5px;*/
}
.checkbox-input-box{
    display: inline-block;
    margin-top: 12px;
}
.radio-inline + .radio-inline{
    margin-left: 0;
}
.radio-inline{
    margin-right: 10px;
}
.form-control.size-sm{
    display: inline-block;
    width: 140px;
}
.edit-content.gift-related-content{
    padding-bottom: 0;
    padding-top: 0;
}
.ps-box{margin-top: 10px;}
.xs-mb{margin-bottom: 10px;}
@media screen and (min-width: 400px) {
    .donate-form-title {
        margin-left: -35px;
        margin-right: -35px;
    }
}
@media screen and (min-width: 768px) {
    .choose-money-area {
        padding-left: 25%;
        padding-right: 25%;
    }
    .donate-form-content .donate-title {
        padding-top: 5px;
        text-align: right;
    }
    .form-group .tax-title {
        text-align: right;
        padding-top: 4px;
    }
    .ps-box{margin-top: 0px;}
    .ps-box.sm-mt{margin-top: 10px;}
    .ps-box.sm-pt{padding-top: 4px;}
    .sm-center-text{text-align: center;}
    .edit-content.gift-related-content{
        padding-left: 25px;
        padding-right: 25px;
    }
    .xs-mb{margin-bottom: 0px;}
}
@media screen and (min-width: 992px) {
    .edit-content.gift-related-content{
        padding-right: 0;
    }
}
@media screen and (min-width: 1200px) {
    .edit-content.gift-related-content{
        padding-right: 0;
    }
}

/*
=================================================================
(#m09rprl) PRELOAD
=================================================================
*/
a.carousel-arrow{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
}
.label-hidden{
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.non-weight{
    font-weight: normal;
}

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

.form-alert-text-area{
    margin-bottom: 10px;
}
.fill-hint{
    text-align: right;
}