/*
 *  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: Microsoft JhengHei;
	font-size: 18px;
}


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

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

.title_area { color: #db1a1a; font-size: 16px; font-weight: bold; margin-bottom: 20px; border-left: 2px solid #db1a1a; padding-left: 4px; line-height: 24px; margin-top: 10px; }
.title_area2 { background: url(../img/location/heart.png) 0px 3px no-repeat; background-size: 15px 13px; padding-left: 20px; color: #db1a1a; font-size: 16px; font-weight: bold; padding-bottom: 15px; border-bottom: 2px solid #F2D0CD; }
.title_area2.news { background: url(../img/location/heart.png) 0px 5px no-repeat; background-size: 15px 13px; font-size: 22px; }
h2.sub_title { margin: 0px; font-size: 15px; color: #E46F6F; }

label.important-list { background: url(../img/location/heart.png) 0px 4px no-repeat; background-size: 15px 13px; padding-left: 20px; color: #db1a1a; font-size: 16px; font-weight: bold; margin-right: 10px; margin-bottom: 0px; }

a.title-more { background: #db1a1a; color: #fff; padding: 2px 5px; border-radius: 3px; margin-left: 10px; font-size: 14px; }

span.alert_red { color: #DB1A1A; }
div.alert_red_highline { color: #DB1A1A;  display: inline;}
div.alert_highlight_link { text-decoration: underline; color: blue;  display: inline;}

table { max-width: 100%; }

.visible-sm-inline { display: none; }
.visible-md-inline { display: none; }
/*
=================================================================
(#m02-1hds) HEADER
=================================================================
*/
header .main-area-quick-link {
    position: absolute;
    left: 15px;
    opacity: 0;
}
header .main-area-quick-link:focus {
    opacity: 1;
}

.web-no-js-alert {
    padding: 5px 15px;
    background: #fcf8e3;
}

header div.mb-title {
    padding-top: 8px;
}

header div.mb-title>div {
	height: 60px;
}
header div.mb-title>div.green-line {
	border-bottom: 5px solid #18A79D;
}
header div.mb-title>div.green-line .logo-box {
    display: table;
    margin: 0;
    height: 52px;
}
header div.mb-title>div.green-line .logo-box a {
    display: table-cell;
    vertical-align: middle;
}
header div.mb-title>div.green-line .logo-box a img {
    max-width: 100%;
    max-height: 52px;
    height: auto;
}
header div.mb-title>div.yellow-line {
    border-bottom: 5px solid #FFC952; /* Nicole-color */ /* Nicole-Phone */
}
header div.mb-title>div.yellow-line>a {
    display: inline-block; width: 100%; height: 100%;
}
header div.mb-title>div.yellow-line>a img {
    margin-top: 12px;
}

header div.mb-title>div.light-red-line {
    border-bottom: 5px solid #FF7372; /* Nicole-color */ /* Nicole-Phone */
}
header div.mb-title>div.light-red-line>a {
    display: inline-block; width: 100%; height: 100%;
}
header div.mb-title>div.light-red-line>a img {
    margin-top: 12px;
}




header div.mb-title>div.blue-line {
	border-bottom: 5px solid #FF7372; /* Nicole-color */ /* Nicole-Phone */
}
header div.mb-title>div.blue-line>a {
	display: inline-block; width: 100%; height: 100%;
}
header div.mb-title>div.gray-line {
	border-bottom: 5px solid #65BBC1; /* Nicole-color */ /* Nicole-Phone */
}
header div.mb-title>div.gray-line>a {
	display: inline-block; width: 100%; height: 100%;
}
header div.mb-title>div.instagram-line {
    border-bottom: 5px solid #DB1A1A; /* Nicole-color */ /* Nicole-Phone */
}
header i.fa-facebook {
	color: #3A5795;
	font-size: 25px;
	margin-top: 15px;
}
header i.fa-navicon {
	color: #3F3F3F; /* Nicole-color */
	font-size: 25px;
	margin-top: 15px;
	cursor: pointer;
}
.mb-title i.fa-instagram {
    color: #fc5799;
    font-size: 25px;
    margin-top: 15px;
    cursor: pointer;
}

/* Main Menu */
#page-container { margin: 0 auto;    width: 100%;}

#sidebar,#sidebar-alt { background-color: #A4DBDD; width: 0;position: absolute; overflow: hidden;
}
/* Nicole-color */  /* Nicole-Phone */

#sidebar-alt { right: 0; display: block;}
@media screen and (min-width: 992px) {
   #sidebar-alt { display: none; } 
}

#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:#ffffff; background:#BE0707; 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: #F7989B; color: #fff; border: none; border-radius: 5px; }
.sidebar-nav select:focus {
	outline:none;
}
.sidebar-nav li.nav-title { background: #F1575D; } 

.sidebar-nav li.nav-title a { float: right; display: inline-block; border-bottom: none; padding: 9px 15px; }
.sidebar-nav li.nav-title a i { font-size: 25px; }

.sidebar-nav li.search-area { padding: 9px 10px;border-bottom: 1px solid #FFFFFF; background: #A4DBDD; } /* Nicole-color */  /* Nicole-Phone */
.sidebar-nav li.sidebar-nav-menu-top { background: #18A79D; color: #FFFFFF;} /* Nicole-color */  /* Nicole-Phone */

button.quickSearchBtn_mb { background: #10776A; } /* Nicole-color */  /* Nicole-Phone */
button.quickSearchBtn_mb i { color: #fff; }

.sidebar-nav li.facebook-link { display: none; }
.sidebar-nav li.facebook-link i { background: #3A5795; padding:3px 6px; border-radius: 3px;float: left;margin-right: 10px;height: 25px;margin-top: 6px;padding: 5px 0px 0 8px;width: 25px; }
.sidebar-nav li.instagram-link i { background: #dc3175; padding:3px 6px; border-radius: 3px; float: left;margin-right: 10px;height: 25px;margin-top: 6px;padding: 5px 0px 0 6px;width: 25px;  }

/*
.sidebar-nav li.nav-index { 
	background: linear-gradient(-90deg,#be0707,#dd0d0d);
	background: -webkit-linear-gradient(-90deg,#be0707,#dd0d0d);
    background: -o-linear-gradient(-90deg,#be0707,#dd0d0d); 
    background: -moz-linear-gradient(-90deg,#be0707,#dd0d0d); 
*/
.sidebar-nav a {display: block;    color: #353535;    padding: 9px 10px;    min-height: 35px;    line-height: 35px; border-bottom:1px solid #ffffff;    text-decoration: none; } /* Nicole-color */  /* Nicole-Phone */
.sidebar-nav a:hover,.sidebar-nav a.open,.sidebar-nav li.active > a {color: #ffffff; font-size: 15px; text-decoration: none; background: #427B7C; } /* Nicole-color */  /* Nicole-Phone */

.sidebar-nav ul a.open,.sidebar-nav ul a:hover { background: #427B7C; }  /* Nicole-color */  /* Nicole-Phone */


.sidebar-nav a.active {padding-left: 5px;    border-left: 5px solid #1bbae1;    background: url('../img/template/ie8_opacity_dark_30.png') repeat;    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.8;    filter: alpha(opacity=50);    width: 18px;    font-size: 22px;    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: url('../img/template/ie8_opacity_dark_30.png') repeat;    background: #65BBC1;}  /* Nicole-color */  /* Nicole-Phone */
.sidebar-nav li.active > ul {    display: block;}
.sidebar-nav ul a {margin: 0; font-size: 15px; padding-left: 15px; min-height: 32px; line-height: 32px; border-bottom:1px solid #525151;}
.sidebar-nav ul a.active,.sidebar-nav ul a.active:hover {border-left: 5px solid #1bbae1;    padding-left: 10px;}
.sidebar-nav ul ul {background: url('../img/template/ie8_opacity_dark_40.png') repeat;    background: #747373;}
.sidebar-nav ul ul a {padding-left: 25px; border-bottom:1px solid #818181;}
.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; */
}


.subnav-container {
	opacity: 0;
    position: absolute;
    display:none;
    top: 50px;
    z-index: 99;
    width: 1014px;
    height: 100%;
    background: #10776A; /* Nicole-color */
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
    margin-left: -510px;
	}
	
	
	.open .subnav-container {
	opacity: 1 !important;
    display:inline!important;
	}

	
	.open .subnav-container:hover {
	opacity: 1 !important;
    display:inline!important;
	}
	
	.subnav-container:hover {
	opacity: 1!important;
    background-color: #2F3F3C!important;
	display:inline;
	}
	
	
		.open .dropdown-menu {
	opacity: 1 !important;
    display:inline!important;
	}

	
	.open .dropdown-menu:hover {
	opacity: 1 !important;
    display:inline!important;
	}
	
	.dropdown-menu:hover {
	opacity: 1!important;
    /* background-color: #2F3F3C!important; */
	display:inline;
	}
	



 .subnav-menu {
   position: absolute;
    left: 10px;
    top: 10px;
    width: 250px;
    height: 240px;
    background: #444;
    padding: 7px 0;
    margin-left: 0;
}



.hover_bacolorw  a:hover {color:#fff;}
.hover_bacolorw  a div:hover {background-color:#17A79D;}

/*縮成手機版*/
@media screen and (max-width: 992px) {
   .hover_des_cd {border-bottom:2px solid #10776A;border-bottom-style:dashed; color:#5D5D5D;font-size: 16px;}
}

@media screen and (min-width: 993px) {
   .hover_des_cd {border-bottom:2px solid #10776A;border-bottom-style:dashed; color:#5D5D5D;font-size: 20px;letter-spacing: 2px;margin-left: 0px;}
}



/**/
@media screen and (max-width: 1200px) {
	.container {
	    /* width: 1140px; */
		width: 100%;
	}
	
	.container_context {
	    /* width: 1140px; */
		 width: 100%; 
	}
	
   ul.header-nav>li>a {position: static; font-size: 27px !important; margin-right: 2px!important; padding: 13px 2px 13px 2px!important; font-weight:normal;} 
   ul.header-nav2 {top: 20px !important; }
   div.nav-box {margin-top: -16px !important;}
   div.site-search-area {width: 100%!important;}
   .pc-menu .pc-logo { margin-top: 5px !important; margin-left: 0px!important;  }/*margin-bottom: -8px!important;*/
   .share-box {margin-right: 0px!important;}
   .header-logo {margin-left: 10px!important;}
   
   div.index-banner div.banner-box.left-banner { width:  100%; margin-right: 0px; padding: 0px;}
   
   div#index-banner div.owl img.banner1-img { height: 100%!important; } 
	  div#index-banner2 div.owl img.banner2-img { height: 100%!important; }  

     div#index-banner { height: 100%; overflow: hidden; } 
    div#index-banner img { max-width: 100%; } 

     div#index-banner2 { height: 100%; overflow: hidden; } 
     div#index-banner2 img { width: 100%; } 
    
	 div.index-news-img-box {width:  100%; height: 100%;}
   
   .subnav-container {width: 100% !important;}
   
   .subnav-container01 {margin-left: -120px !important;}
   
   .subnav-container02 {margin-left: -242px !important;}
   
   .subnav-container03 {margin-left: -364px !important;}
   
   .subnav-container04 {margin-left: -459px !important;}
   
   .subnav-container05 {margin-left: -581px !important;}
   
   .subnav-container06 {margin-left: -703px !important;}
   
   .subnav-container07 {margin-left: -825px !important;}
   
   .subnav-container {top: 46px!important}
   
   .dropdown-menu-01 {width: 1000px !important;}
   
   
}

div .nomartopb {
		padding-left: 20px!important;
	}
	
@media screen and (min-width: 991px) {
	
	.fixshowM {display:none;}
	div .fixvisibility {visibility:hidden!important;}
	
	div .page_fudis {display:none;}
	
	div .nomartopb {
		margin-bottom:30px!important;
/* 		margin-top:75px!important; */
	}
	
	.videoWrapper {
    position: relative;
    padding-bottom: 20.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
	
}




@media screen and (max-width: 991px) {
	.fixshow {
		display:none;
		z-index: 5;
		
	}
	
	.videoWrapper_phone {
    position: relative;
    padding-bottom: 50%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.videoWrapper_phone iframe {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
	
	
	}
	
	#T2B911 {
overflow:auto;
background: -webkit-linear-gradient(#8cc63e80,#ffffff69);
background: -o-linear-gradient(#8cc63e80,#ffffff69);
background: -moz-linear-gradient(#8cc63e80,#ffffff69);
background: linear-gradient(#8cc63e80,#ffffff69);
}	
	
	.Phone_noMar {
		
		margin-top: 0px!important
	}
	
}







@media screen and (max-width: 1136px) {
	ul.header-nav>li>a {
		font-size: 20px!important;
		
	}
	
	
}

/**/
@media screen and (max-width: 980px) {
	.Web_Phone {width:85%!important; }
}
@media screen and (min-width: 981px) {
	.Web_Phone {width:70%!important; }
}

@media screen and (min-width: 980px) {
   div.site-search-area {width: 70%;}
   .dropdown-menu-01 {left: -0px !important;}
   .dropdown-menu-01 {width: 930px !important;}
   .dropdown-menu-03 {width: 930px !important;}
   .dropdown-menu-03 {left: -285px !important;}
   .dropdown-menu-04 {width: 930px !important;}
   .dropdown-menu-04 {left: -390px !important;}
}


@media screen and (min-width: 1000px) {
   div.site-search-area {width: 70%;}
   .dropdown-menu-01 {left: -0px !important;}
   .dropdown-menu-01 {width: 950px !important;}
   .dropdown-menu-03 {width: 950px !important;}
   .dropdown-menu-03 {left: -370px !important;}
   .dropdown-menu-04 {width: 950px !important;}
   .dropdown-menu-04 {left: -425px !important;}
}


@media screen and (min-width: 1100px) {
   div.site-search-area {width: 70%;}
   .dropdown-menu-01 {left: -80px !important;}
   .dropdown-menu-01 {width: 1050px !important;}
   .dropdown-menu-03 {width: 1050px !important;}
   .dropdown-menu-03 {left: -465px !important;}
   .dropdown-menu-04 {width: 1050px !important;}
   .dropdown-menu-04 {left: -520px !important;}
}


@media screen and (min-width: 1200px) {
	
	ul.header-nav2>li {
    
    width: 220px !important;
}
	
   .subnav-container01 {right:-5% !important;}
   
   .subnav-container02 {right:-5% !important;}
   
   .subnav-container03 {right:-5% !important;}
   
   .subnav-container04 {right:-5% !important;}
   
   .subnav-container05 {right:-5% !important;}
   
   .subnav-container06 {right:-5% !important;}
   
   .subnav-container07 {right:-5% !important;}
   
   .subnav-container {width: 96%!important}
   
   .dropdown-menu-01 {width: 1150px !important;}
   .dropdown-menu-01 {left: -00px !important;}
   .dropdown-menu-03 {width: 1150px !important;}
   .dropdown-menu-03 {left: -555px !important;}
   .dropdown-menu-04 {width: 1150px !important;}
   .dropdown-menu-04 {left: -610px !important;}
}


@media screen and (min-width: 1300px) {
   div.site-search-area {width: 70%;}
   .dropdown-menu-01 {left: -80px !important;}
   .dropdown-menu-01 {width: 1250px !important;}
   .dropdown-menu-03 {width: 1250px !important;}
   .dropdown-menu-03 {left: -576px !important;}
   .dropdown-menu-04 {width: 1250px !important;}
   .dropdown-menu-04 {left: -585px !important;}
}

@media screen and (min-width: 1400px) {
   div.site-search-area {width: 70%;}
   .dropdown-menu-01 {left: -170px !important;}
   .dropdown-menu-01 {width: 1350px !important;}
   .dropdown-menu-03 {width: 1350px !important;}
   .dropdown-menu-03 {left: -630px !important;}
   .dropdown-menu-04 {width: 1350px !important;}
   .dropdown-menu-04 {left: -740px !important;}
}


@media screen and (min-width: 1500px) {
   div.site-search-area {width: 70%;}
  .dropdown-menu-01 {width: 1500px !important;}
   .dropdown-menu-01 {left: -280px !important;}
   .dropdown-menu-03 {width: 1500px !important;}
   .dropdown-menu-03 {left: -635px !important;}
   .dropdown-menu-04 {width: 1500px !important;}
   .dropdown-menu-04 {left: -770px !important;}
}

@media screen and (min-width: 1600px) {
   div.site-search-area {width: 70%;}
  .dropdown-menu-01 {width: 1500px !important;}
   .dropdown-menu-01 {left: -300px !important;}
   .dropdown-menu-03 {width: 1500px !important;}
   .dropdown-menu-03 {left: -670px !important;}
   .dropdown-menu-04 {width: 1500px !important;}
   .dropdown-menu-04 {left: -805px !important;}
}


@media screen and (min-width: 1725px) {
   div.site-search-area {width: 70%;}
   
   .dropdown-menu-01 {width: 1600px !important;}
   .dropdown-menu-01 {left: -350px !important;}
   .dropdown-menu-03 {width: 1600px !important;}
   .dropdown-menu-03 {left: -750px !important;}
   .dropdown-menu-04 {width: 1600px !important;}
   .dropdown-menu-04 {left: -885px !important;}
}


@media screen and (min-width: 1920px) {
   div.site-search-area {width: 70%;}
   
   .dropdown-menu-01 {width: 1600px !important;}
   .dropdown-menu-01 {left: -450px !important;}
   .dropdown-menu-03 {width: 1600px !important;}
   .dropdown-menu-03 {left: -746px !important;}
   .dropdown-menu-04 {width: 1600px !important;}
   .dropdown-menu-04 {left: -894px !important;}

}

@media screen and (min-width: 1920px) {
	   div.index-title-area{margin-left: 200px;}
}


@media screen and (max-width: 1600px) {
   div.site-search-area {width: 70%;}
   
   
}



/* 按鈕變色 */

.dropdown-mega-content div div ul :hover{
	color:#ffffff;
	background: #65BBC1;
}

.dropdown-mega-content div div ul p{
	font-size: 18px;
	text-align:left !important ;
	text-indent:0.5em;
}


/* 按鈕變色 */
 .hot-link{	margin-top: 20px;padding-left: 10px;}

 .hot-link div{
		 background: #8CC63E;
	 }
	
 .hot-link div a:hover:before {
    border: 8px solid #18A79D;
    transform: translate(-50%, -50%) scale(1); }

 .hot-link div a:before {
    position: absolute;
	top: 50%;
    left: 50%;
    width: 82%;
    height: 82%;
    border: 3px solid transparent;
    border-radius: 50%;
	content: "";
    transition: .3s ease;
    transform: translate(-50%, -50%) scale(1.1);
	}
/* Nicole-Circle */
 .hot-link a{
		 background: #8CC63E;
	 }
	
 .hot-link a:hover:before {
    border: 8px solid #18A79D;
    transform: translate(-50%, -50%) scale(1); }

 .hot-link a:before {
    position: absolute;
	top: 50%;
    left: 50%;
    width: 82%;
    height: 82%;
    border: 3px solid transparent;
    border-radius: 50%;
	content: "";
    transition: .3s ease;
    transform: translate(-50%, -50%) scale(1.1);
	}

	.Web_Phone_backgrond{
		background: #8CC63E;
		height: 100%;
	}
	
	.List_backgrond{
		background: #fff;
		height: 100%;
		font-weight: 500;
	}
	
	.List_backgrond div:hover  {background-color:#A4DBDE; }/* color:#fff; */
	.List_backgrond div a:hover {color:#10776A; }
	
	/* Nicole-Circle */ /*background*/
	/*
	
	.Web_Phone_backgrond div:hover  {background-color:#A4DBDE;color:#fff; }
	.Web_Phone_backgrond div a:hover {color:#fff; }
	
	*/
	/* Nicole-Circle-boostrap.min.css:6 */
.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}
.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
a {
    color: #3B3B3B;
    text-decoration: none;
    background-color: transparent;
}







/*縮成手機版*/
@media screen and (max-width: 992px) {
   .row {margin-right: 0px !important;}
}

.row-color:hover{ background-color: #EEE;}

/* pc logo  2017/02/09 */ 
.pc-menu .header-logo { display: inline-block; margin: 0; }

.pc-menu .pc-logo {
    margin-top: 5px;
    margin-left: 36px;
	margin-bottom: 24px;
}
.fa {padding-right: 10px;padding-left: 10px;}
.fa-plus-circle {color: #17A79D;}
.fa-file-text-o {color: #17A79D;}


.no-b {border: 1px solid #ccc;}
@media screen and (max-width: 767px) {
    .tr-title {
        text-align:left;
		background: #EEE;
		padding: 10px;
		border-radius: 5px;
/* 		color: #fff; */
		padding-top: 10px;
		padding-bottom: 10px;
		margin-left: 5px;
    }
    .tr-title-nob {
        text-align:left;
		padding: 10px;
		border-radius: 5px;
/* 		color: #fff; */
		padding-top: 10px;
		padding-bottom: 10px;
		margin-left: 5px;
    }
}

@media screen and (min-width: 768px) {
    .tr-title {
        text-align:right;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .tr-title-nob {
        text-align:right;
        padding-top: 0px;
        padding-bottom: 0px;
    }
}


@media screen and (max-width: 1200px) {
    .pc-menu .pc-logo {
        margin-left: 30px;
		margin-bottom: 11px!important;
    }
}


@media screen and (min-width: 1201px) {
    .pc-menu .pc-logo {
        margin-left: 30px;
		margin-bottom: -10px!important;
		margin-top : 20px;
    }
}


@media screen and (min-width: 1460px) {
    .pc-menu .pc-logo {
		margin-bottom: -10px!important;
    }
}




	
	

	
	@media screen and (max-width: 1200px) {
        .search-box{margin-top: -18px!important;}
						
    }
	
	
	
	@media screen and (max-width: 1350px) {
        .img_logo{width:60%;}
			
    }


	
	@media screen and (min-width: 1240px) {
        .img_logo{width:60%;}
						
    }

	@media screen and (min-width: 1350px) {
        .img_logo{width:60%;}
						
    }
	
		
@media screen and (min-width: 1460px) {
        .img_logo{width:70%;}
		.search-box{margin-top: 2px!important;}				
    }

@media screen and (min-width: 1550px) 
{
        .img_logo{width:80%;}
						
    }

	
@media screen and (max-width: 1460px) 
{
       ul.header-nav>li {float: right; margin-right: 7px!important; padding-bottom: 5px;}
	   
    }
	
	@media screen and (max-width: 1430px) 
{
       ul.header-nav>li {float: right; margin-right: 5px!important; padding-bottom: 5px;}
	   
    }
	
		@media screen and (max-width: 1400px) 
{
       ul.header-nav>li {float: right; margin-right: 0px!important; padding-bottom: 5px;}
	   
    }
	
	
	
	.Text_news div
	{
margin-bottom: 10px;
margin-top: 10px;
	}
	
	/*
	border-bottom: 2px solid #18A79D;
    */
	.Text_news span img
	{
	height: 30px;
    margin-left: 0px;
    vertical-align: top;
	}

	
	/*
	top: 10px;
    width:50px;
    position: absolute;
	 */


.pc-menu { position: relative; }
.pc-menu .a-acceky { 
    position: absolute;
    top: 0px;
    left: -30px;
    color: #eee; 
}


/* share-box */
div.share-box {display: inline-block; float: right; line-height:33px;font-size:20px;}
div.share-box a.share-button {display: inline-block; width: 31px; height: 31px; margin-right: 5px;  margin-top: 0px; cursor: pointer; text-indent:-9999px; }
div.share-box a.share-button.activity {background-image: url('../img/header-share/25icon-hover.png');}
div.share-box a.share-button.activity:hover {background-image: url('../img/header-share/25icon-hover.png');}
div.share-box a.share-button.sitemap {background-image: url('../img/icon/web/sitemap.png');} /* 網站地圖 */
div.share-box a.share-button.sitemap:hover {background-image: url('../img/icon/web/sitemap.png');} 
div.share-box a.share-button.back {background-image: url('../img/icon/web/back.png');} /* 回董氏首頁 */
div.share-box a.share-button.back:hover {background-image: url('../img/icon/web/back.png');} 
div.share-box a.share-button.home {background-image: url('../img/icon/web/home.png');} /* 回首頁 */
div.share-box a.share-button.home:hover {background-image: url('../img/icon/web/home.png');} 
div.share-box a.share-button.fb {background-image: url('../img/icon/web/FB.png');} /* FB */
div.share-box a.share-button.fb:hover {background-image: url('../img/icon/web/FB.png');}
div.share-box a.share-button.ig {background-image: url('../img/icon/web/IG.png');} /* IG */
div.share-box a.share-button.ig:hover {background-image: url('../img/icon/web/IG.png');}
div.share-box a.share-button.youtube {background-image: url('../img/icon/web/youtube.png');} /* youtube */
div.share-box a.share-button.youtube:hover {background-image: url('../img/icon/web/youtube.png');} 
div.share-box a.share-button.newspaper {background-image: url('../img/icon/web/newspaper.png');} /* 電子報 */
div.share-box a.share-button.newspaper:hover {background-image: url('../img/icon/web/newspaper.png');}
div.share-box a.share-button.member {background-image: url('../img/icon/web/member.png');} /* 加入會員*/
div.share-box a.share-button.member:hover {background-image: url('../img/icon/web/member.png');} 
div.share-box a.share-button.visits {background-image: url('../img/icon/web/visits.png');} /* 瀏覽人次 */
div.share-box a.share-button.visits:hover {background-image: url('../img/icon/web/visits.png');} 
div.share-box a.change-lang {width: 60px; height: 30px; color: #fff; border: none; margin-right: 5px; vertical-align: top; background: #69605d; display: inline-block; text-align: center; padding-top: 5px; }
/* Nicole-delete??*/
/*div.share-box a.share-button.email {background: url(../img/header-share/email.png);}
div.share-box a.share-button.email:hover {background: url(../img/header-share/email-hover.png);}
div.share-box a.share-button.donate {background: url(../img/header-share/donate.png);}
div.share-box a.share-button.donate:hover {background: url(../img/header-share/donate-hover.png);}*/
/* Nicole-ICON */

/*header nav*/
div.nav-box {position: relative; border-bottom: 5px solid #18A79D; margin-right: 1px; float: left; vertical-align: top; margin-top: -20px;} /* Nicole-color */
ul.header-nav {list-style: none; padding: 0px; margin-left: 0px; }
ul.header-nav>li {float: right; margin-right: 8px; padding-bottom: 5px;}
ul.header-nav>li.eg { padding-bottom: 8px; margin-right: 8px; }
ul.header-nav>li>a {position: static; font-size: 27px!important; padding: 13px 10px 13px 10px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
ul.header-nav>li.eg>a { font-size: 16px; }
ul.header-nav>li:hover>a {background: #18A79D; color:#fff;} /* Nicole-color */
ul.header-nav>li.donate>a {background: url(../img/donation_bg.png); padding-right: 18px; color:#fff;}
ul.header-nav>li.donate>a:hover {background: url(../img/donation_bg_hover.png); color:#fff;}
ul.header-nav>li.eg.donate>a {  padding-right: 21px; }

ul.header-nav2 {display: none; position: absolute; z-index: 100; list-style: none; padding: 0px;  top: 18px; margin: 0 auto; left:40px;}
ul.header-nav2>li {margin:0px; padding:0px; margin-bottom:-1px;}
ul.header-nav2>li a { padding: 13px 10px; display: inline-block; color: #fff; background: #69605d; width: 100%; font-size: 15px;}
ul.header-nav2>li a:hover,ul.header-nav2>li a.selected {background: #A5CEB7;} /* Nicole-color */
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.open>a {background: #18A79D; color:#fff;} /* Nicole-color */
ul.header-nav2>li a:focus {
                    background: #58514f;
                    outline: 2px solid #fff !important;
                }

div.search-box { display: inline-block; position: relative; border-bottom: 5px solid #FFC952;  float: left; vertical-align: top; margin-top: -9px; }
/* Nicole-color */
div.site-search-area {border: 1px solid #CCCCCC; border-radius: 5px; padding: 3px 5px; margin-bottom: 5px;}
div.site-search-area input { border: none; outline: none;}
div.site-search-area i {color: #848484;}


.TOP_Map_list {width: 600px;    height: 55px;    display: none;}/*選單頁面*/

.open .TOP_Map_list{display: inline;}


button.btn {border: none;}
.input-group-btn .btn  { border: 1px solid transparent; }
/*
=================================================================
(#m02-2fts) FOOTER
=================================================================
*/
div.footer-gray { background: #E1E1E1; padding: 10px 0px; text-align: center;} /* Nicole-color */
div.footer-red { background: #18A79D; padding: 12px 0px; } /* Nicole-color */
div.footer-black { background: #1B1B1B; padding: 3px; text-align: center; color: #535353;}

div.pc-footer-content { font-size: 13px; color: #10776A;   } /* Nicole-color */

div.footer-gray .a-sign { float: right; }
 
ul.footer-link {list-style: none; padding: 0px; margin: 0px; float: left;}
ul.footer-link li {float: left; padding-right:10px;}
ul.footer-link li+li {border-left: 1px solid #fff; padding:0px 10px;}
ul.footer-link li a {color: #fff;}
div.footer-creator {float: right; color: #000;}
div.footer-creator a {color: #000;}
div.footer-creator a:hover {color: #fff;}

div.footer-black a {color: #535353;}
div.footer-black a:hover {color: #fff;}

div.mb-footer-foundation {color: #969696; padding: 10px 0px; text-align: center; font-family: Arial;}
div.mb-footer-link { color: #fff; margin-top: 5px; font-size: 12px; font-weight: bold;}
div.mb-footer-link a { color: #fff; margin: 0px 5px; }

div.mb-footer-imf {text-align: left; color:#10776A;}
div.mb-footer-imf p+p {margin: 0px; margin-top: 10px;}
/*
=================================================================
(#m03mcs) MAIN CONTENT
=================================================================
*/

.breadcrumbs .a-acceky {     
    position: absolute;
    top: 8px;
    left: -15px;
    color: #eee; 
}

#main { position: relative; }

#main .a-acceky {     
    position: absolute;
    top: 0px;
    left: -17px;
    color: #eee; 
}
#main.right-area .a-acceky{
    left: -15px;
}
#left .a-acceky {     
    position: absolute;
    top: 0px;
    left: -15px;
    color: #eee; 
}

/*=========index=========*/
div.owl-prev {text-indent: -9999px;} 
div.owl-next {text-indent: -9999px;}
div.index-banner { background: none; padding: 0px; margin-top: 5px; }
div.index-banner div.owl-controls {margin: -10px 0px 0px 0px;}
/* div.index-banner div.banner-box {display: block; background:#fff; max-width: 100%; height: 1000px; position: relative; border-bottom: 6px solid #18A79D; border-top: 6px solid #18A79D; } */

div.index-banner div.banner-box {display: block; background:#fff; max-width: 100%;  position: relative; border-bottom: 6px solid #18A79D; border-top: 6px solid #18A79D;padding-bottom: -10px; }


/*div.index-banner div.banner-box img { max-width: 100%;}*/ /* Nicole-color */ /* Nicole-banner */

div.index-banner div.owl-dots { position: absolute; bottom: 5px; right: 10px; counter-reset: dots; }
div.index-banner .owl-dot span { display: none !important; }
div.index-banner .owl-dot:before {
    counter-increment:dots;
    content: counter(dots);
    background: rgba(132,132,132,0.5);
    color: #fff;
    padding: 1px 6px;
    border-radius: 3px;
    font-size: 18px;
    margin: 5px;
}
div.index-banner .owl-dot.active:before {
	background: #18A79D;
}
/* Nicole-color */


div#index-banner div.owl img.banner1-img { height: auto; z-index: 3;}
div#index-banner .owl a { margin: 0px;display: inline-block; overflow:hidden;}
div#index-banner2 div.owl img.banner2-img { height: 191.4px; }

div#index-banner div.owl-stage { background: #fff; }
div#index-banner2 div.owl-stage { background: #fff; }

div#index-banner2 div.owl-nav>div {position: absolute; top: 50%; margin:0px; margin-top: -18px; width: 30px; height: 36px; padding:0px; position: absolute; bottom: 15px; }
div#index-banner2 div.owl-prev {left: 0px;} 
div#index-banner2 div.owl-next {right: 0px;}

div#index-banner2 .owl-btn {position: absolute; top: 50%; margin:0px; margin-top: -18px; width: 30px; height: 36px; padding:0px; position: absolute; bottom: 15px;}
div#index-banner2 .owl-btn.prev{ background-image: url('../img/index/left.png') no-repeat 4px 4px rgba(132,132,132,0.5); background-size: 17px 29px; left: 0px;}
div#index-banner2 .owl-btn.next{ background-image: url('../img/index/right.png') no-repeat 11px 4px rgba(132,132,132,0.5); background-size: 17px 29px; right: 0px;}
div#index-banner2 .owl { margin: 3px; }
div#index-banner2 .owl a { display: inline-block; }

div.right-banner .doante-project-link { cursor: pointer; }

div.left-banner-button-area { background: url(../img/index/banner-bg.png); text-align: center;}
div.left-banner-button-area a {display: inline-block; padding: 5px; border-radius: 5px; color: #fff;}
div.left-banner-button-area a img { width: auto !important; display: inline-block !important;}
div.left-banner-button-area:after{content: '';display:block;clear: both;}
div.left-banner-button-area a.know-more-button {background: #848484; float: left;}
div.left-banner-button-area a.know-more-button:hover {background: #6A6969; }
div.left-banner-button-area a.donate-button {background: #E60013;  float: right;}
div.left-banner-button-area a.donate-button:hover {background: #C30212;}

 div.index-content-box {padding: 0px 0px;  } 
/* div.index-content-box {padding: 0px 15px;  } */
div.index-margin-top {margin-top: 20px; box-shadow:6px 6px 9px #ADADAD; } /* Nicole-owl */
div.index-margin-top-news {margin-top: 20px;  border-radius:50px ; box-shadow:6px 6px 9px #ADADAD;width:80%!important; margin: 0 auto; }/* Nicole-News */
div.index-margin-top-news-m {margin-top: 20px;  border-radius:50px ; box-shadow:6px 6px 9px #ADADAD;width:90%!important; margin: 0 auto; }/* Nicole-News */
div.index-leftpart {vertical-align: top; float:left; width: 100%;}
div.index-rightpart {vertical-align: top; float:left; min-height: 200px; width: 100%;}
div.index-title-area {text-align: left; margin-bottom: 30px;}
div.index-margin-top-news-label{line-height:33px;font-size:34px;color: #18A79D; font-weight:bold;}

/*=========index news=========*/
div.index-news-title {  background: url(../img/index/news.png) no-repeat 0% 100%; height: 29px ; width: 200px;  text-align: right; display: inline-block;  max-width: 100%;   background-size: 124px 29px; margin-left: 0px; }
div.index-news-title img { margin-top: 0%; margin-left: 3px; background: #fff; }

div.index-news-img-box { padding: 5px; -moz-box-shadow: 1px 1px 10px #E9E9E9; box-shadow: 1px 1px 10px #E9E9E9; text-align: center; margin-bottom: 10px; max-width: 340px;} /* Nicole-News  padding-left: 40px; */
div.index-news-img-box img {max-width: 100%;     max-height: 100%;}
div.index-news-text-box {border-bottom: 1px dashed #BFBFBF; font-size: 24px; line-height: 1.5;  padding-top: 10px;padding-bottom: 10px; font-weight:500;  }/* Nicole-News */
div.index-news-text-box+div.index-news-text-box {   margin-top: 8px; }
div.index-news-text-box:last-child {border-bottom: none; padding-bottom: 0px;}
div.index-news-text-box img {margin-left: 5px;}
div.index-news-text-box span.news-date { color: #10776A; margin-right: 10px;} /* Nicole-color */
div.index-news-text-box div.index-news { height: 100%; overflow: hidden; position: relative;} /* Nicole-News */
div.index-news-text-box div.index-news div.hot-box { display: inline-block; width: 26px; height: 20px; vertical-align: top; }
div.index-news-text-box div.index-news img.hot { height: 30px; margin-left: 0px; vertical-align: top; }
div.index-news-text-box div.index-news img.mask { position: absolute; top: 0px; right: 0px; margin-right: 0px; }

.index-news-text-box :hover{color: #8CC63E;} /* Nicole-color */ /* 變更顏色 #FF7372 */

/*=========index news phone=========*/
div.index-news-text-box-phone {border-bottom: 1px dashed #BFBFBF; font-size: 20px; line-height: 1.5;  padding-top: 10px;padding-bottom: 10px; font-weight:bold; margin-right: 20px; }/* Nicole-News */ /* Nicole-Phone */
div.index-news-text-box-phone span.news-date { color: #10776A; margin-right: 10px; } /* Nicole-color */
.index-news-text-box-phone :hover{color: #8CC63E;} /* Nicole-color */ /* 變更顏色 #FF7372 */



/*=========index videos=========*/
div.index-vedio-title {background: url(../img/index/viedos.png) no-repeat 0% 100%; height: 29px ; text-align: right; display: inline-block; width: 163px; max-width: 100%;}
div.index-vedio-title img { padding-top: 12px; padding-left: 3px; background: #fff; }

div.index-vedio-box { text-align: center; }
div.index-vedio-box p { margin-bottom: 0px; }
div.index-vedio-box iframe { width: 100%; height: initail; max-width: 400px;}
div.index-vedio-box a {color: #E60013; padding: 5px 0px; display: block;}

/*=========index shops=========*/
div.index-shop-title {background: url(../img/index/shop_01.png) no-repeat 0% 100%; height: 29px; width: 165px; text-align: right; display: inline-block; max-width: 100%;}
div.index-shop-title img { margin-top: 12px; margin-left: 3px; background: #fff; }

div.index-shop-link { cursor: pointer; }
div.index-shop-img-box { padding: 5px; -moz-box-shadow: 1px 1px 10px #E9E9E9; box-shadow: 1px 1px 10px #E9E9E9; text-align: center; margin-top: 20px; margin-bottom: 12px; width: 100%; max-width: 360px; height: auto; display: inline-block;}
div.index-shop-img-box img {max-width: 100%;}
div.index-shop-product { padding: 0px; }
div.index-shop-product div.owl-stage { background: #fff;}
div.index-shop-product div.owl-item { background: #fff; }
div.index-shop-product div.owl { background: #fff; text-align: center;}
div.index-shop-product div.owl div.shop-title {padding-bottom: 20px;}
div.index-shop-product div.owl-item.active+div.owl-item.active div.owl { background: url(../img/index/line.png) no-repeat 0px 0px; padding-left: 6px;}

div.index-shop-product div.owl-nav>div {width: 15px; height: 28px; padding:0px;     position: absolute; top: 50%; margin-top: -14px;}
div.index-shop-product div.owl-prev {left: 0px;} 
div.index-shop-product div.owl-next {right: 0px;}

div.index-shop-product .owl-btn {width: 35px; height: 50px; padding:0px !important;position: absolute; top: 50%; margin-top: -30px !important;}
div.index-shop-product .owl-btn.prev{ background-image: url('../img/icon/owl-prev.png') ; left: 0px;}
div.index-shop-product .owl-btn.next{ background-image: url('../img/icon/owl-next.png') ; right: 0px;}

div.index-shop-product .owl a { display: inline-block; margin:3px;  }
.no-js div.index-shop-product.owl-carousel { position: relative; height: 308px; overflow: hidden ;}
.no-js div.index-shop-product.owl-carousel .owl { float: left; width: 33.333%;position: relative;}





/*=========index celebrity=========*/
div.index-celebrity-title {background: url(../img/index/celebrity.png) left no-repeat; height: 29px ; text-align: right; display: inline-block; width: 176px; max-width: 100%;}
div.index-celebrity-title img { padding-top: 12px; padding-left: 3px; background: #fff; }

div#index-celebrity div.index-celebrity-img-box { border: 5px solid #fff; -moz-box-shadow: 1px 1px 10px #E9E9E9; box-shadow: 1px 1px 10px #E9E9E9; overflow: hidden; text-align: center; margin: 10px auto; height: 155px; }
div#index-celebrity div.index-celebrity-img-box img { max-width: 100%;}
div#index-celebrity span.celebrity-name {font-size: 14px; color: #E60013;}

div#index-celebrity div.owl-nav>div {position: absolute; top: 50%; margin:0px; margin-top: -18px; width: 30px; height: 36px; padding:0px; position: absolute; bottom: 15px; }
div#index-celebrity div.owl-prev {left: 0px;} 
div#index-celebrity div.owl-next {right: 0px;}

div#index-celebrity .owl-btn {position: absolute; top: 50%; margin:0px; margin-top: -18px; width: 30px; height: 36px; padding:0px; position: absolute; bottom: 15px;}
div#index-celebrity .owl-btn.prev{ background-image: url('../img/index/left.png') no-repeat 4px 4px rgba(132,132,132,0.5); background-size: 17px 29px; left: 0px;}
div#index-celebrity .owl-btn.next{ background-image: url('../img/index/right.png') no-repeat 11px 4px rgba(132,132,132,0.5); background-size: 17px 29px; right: 0px;}
div#index-celebrity .owl a { margin: 3px;display: inline-block; }
.no-js div#index-celebrity.owl-carousel { position: relative; height: 170px; overflow: hidden }

/*=========index volunteer=========*/
div.index-volunteer-title {background: url(../img/index/volunteer-sm.png) left no-repeat; height: 27px ; text-align: right; display: inline-block; width: 300px; max-width: 100%;}
div.index-volunteer-title span { font-size: 12px; font-family: Arial; color: #fc5d7a; display: inline-block; margin-top: 10px; background: #fff;}
div.index-volunteer-box {border: none;}
div.index-volunteer-box a.volunteer-link {margin-bottom: 10px;}
div.index-volunteer-box div.index-volunteer-content img { max-width: 100%; height: auto; }

/*=========index company=========*/
div.index-company-title {background: url(../img/index/company_01.png) no-repeat 0% 100%; height: 29px ; text-align: right; display: inline-block; width: 184px; max-width: 100%;}
div.index-company-title img { padding-top: 12px; padding-left: 3px; background: #fff; }
div.index-company-box img { width: 100%; height: auto; }
div.index-company-box>a+a img { margin-top: 20px; }

/*=========index link=========*/
div.index-link-title {background: url(../img/index/link-sm.png) left no-repeat; height: 27px ; text-align: right; display: inline-block; width: 141px; max-width: 100%;}
div.index-link-title img { padding-top: 12px; padding-left: 3px; background: #fff; }

div.index-link-box { background: none; padding: 0px; padding-bottom: 10px; }
div#related-link { padding: 0px 60px; margin-top: 15px;}
div.related-link-box { border: 1px solid #9D9D9D; padding: 2px; display: inline-block; max-width: 100%;}
div#related-link div.owl-stage {background: #fff !important;}
div#related-link div.owl-item {background: #fff;}
div#related-link div.owl-item img { width: 200px; max-width: 100%;} 

div#related-link div.owl-item0 img { width: 200px; max-width: 100%!important;} 

div#related-link div.owl-nav>div {width: 15px; height: 28px; padding:0px; position: absolute; top:50%; margin-top: -14px;}
div#related-link div.owl-prev {background: url(../../../../Img/icon/owl-prev.png); left: 5px; } 
div#related-link div.owl-next {background: url(../../../../Img/icon/owl-next.png); right: 5px; }

.no-js div#related-link.owl-carousel { position: relative; height: 108px; overflow: hidden }
.no-js div#related-link.owl-carousel .owl { float: left; width: 20%; }


/*=========page banner & breadcrumb=========*/

div.owl-carousel div.owl .owl-content a{ 
    background-color: #000000bf;
    font-size: 24px!important; 
	color: #F3F2F0!important;    
	position: absolute;
    z-index: 10;
    text-align: left;
	bottom: 5px;
	width:100%;
    padding-left: 20px;
	} 
	/* Nicole-banner */


	/* position:absolute; bottom:0; right:20px; margin-right: 0px;  */
	
	
/*=========news background=========*/
	

div.fixshow div.news-tomato img{ 
	position: absolute;
    z-index: 10;
	left:80%;
	width:9%;
    }	
	
div.fixshow div.news-bottom img{ 
	position: absolute;
    z-index: 1;
    }	
	
 
div.link-left img{ 
    position: absolute;
    z-index: 1;
	top:20%;
	left:1%;
    }	
	
div.link-right img{ 
    position: absolute;
    z-index: 1;
	top:20%;
	left:88%;
    }	
	
div.link-right img{ 
    position: absolute;
    z-index: 10;
	top:20%;
	left:88%;
    }	

div.footer-link div.footer-bottom img{ 
    position: absolute;
    z-index: 10;
	top: -15%;
	left:75%;
    }	
	
	
/*=========page banner & breadcrumb=========*/
div.page-banner-box { /*background: url(../img/index/banner-bg.png); padding: 5px 10px;*/ display: none;}
div.page-banner-box img {max-width: 100%;}
div.page-banner-box div.page-banner { margin-top: 5px; }
div.page-banner-box div.page-banner img { margin-left: 10px; margin-top: 20px;}
div.page-banner-box div.page-banner.archive {background: url(../img/publication/banner-sm.png) 100% 100% no-repeat; height: 80px;}
div.page-banner-box div.page-banner.about {background: url(../img/about/banner-sm.png) 100% 100% no-repeat; height: 80px;}
div.page-banner-box div.page-banner.errorpage {background: url(../img/404/banner-sm.png) 100% 100% no-repeat; height: 80px;}
div.page-banner-box div.page-banner.services {background: url(../img/services/banner-sm.png) 100% 100% no-repeat; height: 80px;}
div.page-banner-box div.page-banner.news {background: url(../img/news/banner-sm.png) 100% 100% no-repeat; height: 80px;}
div.page-banner-box div.page-banner.fundraising {background: url(../img/fundraising/banner-sm.png) 100% 100% no-repeat; height: 80px;}
div.page-banner-box div.page-banner.donate {background: url(../img/donate/banner-sm.png) 100% 100% no-repeat; height: 80px;}
div.page-banner-box div.page-banner.join {background: url(../img/join/banner-sm.png) 100% 100% no-repeat; height: 80px;}
div.page-banner-box div.page-banner.volunteer {background: url(../img/volunteer/banner-sm.png) 100% 100% no-repeat; height: 80px;}

div.page-banner-box label.eg-page-banner-word { font-size: 22px; color: #E60013; margin-top: 18px; margin-left: 20px; }


div.breadcrumbs {margin-top: 10px ; margin-bottom: 10px; background: url(../img/breadcrumb/pink-line.png) 100% 6px no-repeat; background-size: auto 8px; }
div.breadcrumbs div.breadcrumb-text {display: inline-block; background: #fff0; padding-right: 5px;color: #10776A;font-weight: 500;}
div.breadcrumbs span.path_alert { color: #10776A; }
div.breadcrumbs a { color: #10776A; }
div.breadcrumbs a:hover { color: #A4DBDE; }

/*=========left & right area=========*/
div.left-area { margin-bottom: 20px; position: relative;}
div.right-area { width: 100%; padding: 0px; margin-bottom: 20px; position: relative;}
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; 
    border-top: 1px solid #fdcecb;
    border-bottom: 1px solid #fff;
    background: #fdcecb;
    background: -webkit-linear-gradient(#fdcecb,#fff);
    background: -o-linear-gradient(#fdcecb,#fff);
    background: -moz-linear-gradient(#fdcecb,#fff);
    background: linear-gradient(#fdcecb,#fff);
}


/*ul.left-menu>li {background: #FFE8E6;}*/
/*ul.left-menu>li:hover {background: #FCC2BD;}*/

ul.left-menu>li.selected>a { padding-bottom: 10px; }
/*ul.left-menu>li.selected>a { 
    background: #fdcecb;
    background: -webkit-linear-gradient(#fdcecb,#fff);
    background: -o-linear-gradient(#fdcecb,#fff);
    background: -moz-linear-gradient(#fdcecb,#fff);
    background: linear-gradient(#fdcecb,#fff);
}*/


ul.left-menu>li:first-child {border-top: 1px solid #F5A5A8;}
ul.left-menu>li+li {border-top: 1px dashed #F29C9F;}
ul.left-menu>li>a { color: #e60013; font-size: 16px; vertical-align: middle; display: inline-block; width: 100%; padding: 15px 20px; line-height: 28px; }
ul.left-menu>li>a span { padding-left: 20px; display: inline-block; }
ul.left-menu>li>a>i {position: absolute; margin-top: 8px; }
ul.left-menu>li i {font-size: 0.7em; color: #fda69f; margin-right: 10px;}
ul.left-menu>li:hover i {color: #ED1C24;}
ul.left-menu>li.selected i {color: #ED1C24;}

ul.left-menu ul { list-style: none; padding: 0px; padding-bottom: 15px; position: relative; }
/*ul.left-menu ul:before {
    display: block;
    content: '';
    border-width: 8px 8px 8px 8px;
    border-style: solid;
    border-color: #FCC2BD transparent transparent transparent;
    position: absolute;
    left: 18px;
    top: 0px;
}*/
ul.left-menu ul li:first-child { }
ul.left-menu ul li { padding: 5px 20px;}
ul.left-menu ul li a {color: #3b3b3b; font-size: 14px; padding-left: 20px; display: inline-block;}
ul.left-menu ul li.selected a { color:#E82432; }
ul.left-menu ul li:hover a { color:#E82432; }
ul.left-menu ul li i {color: #ed1c24; margin-left: 5px; margin-right: 15px; position: absolute; margin-top: 5px;}

/*=========left small info box=========*/
div.small-info-box {
    padding: 15px 10px; 
    margin-top: 60px;
    border-top: 1px solid #fdcecb;
    background: #fdcecb;
    background: -webkit-linear-gradient(#fdd0ce,#fff,#fdd0ce);
    background: -o-linear-gradient(#fdd0ce,#fff,#fdd0ce);
    background: -moz-linear-gradient(#fdd0ce,#fff,#fdd0ce);
    background: linear-gradient(#fdd0ce,#fff,#fdd0ce);
}

div.small-info-box div.button-box { margin-top: 10px;}
div.small-info-box div.button-box:after { content: ''; display: block; clear: both; }
div.small-info-box div.button-box a { float: right }
div.small-info-box div.button-box a:first-child { float: left; }
div.small-info-box .doante-project-link { cursor: pointer; }

div.small-info-box .donate-button-left {display: inline-block; width: 82px; height: 35px; background: url(../img/leftmenu/immediate-donate-button.png); text-indent: -9999px;}
div.small-info-box .donate-button-left:hover {display: inline-block; width: 82px; height: 35px; background: url(../img/leftmenu/immediate-donate-button-hover.png);}
div.small-info-box  .knowmore-button-left {display: inline-block; width: 82px; height: 35px; background: url(../img/leftmenu/know-more-button.png); text-indent: -9999px;}
div.small-info-box  .knowmore-button-left:hover {display: inline-block; width: 82px; height: 35px; background: url(../img/leftmenu/know-more-button-hover.png);}

div#left-info-banner img { height: 150px; }
div#left-info-banner div.owl-controls { margin-top: 0px; }
div#left-info-banner div.owl-nav>div {position: absolute; top: 50%; margin:0px; margin-top: -18px; width: 30px; height: 36px; padding:0px; position: absolute; bottom: 15px; }
div#left-info-banner div.owl-prev {background: url(../img/index/left.png) no-repeat 4px 4px rgba(132,132,132,0.5); left: 0px;} 
div#left-info-banner div.owl-next {background: url(../img/index/right.png) no-repeat 11px 4px rgba(132,132,132,0.5); right: 0px;}

div#left-info-banner .owl { margin: 3px; }
div#left-info-banner .owl a { display: inline-block; }

div.link-box { border-top: 1px dashed #FD93A4;  padding-top: 15px}
div.link-box a {display: inline-block; width: 178px; height: 35px; background: url(../img/leftmenu/donate-item.png);}
div.link-box a:hover {display: inline-block; width: 178px; height: 35px; background: url(../img/leftmenu/donate-item-hover.png);}

/*=========publication=========*/
div.publish-box {border-bottom: 1px dashed #BFBFBF; padding-bottom: 15px;}
h3.list-title { font-size: 18px; font-weight: bold; color: #E60013; }
p.list-spec-title {color: #3B3B3B; font-weight: bold; font-size: 16px; margin: 15px 0px;}
div.publish-box i { color: #C2C1CB; margin: 0px 6px 0px 7px; }
div.list-spec {line-height: 25px; margin-bottom: 10px; height: 100px; overflow: hidden; position: relative;}
div.list-spec div.list-mask { position: absolute; bottom: 0px; width: 100%; height: 20px; background: #bbb; 
    background: -webkit-linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,1));
    background: -o-linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,1));
    background: -moz-linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,1));
    background: linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,1)); }

div.publish-box select.year {width: 100px; display: inline-block; margin-right: 5px;}
div.publish-box select.date {width: 80px; display: inline-block;}
div.publishimg-box { text-align: center; }
div.publishimg-box img { max-width: 100%; max-height: 200px; border: 1px solid #ACACAC; padding: 1px;}
a.btn {display: inline-block; padding: 6px 8px; outline: none; width: 100%; margin-bottom: 10px;}
a.btn-viewmore {background: #848484; color: #fff; margin-right: 10px;}
a.btn-viewmore:hover {background: #6A6969; color: #fff;}
a.btn-download { background: #DB1A1A; color: #fff; }
a.btn-download:hover { background: #C30212; color: #fff; }
div.mb-publishimg-box {border: 1px solid #ACACAC; text-align: center; padding: 10px; margin: 10px 0px;}
div.mb-publishimg-box img {max-width: 100%; max-height: 300px;}

/*=========article=========*/
div.article-tool { margin: 15px 0px; }
div.article-tool span { vertical-align: middle; }
div.article-tool img {margin: 0px 3px;}

div.article-social { height: 25px; margin-top: 50px; }
div.article-social div.facebook-share-area { float: right; }
div.article-social div.google-share-area { float: right; padding-right: 15px; }

div.article-date { margin-top: 25px; margin-bottom: 10px; color:#CE1D1E;}
div.article-date span { margin-right: 15px; }

div.article-goback { margin-top: 10px; }

div.article-goback.mb i { margin-right: 10px; }
div.article-goback.mb a { color: #fff; display: block; background: #FC5D7A; border-radius: 5px; color: #fff; padding: 5px 10px; }

/*=========location=========*/
div.search-title { background: #FFE8E6; border-radius: 5px; padding: 20px 15px;}
div.search-title.mar-btm { margin-bottom: 20px; }
div.search-title img {margin-right: 5px;}
div.search-title span.large { vertical-align: middle; font-size: 16px; }
div.search-title select {width: 100%; display: inline-block; color: #E82432; margin-top: 10px;}
div.search-title select.long-select { width: 100%; }
div.search-title input.keyword { width: 100%; margin-top: 10px; display: inline-block; }
div.search-title div.search-type { display: block; }
div.search-title div.search-type.search-br-title { margin-top: 10px; }
div.search-title div.search-type+div.search-type { margin-top: 10px; }
div.search-title h1 { display: inline-block; margin: 0; font-size: 15px; }
div.search-title #calendar_area,div.search-title #tibits_type,div.search-title #treasure_type{margin-bottom: 15px;}
div.search-title:after{
    content: '';
    display: block;
    clear:both;
}
div.location-area { margin-top: 20px; }
div.location-area div.panel { margin-bottom: 10px; border: 1px solid #FFE8E6;}
div.location-area div.panel.selected { border: 1px solid #E60013;}
div.location-area div.panel>.panel-heading { background: #FFE8E6; color: #E60013; padding: 0px;}
div.location-area div.panel>.panel-heading a { display: inline-block; width: 100%; padding: 10px 15px;}
div.location-area div.panel>.panel-heading a:hover,div.location-area div.panel>.panel-heading a:active,div.location-area div.panel>.panel-heading a:focus { color: #E60013; }
div.location-area div.panel:hover>.panel-heading { background: #FCCFCC; }
div.location-area .panel>.panel-heading.selected {background: #E60013; color: #fff; }
div.location-area .panel:hover>.panel-heading.selected {background: #E60013; color: #fff; }
div.location-area .panel>.panel-heading.selected a:hover, div.location-area .panel>.panel-heading.selected a:active,div.location-area .panel>.panel-heading.selected a:focus { color: #fff; }

.no-js .collapse { display: block; }
.no-js div.location-area div.panel { border: 1px solid #E60013;}
.no-js div.location-area .panel>.panel-heading {background: #E60013; color: #fff; }
.no-js div.location-area .panel:hover>.panel-heading {background: #E60013; color: #fff; }
.no-js div.location-area .panel>.panel-heading a:hover,.no-js div.location-area .panel>.panel-heading a:active,.no-js div.location-area .panel>.panel-heading a:focus,.no-js div.location-area .panel>.panel-heading a:visited { color: #fff; }

/*=========milestone=========*/
div.change_show_div { margin-top: 10px; }
div.change_show_div>div { display: none; }
div.change_show_div>div.selected { display: block; }

.no-js div.change_show_div>div { display: block; margin-top: 15px; }

/*=========epaper list=========*/
div.list-title { color: #DB1A1A; font-weight: bold; padding-bottom: 10px; border-bottom: 2px solid #F2D0CD; }
div.list { padding: 10px 0px; border-bottom: 1px dashed #BFBFBF;}
div.list div.row>div {margin-bottom: 5px;}
div.list span.news-title { vertical-align: bottom; }
div.list span.list-date { color:#F04747; }
div.list span.view-cnt { color:#00a7f4; }
div.list-pagination {margin-top: 20px;}
div.list-pagination span.selected { color: #ED1C24; text-decoration: underline; }
div.list-pagination a:hover { color: #ED1C24; text-decoration: underline; }

/*=========epaper form=========*/
div.content_alert {margin: 10px 0px;}
div.form-box { border: 1px solid #FCC2BD; }
div.form-box form { margin-bottom: 0px; }
div.form-title { color: #fff; background: #DB1A1A; padding: 10px; }
div.form-content { background: #F8F8F8; padding: 20px;  }
div.form-content>div.row { margin-bottom: 10px; }
div.form-content>div.row>div { margin-bottom: 10px;}
div.form-content img#auth_code { height: 34px; }
div.form-content a#refresh_img { display: inline-block; margin-top: 10px; cursor: pointer;}
div.form-content div.refresh-img-box { background: #FCC2BD; padding: 2px; display: inline-block; border-radius: 3px; margin: 0px 5px;}
div.form-content a#refresh_img:hover div.refresh-img-box { background: #fca098; }

div.form-content a#auth_code_audio { background: #FCC2BD; padding: 4px 6px; display: inline-block; border-radius: 3px; margin: 0px 5px; color: #fff; }
div.form-content a#auth_code_audio:hover { background: #fca098; }

div.form-button-area { background: #F8F8F8; padding: 20px; border-top: 1px dashed #FCC2BD; }
button.sub-button { background: #DB1A1A; color: #fff; border:none; }
button.sub-button:hover { background: #bc1717; }
input.reset-button { background: #FCC2BD; color: #EA3E45; border: none; }
input.reset-button:hover { background: #fdaba4; }

/*=========FAQ=========*/
div.faq-contact { float: none; text-align: right; }
div.faq-contact a { line-height: 34px; font-size: 15px; }
div.faq-contact i { margin-right: 10px; }

div.faq-box { padding: 30px 15px; }
div.faq-box+div.faq-box { border-top: 1px dashed #BFBFBF; }
div.faq-box div.content_q span.title { font-size:18px; font-weight: bold; color: #3A3A3A; display: inline-block; }
div.faq-box div.content_q { margin-bottom: 25px; }
div.faq-box div.content_a span.title { font-size:18px; font-weight: bold; color: #CE1D1E; display: inline-block; }

/*=========service list=========*/
div.content_list_box { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px dashed #BFBFBF; }
ul.content_article_list { list-style: none; padding-left: 0px; }
ul.content_article_list li { padding: 5px 10px; }

div.article-page-change span.page-title { vertical-align: middle; }
div.article-page-change a:hover span.page-title { text-decoration: none; }

div.article-page-change>div a { display: block; background: #EA2222; padding: 5px 10px; text-align: center; color: #fff; margin-bottom:10px; border-radius: 5px;}

/*=========fundraising list=========*/
div.fundraising-list>div.row { display: table; width: 100%; margin: 0px; }
div.fundraising-list>div.row>div { display: table-cell; float: none; vertical-align: middle; word-break: break-all; }
div.fundraising-list>div.row>div.top { vertical-align: top; }
div.fundraising-list div.title { padding-bottom: 25px; border-bottom: 2px solid #F2D0CD; color: #DB1A1A; font-weight: bold; }
div.fundraising-list div.content { padding: 15px 0px; border-bottom: 1px dashed #BFBFBF; }
div.fundraising-list span.num { margin-right: 20px; }
div.fundraising-list div.content img { margin-right: 20px; width: 100px; height: auto; }

/*=========fundraising detail=========*/
p.sub-title i { color: #C2C0C0; margin-right: 5px; }
div.fundraising_desc_area { border-bottom: 1px dashed #BFBFBF; padding-bottom: 30px; }
.red-button { background: #FCCFCC; color: #EC5258; padding: 8px 35px; border-radius: 5px; border: none; }
.red-button img { margin-right: 5px; }

/*========= sitemap =========*/

/* Jim edit 2017/04/24 */
.sitemap-accesskey { padding-left: 15px; margin-bottom: 30px; }
/* Jim edit 2017/04/24 */

div.sitemap ul { list-style: none; padding-left: 0px; }
div.sitemap ul li.title { border-bottom: 2px solid #F2D0CD; padding-bottom: 7px; margin-bottom: 7px; }
div.sitemap ul li.title a { color: #E82432; font-weight: bold;  display: inline-block;  }
div.sitemap ul li { padding: 2px 0px; }

/*========= archive report =========*/
a.more-content { color: #C2C1CB; }
a.more-content:hover { color: #FD93A4; }

/*========= archive report list =========*/
.search-button { background: #DB1A1A; color: #fff; border: none; border-radius: 5px; padding: 6px 12px; display: block; width: 100%; margin-top: 10px; text-align: center; }
span.highlight { text-decoration: underline; color: #F04747; }
span.highlight_link { text-decoration: underline; color: blue; }

/*========= library list =========*/
div.library-box div.desc_area { margin-bottom: 10px;}
div.book-img-box { padding: 10px; border: 1px solid #C2C0C0;  margin-bottom: 10px; text-align: center; }
div.book-img-box img { max-width: 100%; }
div.book-date { margin-top: 10px; text-align: center; }
div.book-date span.date_format { color: #DD3636; }
a.viewbook-button { display: block; background: #FCC2BD; color: #EC4C52; border-radius: 5px; padding: 5px 10px; text-align: center; }

/*========= movie =========*/
div.movie-list-box { padding: 20px 15px; background: #FBF9F9; }
div.movies_desc_area { margin-bottom: 10px; }
div.movie-box iframe { max-width: 100%; }

/*========= donate file download =========*/
div.donate-download-spec { width: 100%; background: #FFE8E6; border-radius: 10px; padding: 10px; display: none; margin-top: 10px; }
.no-js div.donate-download-spec { display: block !important; }

/*========= donate report =========*/
div.report-box {border-bottom: 1px dashed #BFBFBF; padding-bottom: 15px;}
div.report-box h3 { font-size: 15px; margin: 10px 0px; line-height: 24px; }

div.report-box div.download-area { margin-top: 10px; background: rgb(239, 239, 239); padding: 10px; border-radius: 10px; }
div.report-box i.fa-caret-right { color: #C2C1CB; margin: 0px 6px 0px 7px; }
div.report-box div.download-list+div.download-list { margin-top: 10px;  }

/*========= donate method =========*/
div.donate-spec { margin: 15px 0px; }
div.donate-spec ul { padding: 0px; list-style: none; }
div.donate-form-box { border: 1px solid #FCC2BD; background: #F8F8F8; }
div.donate-form-box div.donate-form-content { padding: 15px 15px; }
div.donate-form-box div.donate-form-content img { max-width: 100%; height: auto; }
div.donate-form-box div.row { margin-bottom: 10px; }
div.donate-form-box div.row>div { margin-bottom: 10px; }
div.donate-form-box div.row>div.big-bottom {margin-bottom: 20px;}
div.donate-form-box div.donate-form-title { background: #F4797D; color: #fff; padding: 15px; position: relative;}
div.donate-form-box div.donate-form-title:after{ content: '';display: block; clear: both; }
div.donate-form-box div.donate-form-title  .btn.print{position: absolute;top:8px; right: 10px ;display: inline-block; background: #f8f8f8; color:#6a6a6a; float: right; max-width: 70px;  margin-bottom: 0;}
div.donate-form-box div.text-sm-right { text-align: left; }
div.donate-form-box div.form-wrap { margin-top: 10px; }
div.donate-form-box div.form-sm-wrap { margin-top: 0px; }

div.donate-form-box div.form-line { border-top: 1px dashed #F29C9F; margin: 15px 0px; }
div.donate-form-box img#auth_code { height: 34px; }
div.donate-form-box a#refresh_img { display: inline-block; margin-top: 10px; cursor: pointer;}
div.donate-form-box div.refresh-img-box { background: #FCC2BD; padding: 2px; display: inline-block; border-radius: 3px; margin: 0px 5px;}
div.donate-form-box a#refresh_img:hover div.refresh-img-box { background: #fca098; }
div.donate-form-box a#auth_code_audio { background: #FCC2BD; padding: 4px 6px; display: inline-block; border-radius: 3px; margin: 0px 5px; color: #fff; }
div.donate-form-box a#auth_code_audio:hover { background: #fca098; }

div.donate-title { margin: 0px 15px; background: #999; padding:10px; border-radius: 5px;  color:#fff; }
div.donate-title span.alert_red { color: #DB1A1A; }
@media screen and (min-width: 768px) {
    div.donate-title span.idno {display: block;}

}

input[type='button'] { border: none; background: #FCC2BD; color: #EC4C52; padding: 6px 10px; width: 100%; border-radius: 5px;
}
input[name='goBackBtn'] { border: none; background: #999; color: #fff; padding: 8px 10px; width: 100%; border-radius: 5px; }
input[name='reset'] { border: none; background: #FCC2BD; color: #EC4C52; padding: 8px 10px; width: 100%; border-radius: 5px; }
input[name='doFormSubmitBtn'] { border: none; background: #DB1A1A; color: #fff; padding: 8px 10px; width: 100%; border-radius: 5px; }
button.form-submit[type='submit'] { border: none; background: #DB1A1A; color: #fff; padding: 8px 10px; width: 100%; border-radius: 5px; }
.button-style{
    padding: 8px 10px; width: 100%; border-radius: 5px; border: none; display: inline-block;cursor: pointer;
}
.button-style.pink{
    background: #FCC2BD; color: #EC4C52;
}
.button-style.red{
    background: #DB1A1A; color: #fff;
}
#goBackBtn { display: block; border: none; background: #999; color: #fff; padding: 8px 10px; width: 100%; border-radius: 5px; text-align: center; }
#resetform { display: block; border: none; background: #FCC2BD; color: #EC4C52; padding: 8px 10px; width: 100%; border-radius: 5px; text-align: center; }

/*========= volunteer photo list =========*/
div.volunteer-list div.title { padding-bottom: 25px; border-bottom: 2px solid #F2D0CD; color: #DB1A1A; font-weight: bold; }
div.volunteer-list div.content { padding: 15px 0px; border-bottom: 1px dashed #BFBFBF; }
div.volunteer-list>div.row { display: table; width: 100%; margin: 0px; }
div.volunteer-list span.num { margin-right: 10px; }
div.volunteer-list span.view-cnt { color: #00a7f4; }
div.volunteer-list span.list-date { color: #F04747; }

/*========= web link list =========*/
div.web-link-list { word-break: break-all; }
div.web-link-list a.web-link-title { display: block; line-height: 30px; }
div.web-link-list span.list-date { line-height: 30px; }
div.web-link-list span.web-link-spec { line-height: 30px; }
div.web-link-list span.web-link-spec span.web-link-spec-title { display: inline-block; margin-right: 10px; color: #DB1A1A; }

/*========= study visit =========*/
input.study-time { width: 60px; display: inline-block; margin-right: 10px; }
input.study-time+input.study-time { margin-left: 10px; }
div.study-visit-checkbox label.checkbox-inline { margin-right: 20px; margin-left: 0px; margin-bottom: 5px; }
div.study-visit-checkbox div.checkbox:first-child { margin-top: 0px; }
div.study-visit-checkbox label.radio-inline { margin-right: 20px; margin-left: 0px; margin-bottom: 5px; }
/*========= bootstrap donate type modal =========*/
.modal-dialog { margin: 75px 10px; }
div#donate_type_myModal ul.donate_type_list { list-style: none; padding: 0px; }
div#donate_type_myModal ul.donate_type_list li { margin: 8px 0px; }
div#donate_type_myModal ul.donate_type_list li a { width: 100%; display: inline-block; }
div#donate_type_myModal ul.donate_type_list li i { margin-right: 10px; color: #fda69f; font-size: 12px; }
div#donate_type_myModal ul.donate_type_list li:hover i { color: #ED1C24; }

/*========= job detail =========*/
div.job-details div.job-details-content { padding: 0px 15px; }
div.job-details div.job-details-content div.row { margin-bottom: 0px; padding: 10px 0px; }
div.job-details div.job-details-content div.row:nth-child(even) { background: #E4E4E4; }
div.job-details-content div.row { border-bottom: 1px solid #FFFFFF; }

/*========= celebrity detail =========*/
div.celebrity-select-list { border: 1px solid #FCCFCC; background: #FFE8E6; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 15px 20px; }
div.celebrity-content { border: 1px solid #FCCFCC; border-top: 0px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding: 15px 20px; }

.no-js div#celebrity { display: none; }
div#celebrity div.owl-stage { background: #FFE8E6; }
div#celebrity div.owl-item { background: #FFE8E6; }
div#celebrity div.owl { text-align: center; background: #FFE8E6; }
div#celebrity a.celebrity-box {display: block;  border: 1px solid #CCCCCC; padding: 10px; border-radius: 10px; width: 142px; margin: 0px auto; }
div#celebrity a.celebrity-box.selected { border: 1px solid #E60013; }
div#celebrity a.celebrity-box:hover { border: 1px solid #E60013; }
div#celebrity a.celebrity-box img { width: 120px; height: 120px; cursor: pointer; }
div#celebrity a.celebrity-box p { margin: 0px; }
div#celebrity div.owl-controls { height: 29px; position: relative; }
div#celebrity div.owl-nav>div { margin: 0px; }
div#celebrity div.owl-next{width: 29px; height: 29px; position: absolute; right: 15px;}
div#celebrity div.owl-prev {width: 29px; height: 29px; position: absolute; left: 15px;}
div#celebrity .owl-btn {width: 29px; height: 29px; position: absolute; top:-9px;}
div#celebrity .owl-btn.prev{ background: url(../img/article/Previous.png); left: 0px;}
div#celebrity .owl-btn.next{ background: url(../img/article/next.png); right: 0px;}
div#celebrity .owl-btn.prev:hover{width: 27px; height: 27px; background: url(../img/article/Previous-hover.png); }
div#celebrity .owl-btn.next:hover{width: 27px; height: 27px; background: url(../img/article/next-hover.png); }
div#celebrity div.owl-dots>div {margin: 3px 0px; }
div#celebrity div.owl-dot span { background: #F29C9F; }
div#celebrity div.owl-dot.active span { background: #EF878B; }

div.celebrity-page { position: relative; height: 30px; margin-bottom: 10px; }
div.celebrity-content div.goprev { cursor: pointer; float: left; }
div.celebrity-content div.gonext { cursor: pointer; float: right; }
div.celebrity-content i { color: #F29C9F; margin: 0px 5px;  }

div.content_div img { max-width: 100%; height: auto; }


/*========= common donate record =========*/
div.donate-search-record div.donate-search-title { margin-bottom: 10px; }
div.donate-search-record div.row>div { margin-bottom: 10px; }
div.donate-search-record div.row>div .inline { margin-top: 5px; display: inline-block; }
div.donate-search-record div.text-sm-right { text-align: left; }
div.donate-search-record span.alert-text { font-size: 14px;  }
div.donate-search-record div.donate-search-button-area { border-top: 1px dashed #F29C9F; padding-top: 15px; }


/*========= small donate record =========*/
div.small-search-record div.row>div { padding-right: 15px; padding-left: 15px; }
.xs-margin-bottom { margin-bottom: 10px; }
span.xs-block { display: block; margin-left: 0px; margin-top: 5px; margin-bottom: 5px; }
div.search-title span.text-small { font-size: 14px; }

/*========= request receipt =========*/
div.request-receipt-img img { max-width: 100%; }


/*========= donate confirm =========*/
div.donate-confirm-search-title { background: none; padding-top: 5px; padding-bottom: 0px; }

div.donate-form-box div.donate-confirm-search-title div.row {
    margin-top: 10px;
}

/*========= donate qa satisfaction =========*/
div.satisfaction-box { text-align: center; margin-top: 30px; background: #FFE8E6; padding: 10px; border-radius: 5px; }
div.satisfaction-box div.row>div { margin-bottom: 10px; }
div.satisfaction-box label { margin-top: 5px; }
div.satisfaction-box a.button { display: inline-block; width: 100%; color: #fff; padding: 5px 8px; border-radius: 5px; }
div.satisfaction-box a.button01 { background: #EFA6AB; }
div.satisfaction-box a.button02 { background: #D51616; }

/*========= donate finish =========*/
a.donate-finish-button { border: none; background: #DB1A1A; color: #fff; padding: 8px 10px; width: 100%; border-radius: 5px; margin-top: 10px; margin-bottom: 10px; display: inline-block; }
div.donate-finish form { margin-bottom: 0px;  }


/*pagination*/
div.list_page_area { margin: 15px 0px; }
div.left-pagination { text-align: center; margin-bottom: 10px; }
div.right-pagination { text-align: center; }
div.list_page_area div.page { display: inline-block; margin: 0px 8px;  }
div.list_page_area div.page.selected { color:#ED1C24; text-decoration: underline; font-weight: bold; }

/*========= 404 =========*/
div.error-page { margin: 30px 0px;  }
div.error-page img { max-width: 100%; height: auto; }
img.errorpage-sm-word { display: none !important; }
.page-404 .btn{background:  #ff617d; color: #FFF;}


/*========= donate list =========*/ 
/* Jim edit 2016/05/31 */
div.donate_list_size { width: 100%; }
div.donate_list { border: 1px solid #D9D9D9; border-top: 4px solid #F2D0CD; padding: 15px 20px; margin-bottom: 25px; }
div.donate_list:hover { border: 1px solid #F2D0CD; border-top: 4px solid #F2D0CD; }
div.donate_list a.donate_img_area { display: inline-block; overflow: hidden; position: relative; width: 100%;}
div.donate_list img { max-width: 100%; height: auto; }
div.donate_list img.donate_img { position: absolute; left: 0px; top: 0px; }
div.donate_list a.donate_title { display: block; text-align: center; font-size: 16px; margin: 15px 0px; }
div.donate_list a.donate_button { display: block; text-align: center; background: #DB1A1A; padding: 8px 15px; border-radius: 5px; color: #fff; }
div.donate_list a.donate_button i { margin-right: 8px; }

/*========= donate detail =========*/ 
/* Jim edit 2016/05/31 */
div.donate_detail_top_area { position: relative; }
div.donate_detail_top_imfo { padding-top: 36px; margin-bottom: 20px; }

div.donate_detail_content { padding: 5px 20px; line-height: 1.7em; }
div.donate_detail_content img { max-width: 100%; height: auto; }
div.donate_detail_content iframe { max-width: 100%; }

div.donate_detail_top_area div.donate_detail_top_imfo_bg { position: relative; width: 270px; height: 355px; margin: 0px auto; background: url(../img/donate/bg_xs.png); background-size: 270px 355px; }

div.donate_detail_status { position: absolute; top: -20px; left: -20px; width: 105px; height: 90px; background: url(../img/donate/icon01.png); background-size: 105px 90px; }
div.donate_detail_status.finish { background: url(../img/donate/icon02.png); background-size: 105px 90px; }

div.donate_detail_imfo_img { height: 208px; padding: 25px 27px; padding-bottom: 0px; text-align: center; }
div.donate_detail_imfo_img img { width: 215px; height: 175px; }

div.donate_detail_percent_area { padding: 6px 36px 6.5px 32px; }
div.donate_detail_percent { height: 25px; text-align: center; border-radius: 3px; overflow: hidden; position: relative; border: 1px solid #EE887F; }
div.donate_detail_percent_finish { display: inline-block; position: absolute; left: 0px; top: 0px; height: 25px; background: url(../img/donate/persent.png); background-size: auto 25px; }
span.donate_detail_percent_text { position: relative; z-index: 5; line-height: 25px; font-weight: bold; }

div.donate_detail_amount { padding: 20px 25px; }
div.donate_detail_amount i { color: #C2C0C0; margin-right: 5px; }
div.donate_detail_amount label.target_amount { color: #515151; font-size: 18px; }
div.donate_detail_amount label.finish_amount { color: #E60013; font-size: 20px; }

div.donate_detail_radio_area div.radio { padding: 10px 0px; margin: 0px; }
div.donate_detail_radio_area div.radio+div.radio { border-top: 1px dashed #DEDEDE; }
div.donate_detail_radio_area input.input_box { border-radius: 3px; width: 80px; margin: 0px 5px; }
div.donate_detail_button_area { margin-top: 30px; margin-bottom: 15px; }
div.donate_detail_button_area .red-button { display: inline-block; width: 100%; }

div.donate_detail_intro_area { padding: 5px 20px; line-height: 1.7em; margin-bottom: 40px; }
div.donate_detail_intro_area img { max-width: 100%; height: auto; }
div.donate_detail_intro_area iframe { max-width: 100%; }
/* share donate detail */
/* Jim edit 2016/06/16 */

/* share donate hidden status */
/* Jim edit 2016/07/25 */
div.donate_detail_top_area div.donate_detail_top_imfo_bg.status_close { background: none; border: 1px solid #C2C0C1; padding: 5px; height: auto; }
div.donate_detail_top_area div.donate_detail_top_imfo_bg.status_close div.donate_detail_imfo_img { padding-bottom: 25px; border: 1px dashed #C2C0C1; height: auto; }
div.donate_detail_top_area div.donate_detail_top_imfo_bg.status_close div.donate_detail_imfo_img img { max-width: 100%; height: auto; }

div.donate_detail_top_area div.donate_detail_top_imfo_bg.status_close div.donate_detail_status  { display: none; }
div.donate_detail_top_area div.donate_detail_top_imfo_bg.status_close div.donate_detail_percent_area { display: none; }
div.donate_detail_top_area div.donate_detail_top_imfo_bg.status_close div.donate_detail_amount { display: none; }
/* Jim edit 2016/07/25 */
/* share donate hidden status */

div.share-donate-box { position: relative; padding-right: 15px; }

div.donate-form-box.share-donate { border-radius: 10px; overflow: hidden; }
div.donate-form-box.share-donate div.donate-form-title { background: url(../img/donate_share/bg.png); background-size: auto 53px; }
div.donate-form-box.share-donate div.donate-form-title img { position: absolute; left: 30px; bottom: 0px; width: 62px; height: 43px; }
div.share-donate-img-box { position: relative; top: 0px; right: 0px; text-align: center; margin-top: 15px; }
div.share-donate-img-box label {    
    display: block;
    color: #db1a1a;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    border-left: 2px solid #db1a1a;
    padding-left: 4px;
    line-height: 24px;
    margin-top: 10px;
    text-align: left;
}
div.share-donate-img-box img { max-width: 100%; width: 348px; height: auto; margin: 30px 0px; }

/*========= relative news list =========*/ 
div.relative_list_area { background: #f2f2f2; padding: 30px 30px 15px 30px; border-radius: 5px; margin:15px 0px; }
div.relative_list_area .relative_list_title { margin:0px; border-bottom: 2px solid #acacac; padding-bottom: 10px; }
div.relative_list { padding: 15px 0px; }
div.relative_list span.news-title { vertical-align: bottom; }
div.relative_list span.list-date { color:#F04747; }
div.relative_list+div.relative_list { border-top: 1px dashed #BFBFBF; }

/*========= dmtop =========*/ 
.dmtop {
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 10;
    display: none;
    text-align: center;
    cursor: pointer;
    width: 45px;
    height: 45px;
    background: #8CC63E;
    color: #fff;
    line-height: 45px;
    opacity: 0.5;
}
.dmtop:hover {
    opacity: 1;
}

.dmtop_m {
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 10;
    display: none;
    text-align: center;
    cursor: pointer;
    width: 45px;
    height: 45px;
    background: #8CC63E;
    color: #fff;
    line-height: 45px;
    opacity: 0.5;
}
.dmtop_m:hover {
    opacity: 1;
}


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

label {
    font-weight: normal;
}

.radio, .checkbox {
    margin-top: 0px;
}


.radio-inline,.checkbox-inline { margin-right: 10px; }
.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline {
    margin-left: 0px;
}

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


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

/*????????衣??蝙??input number ????蝞剝?*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
/*firefox */
input[type=number] {
    -moz-appearance:textfield;
}

@media print {
  div#mb-sidebar ,header,footer,.breadcrumbs,#print_btn,#donate-finish-button{ display: none; }
  .donate-form-content > div {
    border:1px solid #CCC;
  }
  a:after{ content:'' !important;}

}

.no-js .hidden-no-js { display: none !important; }


a:focus\0 {
    outline: #A4C7FC 2px solid;
    outline-offset: -2px;
}
.fa.fa-0:before{ font-family: Arial;font-weight: bold;content: '0';}
.fa.fa-1:before{ font-family: Arial;font-weight: bold;content: '1';}
.fa.fa-2:before{ font-family: Arial;font-weight: bold;content: '2';}
.fa.fa-3:before{ font-family: Arial;font-weight: bold;content: '3';}
.fa.fa-4:before{ font-family: Arial;font-weight: bold;content: '4';}
.fa.fa-5:before{ font-family: Arial;font-weight: bold;content: '5';}
.fa.fa-6:before{ font-family: Arial;font-weight: bold;content: '6';}
.fa.fa-7:before{ font-family: Arial;font-weight: bold;content: '7';}
.fa.fa-8:before{ font-family: Arial;font-weight: bold;content: '8';}
.fa.fa-9:before{ font-family: Arial;font-weight: bold;content: '9';}
.fa.fa-A:before{ font-family: Arial;font-weight: bold;content: 'A';}
.fa.fa-B:before{ font-family: Arial;font-weight: bold;content: 'B';}
.fa.fa-C:before{ font-family: Arial;font-weight: bold;content: 'C';}
.fa.fa-D:before{ font-family: Arial;font-weight: bold;content: 'D';}
.fa.fa-E:before{ font-family: Arial;font-weight: bold;content: 'E';}
.fa.fa-F:before{ font-family: Arial;font-weight: bold;content: 'F';}
.fa.fa-G:before{ font-family: Arial;font-weight: bold;content: 'G';}
.fa.fa-H:before{ font-family: Arial;font-weight: bold;content: 'H';}
.fa.fa-I:before{ font-family: Arial;font-weight: bold;content: 'I';}
.fa.fa-J:before{ font-family: Arial;font-weight: bold;content: 'J';}
.fa.fa-K:before{ font-family: Arial;font-weight: bold;content: 'K';}
.fa.fa-L:before{ font-family: Arial;font-weight: bold;content: 'L';}
.fa.fa-M:before{ font-family: Arial;font-weight: bold;content: 'M';}
.fa.fa-N:before{ font-family: Arial;font-weight: bold;content: 'N';}
.fa.fa-O:before{ font-family: Arial;font-weight: bold;content: 'O';}
.fa.fa-P:before{ font-family: Arial;font-weight: bold;content: 'P';}
.fa.fa-Q:before{ font-family: Arial;font-weight: bold;content: 'Q';}
.fa.fa-R:before{ font-family: Arial;font-weight: bold;content: 'R';}
.fa.fa-S:before{ font-family: Arial;font-weight: bold;content: 'S';}
.fa.fa-T:before{ font-family: Arial;font-weight: bold;content: 'T';}
.fa.fa-U:before{ font-family: Arial;font-weight: bold;content: 'U';}
.fa.fa-V:before{ font-family: Arial;font-weight: bold;content: 'V';}
.fa.fa-W:before{ font-family: Arial;font-weight: bold;content: 'W';}
.fa.fa-X:before{ font-family: Arial;font-weight: bold;content: 'X';}
.fa.fa-Y:before{ font-family: Arial;font-weight: bold;content: 'Y';}
.fa.fa-Z:before{ font-family: Arial;font-weight: bold;content: 'Z';}

/* # Virtual keyboard
================================================== */
#donor_no,#card_no,#card_owner_no{    border-top-right-radius: 4px;    border-bottom-right-radius: 4px;}

.virtual-kb-btn{border-top-left-radius: 0;border-bottom-left-radius: 0;}
.virtual-keyboard {
    text-align: center;
    position:absolute;
    width: 325px;
    z-index:1000;
    padding: 6px;
    top:35px;
    right: 0px;
    background: #cdcdcd;
    border: 1px solid #cacaca;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
}
.virtual-keyboard.type-1{width: 170px;}
.virtual-keyboard a{ position: relative; font-size: 14px; text-decoration:none; color:#666; font-family:Arial, Helvetica, sans-serif; text-align: center; cursor: pointer;}
.virtual-keyboard a:active{
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.virtual-keyboard .keypad-header{ position: relative; border-bottom: 1px solid #aaa; padding: 1px 0 6px; margin: 0 0 6px 0;}
.virtual-keyboard .keypad-header h4{ text-align:center; font-size: 15px; line-height: 18px; padding:0; margin:0; font-weight:bold; }
.virtual-keyboard .keypad-header a.keypad-closed {font-size: 10px; line-height: 20px;border-radius: 50%; color: #FFF; background: #69605D; cursor: pointer; text-align: center; right: 0;  top: 0px; width: 20px; height: 20px; position:absolute;}
.virtual-keyboard .keypad-holder a{ float:left; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; height: 25px; width:25px;background: #FFF; 
    line-height: 25px; margin:3px; }
.virtual-keyboard .keypad-holder a.clear-btn{width: 56px; font-weight: bold;   font-family: 敺株??迤暺???;}
.virtual-keyboard .keypad-holder a.clear-btn.type-1{width: 72px;}
.virtual-keyboard .keypad-holder a:hover{background: #f4797d;    color: #FFF;}
.virtual-keyboard a > i{    padding-left: 0px;}

/* # select2 */
.select2 { opacity: 0; padding: 0; border: none;}
.select2 .select2-chosen {     font-size: 14px; color: #E82432; }
.select2-results .select2-highlighted { background: #E82432; }
.select2-container-active .select2-choice, .select2-container-active .select2-choices { border: 1px solid #E82432; }
.select2-drop-active { border: 1px solid #E82432; border-top: 1px solid #ccc; }
.no-js .select2 { opacity: 1; padding: 6px 12px; border: 1px solid #ccc; }
.select2-choice { position: relative; }
.select2-choice:after {
    content: '';
    border-color: #E82432 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    right: 10px;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}


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

@media screen and (min-width: 365px) {
	div.publish-box select.date {width: 120px; }
}

@media screen and (min-width: 400px) {
	img.errorpage-sm-word { display: block !important; }
}


@media screen and (min-width: 420px) {
    /*========= donate detail =========*/ 
    /* Jim edit 2016/05/31 */
    div.donate_detail_top_area div.donate_detail_top_imfo_bg { position: relative; width: 326px; height: 380px; margin: 0px auto; background: url(../img/donate/bg.png); background-size: 326px 380px; }
    div.donate_detail_imfo_img { height: 250px; padding: 25px; padding-bottom: 0px; text-align: center; }
    div.donate_detail_imfo_img img { width: 270px; height: 220px; }
    div.donate_detail_amount { padding: 10px 25px; }
}



@media screen and (min-width: 480px) {
    /*========= donate list =========*/ 
    /* Jim edit 2016/05/31 */
    div.donate_list_size { width: 50%; }
    div.donate_list a.donate_title { text-align: left; height: 44px; overflow: hidden; }
}


@media screen and (min-width: 550px) {
	div.index-volunteer-box div.col-lg-8>a {width: 25%;  }
}


@media screen and (min-width:600px) {
    div.index-shop-img-box { border:5px solid #fff; padding: 0px; -moz-box-shadow: 1px 1px 10px #E9E9E9; box-shadow: 1px 1px 10px #E9E9E9; text-align: center; margin-top: 20px; margin-bottom: 12px; width: 230px; height: 230px; display: inline-block; overflow: hidden; }
    div#index-shop-product { padding: 0px 30px; }
    

}

@media screen and (min-width:700px) {
    div.donate_detail_top_area { padding-right: 350px; }
    div.donate_detail_top_area div.donate_detail_top_spec { min-height: 416px; }
    div.donate_detail_top_imfo { position: absolute; top: 0px; right: 0px; padding-top: 36px; margin-bottom: 0px; }
}

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

    .visible-sm-inline { display: inline-block; }

	div.index-banner { background: none; }

	a.btn {width: auto;}
    
    /* page */
    div.page-banner-box { display: block; }

	div.page-banner-box div.page-banner img {  margin-top: 55px; margin-left: 50px;}
	div.page-banner-box div.page-banner.archive {background: url(../img/publication/banner-lg.png) 100% 100% no-repeat; height: 156px;}
	div.page-banner-box div.page-banner.about {background: url(../img/about/banner-lg.png) 100% 100% no-repeat; height: 156px;}
	div.page-banner-box div.page-banner.errorpage {background: url(../img/404/banner-lg.png) 100% 100% no-repeat; height: 156px;}
	div.page-banner-box div.page-banner.services {background: url(../img/services/banner-lg.png) 100% 100% no-repeat; height: 156px;
	}
	div.page-banner-box div.page-banner.news {background: url(../img/news/banner-lg.png) 100% 100% no-repeat; height: 156px;
	}
	div.page-banner-box div.page-banner.fundraising {background: url(../img/fundraising/banner-lg.png) 100% 100% no-repeat; height: 156px;
	}
	div.page-banner-box div.page-banner.donate {background: url(../img/donate/banner-lg.png) 100% 100% no-repeat; height: 156px;
	}
	div.page-banner-box div.page-banner.join {background: url(../img/join/banner-lg.png) 100% 100% no-repeat; height: 156px;
	}
	div.page-banner-box div.page-banner.volunteer {background: url(../img/volunteer/banner-lg.png) 100% 100% no-repeat; height: 156px;
	}

	div.page-banner-box label.eg-page-banner-word { font-size: 32px; margin-top: 40px; margin-left: 50px; text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;}

	div.breadcrumbs {margin-bottom: 25px;margin-top: 25px; color: #10776A;}
	div.list div.row>div { margin-bottom: 0px; }
	div.search-title select {width: 134px; margin-top: 0px;}
    div.search-title div.news select {width: 100px; margin-top: 0px;}
	div.search-title select[name='donate_cat'] {width: 300px; margin-top: 0px;}
	div.search-title select.long-select { width: 300px; }
	div.search-title input.keyword { width: 200px; margin-top: 0px; }
	div.search-title input.newskeyword { width: 300px; margin-top: 0px; }
    div.search-title input.newskeyword-sm { width: 120px; margin-top: 0px; }
	.search-button { display: inline-block; width: auto; margin-top: 0px; margin-left: 10px; }
	div.search-title div.search-type { display: inline-block; }
	div.search-title div.search-type.search-br-title { margin-left: 22px; margin-top: 0px; }
	div.search-title div.search-type+div.search-type { margin-left: 10px; margin-top: 0px;  }
	div.search-title div.search-br { margin-bottom: 10px; }
    div.search-title #calendar_area,div.search-title #tibits_type,div.search-title #treasure_type { margin-right: 70px; margin-bottom: 0;}
	div.form-content>div.row>div.text-sm-right { text-align: right; }

	/* faq */
	div.faq-contact { float: right; }

	/* sitemap */
	div.sitemap div.row { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #BFBFBF; }
	div.sitemap ul li.title { border-bottom: 0px; }

	/* donate form */
	div.donate-form-box div.text-sm-right { text-align: right; }
	div.donate-form-box div.row>div { margin-bottom: 0px; }
	div.donate-form-box div.form-sm-wrap { margin-top: 10px; }
	div.donate-form-box a#refresh_img { margin-top: 0px;}

    div.donate-form-box #full_card_info .full_card_title { margin-bottom: 15px; text-align: center; }
    div.donate-form-box #full_card_info .full_card_title label { font-weight: bold; font-size: 16px; }

    div.donate-form-box #full_card_info { display: none; }
    div.donate-form-box #full_card_info .full_card_title { display: none; }
    div.donate-form-box #card_bank { display: none; }
    div.donate-form-box #send_gift_to_tbody { display: none; }
    div.donate-form-box #send_gift_info_tbody { display: none; }
    div.donate-form-box div.donate-form-title  .btn.print{display: inline-block; background: #f8f8f8; color:#6a6a6a; float: right; }
    .no-js div.donate-form-box #full_card_info { display: block; background: #f9e4e4; padding: 10px 0px; margin-bottom: 10px; }
    .no-js div.donate-form-box #full_card_info .full_card_title { display: block; }
    .no-js div.donate-form-box #card_bank { display: block; }
    .no-js div.donate-form-box #send_gift_to_tbody { display: block; }
    .no-js div.donate-form-box #send_gift_info_tbody { display: block; }

    div.donate-title { margin: 0px; background: none; padding: 0px 15px; border-radius: 5px; color: #333; }
    div.donate-title span.alert_red { color: #DB1A1A; }

	/* web link */
	div.web-link-list span.web-link-spec span.web-link-spec-title { display: none;}

	/* bootstrap dialog modal */
	.modal-dialog { margin: 50px auto; }

	/* common donate record */
	div.donate-search-record div.text-sm-right { text-align: right; }
	
    /* small donate record */
    div.small-search-record div.row>div { padding-right: 0px; padding-left: 15px; }
    
    div.small-search-record div.md-small-text-box { display: inline-block; width: 235px; }
    input.sm-input { width: 120px; display: inline-block; }
    .xs-margin-bottom { margin-bottom: 0px; }
    span.xs-block { display: inline-block; margin-left: 10px; }

	/* doanate qa satisfaction */
	div.satisfaction-box div.row>div { margin-bottom: 0px; }

	/* donate finish */
	a.donate-finish-button { width: 200px; }

	/* pagination */
	div.left-pagination { text-align: left; margin-bottom: 0px; }
	div.right-pagination { text-align: right; }

	/* page change */
	div.article-page-change>div a { display: inline-block; background: none; padding: none; text-align: none; color: #3B3B3B; }
	div.article-page-change a:hover span.page-title { text-decoration: underline; }

	
	
	
	/* 404 */
	img.errorpage-sm-word { display: none !important; }


    /*========= donate list =========*/ 
    /* Jim edit 2016/05/31 */
    div.donate_list_size { width: 33.33%; }

    /*========= donate detail =========*/ 
    /* Jim edit 2016/05/31 */
    div.donate_detail_button_area .red-button { width: 180px; }

    /* share donate detail */
    /* Jim edit 2016/06/16 */
    div.share-donate-box { position: relative; padding-right: 400px; }
    div.share-donate-img-box { position: absolute; top: 50%; margin-top: -220px; right: 15px; }
    div.share-donate-img-box img { max-width: 75%; height: auto; }
    #donor_no,#card_no,#card_owner_no{    border-top-right-radius: 0;    border-bottom-right-radius: 0;}
}



 
/*
@media screen and (max-width: 1510px) {
    .share-box label {
		display:none;
	}
}
*/

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

	.container_context {
	    /* width: 970px; */
		width: 100%; 
	}
  
    .visible-md-inline { display: inline-block; }
    
	div.nav-box {
		width: 840px;
	}
	div.search-box {
		width: 99px;
	}
	div.site-search-area {right: 0px;}
	div.site-search-area input { width: 65px; }
    div.site-search-area button { border: none; background: none; padding: 0px; }

	div.index-banner { background: url(../img/index/banner-bg.png); padding: 16px 15px; margin-top: 0px;}
	div.index-banner div.banner-box.left-banner { width: 100%; margin-right: 0px; vertical-align: top; padding: 0px 0px;}
	div.index-banner div.banner-box.right-banner { width: 255px; vertical-align: top;}
	div.index-banner div.banner-box {padding: 5px; float: left; }
	div.left-banner-button-area { padding: 4px 1px; }
	div.left-banner-button-area a {padding: 1px 5px;}
	div.left-banner-button-area span {line-height: 23px;}

	div.index-leftpart { width: 656px; margin-right: 25px; }
	div.index-rightpart { width: 255px; }
	div.index-margin-top {margin-top: 20px;}
	div.index-title-area {text-align: left; margin-bottom: 10px;margin-left: 50px;} /* Nicole-News */

/* 	div#index-banner div.owl img.banner1-img { height: 224.7px; } */
	div#index-shop-product { padding: 0px 30px;index-news-box: ;-shop-product div.owl {padding: 0px;}
	div.index-news-box {height: 100%; margin:0 auto;} /* Nicole-News */
	div.index-vedio-box {height: 235px;}
	div.index-vedio-box iframe { width: 100%; height: 202px;}
	div.index-vedio-title span {display: none !important;}
	div.index-volunteer-box {padding: 30px 15px; border: 1px dashed #EC676D; border-radius: 10px; } 
    div.index-volunteer-box img.volunteer-title { margin-bottom: 20px; }
	div.index-volunteer-box a.volunteer-link {margin-bottom: 0px;}
    
	div.index-company-box {margin-top: 30px;}
    div.index-company-box img { width: 100%; height: 124px; }
    
	div.index-link-box { background: #F3F3F3; margin-top: 20px; padding: 10px 0px; border-bottom: 1px solid #E7E0E0;}
	div#related-link div.owl-stage {background: #F5F5F5 !important; }
	div#related-link div.owl-item { background: #F5F5F5; }
	/* related-link */
	div#related-link { padding: 0px 0px; }
	/* footer */
	div.footer-gray {text-align: left; padding: 20px 0px;}
	div.pc-footer-content {display: inline-block !important; }	
	/* page */
    div.page-banner-box { margin-left: 15px; margin-right: 15px; }
	div.page-banner-box { /*background: url(../img/index/banner-bg.png); padding: 15px;*/ }
	/* left & right area */
    div.main-content-area { position: relative; margin-top: 15px; }
	div.left-area { width: 227px; padding: 0px; padding-right: 15px; float:left; }
	div.right-area { width: 709px; padding: 0px; padding-left: 15px; float:left; vertical-align: top; }
    /*div.main-content-area .breadcrumbs { position: absolute !important; top: -40px; left: -227px; margin-top: 0px; margin-bottom: 0px; width: 970px; }*/

	/* other */
	div.publish-box select.date {width: 80px; }
    
    /* small donate record */
    div.small-search-record div.md-small-date-search { display: block; width: 100%; }
    
	/*========= donate list =========*/ 
    /* Jim edit 2016/05/31 */
    div.donate_list_size { width: 25%; }

    div.donate-form-box div.donate-confirm-search-title div.row {
        margin-top: 0;
    }
}

@media screen and (min-width: 1200px) {
	.container {
	    /* width: 1140px; */
		width: 100%;
	}
	
	
	.container_context {
/* 	    width: 1140px;  */
		width: 100%;
	}
	
	
	div.nav-box {
		width: 900px;
	}
	div.search-box {
		width: 209px;
	}
	div.site-search-area {right: 10px;}
	div.site-search-area input { width: 150px; }

	ul.header-nav2 {min-width: 162px;}

	div.index-banner div.banner-box.left-banner { width:  100%; margin-right: 0px; padding: 0px;}
	div.index-banner div.banner-box.right-banner { width:  280px; }
	div.left-banner-button-area {padding: 10px 11px;}
	div.left-banner-button-area a {padding: 8px 12px;}
	
	div.index-leftpart { width:  796px; margin-right: 30px; }
	div.index-rightpart { width:  280px; }
	
/* 	 div#index-banner div.owl img.banner1-img { height: 100%; }  */
	  div#index-banner2 div.owl img.banner2-img { height: 100%; }  

     div#index-banner { height: 100%; overflow: hidden; } 
    div#index-banner img { max-width: 100%; } 

     div#index-banner2 { height: 100%; overflow: hidden; } 
     div#index-banner2 img { width: 100%; } 
    
	 div.index-news-img-box {width:  100%; height: 100%;}
	/* Nicole-banner */
	
	/*
	div#index-banner div.owl img.banner1-img { height: 272px; }
	div#index-banner2 div.owl img.banner2-img { height: 211px; }

    div#index-banner { height: 272px; overflow: hidden; }
    div#index-banner img { max-width: 100%; }

    div#index-banner2 { height: 272px; overflow: hidden; }
    div#index-banner2 img { width: 100%; }
    
	div.index-news-img-box {width: 230px; height: 210px;}
	*/
	/* Nicole-delete??*/
	
	
	
	/*div#index-shop-product div.owl-item {width: 250px !important;}*/
	div#index-shop-product div.owl { text-align: left;}
	/*div#index-shop-product div.owl-stage { transform:none !important; }
	div#index-shop-product div.owl-item.active+div.owl-item.active {
		width: 259px !important;
	}*/
    div#index-shop-product div.owl-item.active div.owl {
        padding-left: 11px;
    }
    div#index-shop-product div.owl-item.active+div.owl-item.active div.owl {
        padding-left: 11px;
    }
  
	div.index-volunteer-box { padding: 45px 25px; }
    div.index-volunteer-box div.index-volunteer-content img { max-width: auto; }
	div.index-volunteer-box img.volunteer-title { margin-top: 45px; margin-bottom: 0px; }
	div.index-company-box {margin-top: 10px;}
    div.index-company-box img { width: 100%; height: 137px; }

    div#index-celebrity div.index-celebrity-img-box { height: 170px; }

	div.right-area { width: 879px; }
    /*div.main-content-area .breadcrumbs { width: 1110px; }*/

	div.publish-box select.date {width: 120px; }
    
    /* small donate record */
    div.small-search-record div.md-small-date-search { display: inline-block; width: 385px; }

    /* 25th Jim 2016/3/30 */
    ul.header-nav.activity { margin-left: 140px; }
}


@media screen and (max-width: 449px) {
    header div.mb-title>div.green-line {
        /* width: 66.6666%; */
		width: 50.00%;
    }

    header div.mb-title>div.blue-line {
        display: none;
    }

    .sidebar-nav li.facebook-link { display: block; }
}


	
@media screen and (min-width: 1400px) {
	.container_context {
	    width: 1380px; 
		/* width: 100%; */
	}
	
}
	
	



/*特別選單*/
.open .dropdown-menu {
	display: ""!important;
}

.BGCOLOR-menu {
	background-color: #B3E2E2;
	
}

/*特別選單*/

.open ul {
	display: ""!important;
}




@media screen and (max-width: 1460px) and (min-width: 1201px) {
	.site-search-area	{margin-top: -15px!important;}
}


@media screen and (max-width: 1460px) {
        ul.header-nav>li>a {
	    position: static;
	    font-size: 24px!important;
	    padding: 5px 5px 13px 5px!important;
	    border-top-left-radius: 5px;
	    border-top-right-radius: 5px;
	}
	.nav-box	{margin-top: -13px!important;}	
}
@media screen and (min-width: 1461px) {
	.nav-box	{margin-top: -15px!important;}	
	.site-search-area	{margin-top: -15px!important;}
}

@media screen and (min-width: 1600px) {
	.container_context {
	    width: 1530px; 
		/* width: 100%; */
	}
	
}
	   
#T2B{
overflow:auto;
background: -webkit-linear-gradient(#8cc63e80,#ffffff69);
background: -o-linear-gradient(#8cc63e80,#ffffff69);
background: -moz-linear-gradient(#8cc63e80,#ffffff69);
background: linear-gradient(#8cc63e80,#ffffff69);
}	
	
.bacolorw  {float:left; padding-left:30px; padding-top:10px; padding-bottom:10px; border-bottom:2px solid #5D5D5D;border-bottom-style:dashed;}
.bacolorw  a{color:#17A79D;}
.bacolorw  a{color:#17A79D;}
	
	

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

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