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

/*20230626*/

 @font-face {
 // font-family: 'Noto Sans TC';
  //font-style: normal;
  //font-weight: 300;
  //src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff2) format('woff2'),
  //     url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff) format('woff'),
  //     url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.otf) format('opentype');
}
 /* */
 
*{
	box-sizing:border-box;
	-webkit-box-sizing:border-box; /* 手機用 */
	-mos-box-sizing:border-box;/* 舊火狐用 */
	-ms-box-sizing:border-box;/* ie用 */
}
html {
	overflow : scroll;
	overflow-x: hidden;
	
}
body, div, h1, h2, h3, h4, p{
	margin: 0;
	padding: 0;
}
body {
	color: #555555;
	font-family: 'Noto Sans TC', '微軟正黑體', sans-serif;
	font-weight:normal;
	position: relative;
	//font-display: fallback;
	//letter-spacing:1.5px;
}
img {
	border: none;
}
a:link {
	color: #f08e3e;
	text-decoration: underline;
}
a:hover {
	font-size: 100%;
	color: #004ea3;
	text-decoration: none;
}
a:visited {
	color: #f08e3e;
}
.orange:link{ color: #f08e3e; text-decoration:none;}
.orange:hover{ text-decoration: underline;}
.orange:visited{ color: #f08e3e;}


.font_s { font-size:110%; }
.font_m { font-size:125%; }
.font_l { font-size:140%; }


.img_r { float:right; display:block; padding:0 0 20px 20px; max-width:880px; }
.img_l { float:left; display:block; padding:0 20px 20px 0;  max-width:880px;}
.img_c { float:none; display:block; text-align:center; padding:20px; max-width:880px;}

/**/
.mfp-figure small{ opacity:0 !important;}

/*google搜尋頁面 受-webkit-box-sizing:border-box;的影響修正*/
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 { width:67px !important; height:25px !important;}
.gsc-selected-option-container { padding: 0 80px 0 6px !important;}


/*====電腦版==============================================================*/

/*-----------------最外層包裝 ------------------------------*/
#wrapper {
	width: 100%;
	margin:0;
	padding:0;	
}

#header_all{
	display:block ;
	width:100%;
	height:36px;
	padding:0;
	margin:0;
	background-color:#70665e;
}

#top_menu{
	display:block;
	width:1200px;
	height:36px;
	margin:0 auto;
	padding:0;
	text-align:center;
	color:#FFF;
	font-size:18px;
	line-height:36px;
}
#top_menu ul{ list-style:none; padding:0; margin:0;}
#top_menu ul li{ display:inline; padding:0 10px; border-right: 2px dotted #EFEFEF;}
#top_menu ul li:last-of-type{border-right:0}
#top_menu ul li:nth-child(7){border-right:0}
#top_menu ul li a{ color:#FFF; text-decoration:none;}
#top_menu ul li a:hover{ text-decoration:underline;}

#top_menu ul li .size a{ display: inline; width:20px; margin:0 2px; padding:0px 4px; background-color:#c7a48a; border-radius:4px;}
#top_menu ul li .size a:hover{ background-color:#e28033; text-decoration:none;}
#top_menu ul li .size a.tag{ background-color:#e28033;}

#top_menu ul li.search{ height:36px; background-color:#FFF; background-image:url(images/search.png); background-repeat:no-repeat; background-position:8px 4px; padding: 1px 0 2px 35px; margin-left:15px; border-radius:6px; border:1px solid #a48165;}
#top_menu ul li.search input{ width:200px; opacity:0.6; border:0;}
#top_menu ul li .btn { display:inline; text-decoration:none; background-color:#ef8227; border-radius:5px; padding:2px 0; font-size:18px;  border:0; color:#FFF; font-family:"微軟正黑體", Arial; width:60px;}
#top_menu ul li .btn:hover{background-color:#c7a389;}

/*第一層選單*/
#menu{
	display:block;
	//background-color:#FFF;
	width:1420px;
	height:172px;
	margin:0 auto;
	padding:0;
}
#menu #logo{ width:108px; height:119px; float:left; display:block; margin:15px 10px 0 20px;}
#menu #logo img{ width:100%; height: auto;}
#menu #nav{ width:1280px; float:left; padding:52px 0 0 0; margin:0; text-align:right; border:0;}
#menu #nav > ul { list-style:none; padding:0; margin:0; position:relative; }
#menu #nav > ul > li{ display:inline; padding:0 10px; border-right: 2px dotted #f08328; }
#menu #nav > ul > li:last-of-type{border-right:0 ;}
#menu #nav > ul > li a{ color:#70665E; text-decoration:none; font-weight:bolder; letter-spacing: -0.5px; font-size:20px; line-height:30px;}
#menu #nav > ul > li:nth-child(12) a{ color:#F0836E;}
#menu #nav > ul > li.donate > a{ color: #F0836E;}
#menu #nav > ul > li a:hover{ border-bottom:#ef8226 3px solid;}

/*20170310-新增平板手機時的搜尋框*/
.c_noshow { display:none !important; width:0px;}

/*==平板==*/
@media (max-width: 1024px) and (min-width: 600px) {
.c_noshow { display: block !important; overflow:auto; background-color:#f0ede6; width:100%;border-bottom: 5px orange solid;}
.search_box {display: block; background-color:#FFF; width:78%; padding:5px; text-decoration:none;  font-size:16px;  border:none; float:left; margin:5px 1% 5px 1%;}
.m_search_btn { border:none; background-color:#ef8227; border-radius:5px; padding:8px 0; color:#FFF; font-family:"微軟正黑體", Arial; width:18%; margin:2px 1% 0 1%; float:left; text-align:center; font-size:16px; }
.m_search_btn:hover{background-color:#c7a389;}
}

/*====手機版==============================================================*/
@media (max-width: 600px) {
.c_noshow { display: block !important; overflow:auto; background-color:#f0ede6; width:100%;border-bottom: 5px orange solid;}
.search_box {display: block; background-color:#FFF; width:96%; padding:5px; text-decoration:none;  font-size:16px;  border:none; float:none; margin:5px 2%;}
.m_search_btn { border:none; background-color:#ef8227; border-radius:5px; padding:5px 0; color:#FFF; font-family:"微軟正黑體", Arial; width:90%; margin:2px 5% 5px 5%; float:none; text-align:center; font-size:16px; }
.m_search_btn:hover{background-color:#c7a389;}
.c_noshow + li a{
           border-bottom: 2px #f0ede6 solid !important;
		   border-top: 2px #f0ede6 solid !important;
        }
}

/*第二層選單*/
#menu #nav > ul > li > ul{ display:none; background-color:#f0ede6; position:absolute; top:31px; border-top:8px solid #FFF; 
                           left:30px; width:1040px; height:80px; list-style-type:none; padding:0; margin:0; text-align: center;}
#menu #nav > ul > li > ul > li{ display:inline; }
#menu #nav > ul > li > ul > li a{ text-decoration:none; font-weight:normal; line-height:35px; border:0; padding:1px 10px;}
#menu #nav > ul > li > ul > li a:hover{color:#FFFFFF; background-color:#ef8226; border:0; }

#menu #nav ul li:hover ul{ display:block; }

/*第三層選單*/
#third_menu{ margin:0 0 40px 0;}
#third_menu ul { list-style:none; padding:0; margin:0 -18px 0 0; overflow:auto; }
#third_menu ul li{ float:left; font-size:22px; font-weight: bold; margin:0 18px 5px 0; }
#third_menu ul li a{ text-decoration:none; color:#7a7067; background-color:#f2e3bc; border-radius:5px; padding:3px 10px;
line-height:45px;}
#third_menu ul li a:hover{ color:#FFF; background-color:#f08e3e; }
#third_menu ul li a.tag{ color:#FFF; background-color:#f08e3e;}

/*手機新增選單*/
.m_menu { display:none !important;}

/*手機選單*/
#m_top_menu{ display:none;}

/*內容*/
#content{
	clear:both;
	width:1200px;
	margin:0 auto;
	overflow:auto;
	overflow-x: hidden;
	position:relative;
}

/*麵包屑*/
#path{ display:block; text-align:right; color:#846b5a; letter-spacing: -0.5px; font-size:20px; line-height:30px;
       font-weight:bold; border-bottom:6px solid #ef8226; padding:15px 0;}
#path a{ color:#70665E; text-decoration:none; }
#path a:hover{ text-decoration:underline; color:#ef8226;}
#path .next { background-image:url(images/path.png); background-repeat:no-repeat; background-position:7px 6px; padding:0 0 0 25px;}

/*TOP BTN*/
#top{ position:fixed; width:57px; height:57px; /*bottom:50px; margin:0 0 0 1220px;*/ z-index:999; 
/*20170321新增*/
right: 2%; bottom: 5%; margin:0;
}


/*fatfooter*/
#fatfooter_all{ clear:both; width:100%; background-color:#70665e; margin-top:40px; background-image:url(images/fatfooter.png); background-repeat:no-repeat; background-position: bottom center; padding:0;}
#fatfooter_all_2{ clear:both; width:100%; background-color:#70665e; margin-top:0px; background-image:url(images/fatfooter.png); background-repeat:no-repeat; background-position: bottom center; padding:0;border-top:1px dotted #ac8f7b;}
#fatfooter{ width:900px; margin:0 auto; padding:30px 0 20px 0; overflow:auto;}
.fatfooter_box{ width:50%; text-align:center; float:left; padding:0 10px;}
.fatfooter_box .title{ width:80%; background-color:#877e77; border:1px dotted #ac8f7b;  padding: 1px 0; font-size:28px; text-align:center; font-weight:bolder; margin:0 auto 20px auto; color:#f5f1e8;}
.fatfooter_box .title a{ color:#f5f1e8; text-decoration:none; display:block;}
.fatfooter_box .title a:hover{ text-decoration:underline;}
.fatfooter_box p{ color:#FFF; margin:5px 0; font-size:20px; line-height:1.5em; font-weight:bolder;  text-align:left; padding:10px 0 20px 45px;}
.border_r { border-right:1px dotted #ac8f7b;}


/*追蹤淨土宗*/
.fatfooter_box ul { list-style-type: none; margin:0; padding:5px 40px; overflow:auto;}
.fatfooter_box ul li { width:33%; float:left;}
.fatfooter_box ul li a { display:block; margin:10px auto; width:80px; height:80px; border-radius:50%; background:#877e77; text-indent:-9999px;}
.fatfooter_box ul li a:hover {
-webkit-transition: 0.3s ease-in-out;
   -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;}

.fatfooter_box ul li a.s_01 { background:url(images/share_01.png) no-repeat left top, #877e77;}
.fatfooter_box ul li a.s_01:hover {background:url(images/share_01.png) no-repeat left top, #f08e3e;}

.fatfooter_box ul li a.s_02 { background:url(images/share_02.png) no-repeat left top, #877e77;}
.fatfooter_box ul li a.s_02:hover {background:url(images/share_02.png) no-repeat left top, #f08e3e;}

.fatfooter_box ul li a.s_03 { background:url(images/share_03.png) no-repeat left top, #877e77;}
.fatfooter_box ul li a.s_03:hover {background:url(images/share_03.png) no-repeat left top, #f08e3e;}

.fatfooter_box ul li a.s_04 { background:url(images/share_04.png) no-repeat left top, #877e77;}
.fatfooter_box ul li a.s_04:hover {background:url(images/share_04.png) no-repeat left top, #f08e3e;}

.fatfooter_box ul li a.s_05 { background:url(images/share_05.png) no-repeat left top, #877e77;}
.fatfooter_box ul li a.s_05:hover {background:url(images/share_05.png) no-repeat left top, #f08e3e;}

.fatfooter_box ul li a.s_06 { background:url(images/share_06.png) no-repeat left top, #877e77;}
.fatfooter_box ul li a.s_06:hover {background:url(images/share_06.png) no-repeat left top, #f08e3e;}

.fatfooter_box ul li a.s_07 { background:url(images/share_07.png) no-repeat left top, #877e77;}
.fatfooter_box ul li a.s_07:hover {background:url(images/share_07.png) no-repeat left top, #f08e3e;}

#footer{ clear:both; width:100%; height:52px; display:block; background-color:#877e77; text-align:center; padding-top:12px;}


/*-----------------index 首頁部分--------------------------------------------------*/
/*index_Banner*/
#index_banner{
	clear:both;
	width:1200px;
	height:400px;
	margin:0 auto;
}
.slider_model {
  position: absolute;
  overflow: hidden;
  height: 400px;
  padding: 0 !important;
  width: 100%;
}

.slider_model .slider_model_box {
  position: relative;
  display: block;
  width: 100%;
  left: 0;
  top: 0;
  transition: 80ms;
}
.slider_model .slider_model_box a {
  display: block;
  background-size: cabian;
  background-position: top center;
}
.slider_model .slider_model_box img {
  display: block;
  width: 1200px;
}

/*點點位置*/
.slider_model .slider_bottom_box {
  position: absolute;
  width: 1200px;
  left: 530px;
  top: 350px;
  z-index: 99;
}
/*點點*/
.slider_model .slider_bottom_box .ctrl_dot_box {
  max-width: 1200px;
  margin: 0 auto;
}
.slider_model .slider_bottom_box .ctrl_dot_box ul {
  padding-left: 20px;
}
.slider_model .ctrl_dot_box {
  padding: 4px 0;
}
.slider_model .ctrl_dot_box ul {
  position: relative;
  text-align: left;
  letter-spacing: 3px;
  *zoom: 1;
  overflow: visible;
}
.slider_model .ctrl_dot_box ul li {
  display: inline-block;
  *float: left;
  *padding: 0 4px;
}
.slider_model .ctrl_dot_box ul li a {
  display: block;
  width: 12px;
  height: 12px;
  background-color: #d4d4d4;
  background-color: rgba(242, 242, 242, 0.7);
  border: 1px solid #d8d8d8;
  border-radius: 100%;
}
.slider_model .ctrl_dot_box ul li a:before {
  content: attr(title);
  position: absolute;
  display: none;
  bottom: 100%;
  left: 0;
  margin-bottom: 6px;
  margin-left: 16px;
  background-color: #3a3a3a;
  padding: 6px;
  color: #ffffff;
}
.slider_model .ctrl_dot_box ul li a:hover {
  background-color: #f2f2f2;
  /*background-color: #f2f2f2;*/
}
.slider_model .ctrl_dot_box ul li a:hover:before {
  display: block;
}
/*點點顏色*/
.slider_model .ctrl_dot_box ul li a.is_active {
  background-color: #ff7500;
}
.model_ctrl_tools{
	display:none;
}

/*index_left*/
#index_left{
	width:838px;
	padding:0 10px;
	float:left;
}
#index_left h1{
	color:#ef8226;
	font-size:38px;
	margin:45px 0 20px 0;
	padding:0 0 0 10px;
}

/*最新消息 newlist*/
#index_newlist_box{ position:relative; }
#newlist_box { width:100%;}
#newlist_box ul{ list-style-type:none; margin:0; padding:0; }
#newlist_box ul > li{  position:relative;}
#newlist_box ul > li a{ color:#5f4938; font-size:22px; line-height:1.5em; text-decoration:none; display:block; width:100%; height:auto; min-height:98px;
                        margin-bottom:1.5%; border:2px solid #e8e4dc;background-color:#f0ede6; padding:8px 10px 13px 46px;
						background-image:url(images/box_dot.png); background-repeat:no-repeat;
						background-position: 20px 20px;}				   
#newlist_box ul > li a:hover{ color:#ef8226; background-color:#f7f3e8;}

#newlist_box ul > li .date{ color:#aa9788; font-size:15px; position:absolute; bottom:4px; right:4px;}			   
#newlist_box .more{ background-color: #ef8226;	position: absolute;	padding:0px 6px; bottom: -27px; right: 0px;	border-radius: 0 0 5px 5px;}
#newlist_box .more a{ color:#FFF; text-decoration:none; font-size:20px;}

/*出版動態 booklist*/
#booklist_box { position:relative; }
#booklist_box ul{ list-style-type:none; margin:0; padding:0; margin-right:-3.2%;}
#booklist_box ul li a { text-decoration:none;}
#booklist_box ul li{ width:30%; min-height:270px; height:auto; float:left; border:2px solid #ccc3bc; margin:0 3.2% 10px 0; text-align:center; padding:10px 10px 5px 10px; position:relative; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}                                                           
#booklist_box ul li.index { width:30%; margin:0 7.3% 10px 0;}
#booklist_box ul li .pic{ width:91.8%; height:210px; display:block; margin:0 auto 5px auto; /*background-image:url(images/booklist_bg.jpg);*/ }
#booklist_box ul li .pic img{ max-width:100%;  max-height:210px; }
#booklist_box ul li .vedio img { min-height:210px;}
#booklist_box ul li .title a{ color:#434343; text-decoration:none; line-height:34px; font-size:20px;}
#booklist_box ul li .title a:hover{text-decoration:underline;}
#booklist_box ul li .title02 a{ color:#434343; text-decoration:none; line-height:55px; font-size:20px;}
#booklist_box ul li .title02 { color:#434343;  line-height:1.6em; font-size:20px;}
#booklist_box ul li .title03 { color:#434343;  line-height:30px; font-size:20px; text-decoration:none;}
#booklist_box ul li .title02 a:hover{text-decoration:underline;}
#booklist_box ul li .date{ color:#aa9788; font-size:15px;}
#booklist_box ul li i { display:block; position:absolute; top:80px; left:85px; z-index:998; width:80px; height:80px; background:url(images/play_1.png) no-repeat;
                        text-indent:-9999px; opacity:1;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#booklist_box ul li a:hover i { opacity:0.6; }
#booklist_box .more{ position:absolute; background-color:#ef8226;  padding:0px 6px; bottom:-315px; right:6px; border-radius:0 0 5px 5px; z-index:1;}
#booklist_box .more a{ color:#FFF; text-decoration:none; font-size:20px;}


/*慧淨法師 淨宗法師 master*/
#master{ margin-right:-20px; clear:both; height:380px;}
#master .list{ width:48.6%; float:left; margin-right:1%; position:relative;}
#master .list ul { list-style-type:none; padding:12px 20px; margin:0; background-color:#f0ede6; min-height:230px; }
#master .list ul li{position:relative; }
#master .list ul li a{ color:#5f4938; text-decoration:none; display:block; font-size:20px; background-image:url(images/box_dot.png);
                       background-repeat:no-repeat; background-position:10px 18px; padding:12px 0 12px 40px;}
#master .list ul li a:hover{ color:#ef8226; background-color:#f7f3e8; border-radius:10px;}
#master .list ul li .date{ position:absolute; bottom:18px; right:3px; font-size:15px;}
.list .more{ position:absolute; background-color:#ef8226;  padding:0px 6px; bottom:-27px; right:0px; border-radius:0 0 5px 5px;}
.list .more a{ color:#FFF; text-decoration:none; font-size:20px;}

/*免費結緣*/
#index_link{
	clear:both;
	width:818px;
	height:223px;
	margin-top:13px;
	background-image:url(images/index_link-bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	padding:23px 0 0 0;
}
.index_link_box_A{ width:271px; height:185px; float:left; text-align:center; border-right:2px dotted #f1a667; padding-top:3px;}
.index_link_box_B{ width:271px; height:185px; float:left; text-align:center; border-right:2px dotted #f1a667;}
.index_link_box_C{ width:271px; height:185px; float:left; text-align:center;}

/*index_right*/
#index_right{
	width:362px;
	margin-top:90px;
	float:left;
}
#index_right img{ width:362px;}


/*-----------------in 內頁共用部分--------------------------------------------------*/
/*內頁-banner*/
#in_banner_l{ clear:both; width:1200px; height:400px; margin:0 auto; position:relative;}
#in_banner_s{ clear:both; width:1200px; height:230px; margin:0 auto; position:relative;}

/*內頁-左方選單*/
#in_left{ display:block; width:222px; float:left;}
#title_left{ width:222px; height:104px; position:absolute; bottom:-65px; left:0; background-color:#f18d3f; border-radius:20px 20px 0 0;
             z-index:1000; font-size:36px; font-weight:800; color:#FFF; text-align:center; padding:30px 0 0 0;}
#in_left ul{ list-style-type:none; margin:0; padding:0;}
#in_left ul li{ height:38px; border-bottom:2px solid #b8a899; text-align:center; color:#f0e8d5; 
                font-size:24px; line-height:36px;}
#in_left ul li.tag{ background-color:#7a7067;}
#in_left ul li a{ color:#f0e8d5; text-decoration:none; background-color:#a08e80; display:block;}
#in_left ul li a:hover{ background-color:#7a7067;}

/*內頁-免費結緣*/
#in_link{ background-image:url(images/index_link-bg.jpg); width:222px; height:900px; border-radius:0 0 0 70px;}
.in_link_box_A{ height:270px; width:90%; margin:0 auto; text-align:center; border-bottom:2px dotted #f1a667; padding-top:45px; }
.in_link_box_B{ height:270px; width:90%; margin:0 auto; text-align:center; border-bottom:2px dotted #f1a667;padding-top:45px;}
.in_link_box_C{ height:300px; width:90%; margin:0 auto; text-align:center;padding-top:65px;}
.in_link_box_C .img_padding{ margin-top:30px;}

/*內頁-右方選單*/
#in_right{ width:978px; float:left; padding:41px 0 100px 57px;}
#in_right h1{ color:#ef8226; font-size:45px; margin:0 0 70px 0; }
#in_right > h2{ color:#ef8226; font-size:45px; line-height:1.5em; margin:0 0 50px 0; }


/*內頁PAGE*/
#page { clear:both; padding:40px 0 40px; text-align:center; }
#page ul { display:block; margin:0px; padding:0px; text-align:center; list-style:none; }
#page ul li { display:inline-block; margin:0px; height:20px; line-height:24px; font-size:22px; text-align:center; }
#page ul li a { display:block; padding:0px 8px; color:#444444; text-decoration:none; }
#page ul li a:hover { text-decoration:underline; }
#page ul li a.cur { padding:0px 10px; color:#e95800; }

/*SHARE*/
#share { clear:both; width:280px; height:60px; margin:40px 0 10px 0; position:relative;}
#po { width:30px; height:30px; position:absolute; top:16px; right:10px; }

/*內頁HTML編輯器*/
#info_box{ clear:both; width:100%; padding:0 40px 0 0;}
#info_box h1, h2, h3{ color:#70665e;  padding:0 0 0 10px; margin:0 0 30px 0; line-height:1.5em;}
#info_box > p{ line-height:2em; letter-spacing:0px; color:#000; }
#info_box .txtDetail{ line-height:2em; letter-spacing:0px; color:#000;/*#434343*/ 
/*20170321新增
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;*/
}
#info_box .txtDetail p{ margin:10px 0; }
#info_box > ul, ol > li{ line-height:190%;}
#info_box img{ width:100%; padding:5px; max-width: 921px;  border:#ACACAC 1px solid;}

/*sitemap*/
.sitemap { }
.sitemap > li{ padding:1% 0;  }
.sitemap > li > a{ text-decoration:none; font-weight:bold; font-size:125%; padding:1% 0; color:#70665d;}
.sitemap > li > a:hover{ text-decoration:underline;}
.sitemap > li > ul > li  { color:#ef8e3f; font-size:105%; list-style: disc; }
.sitemap > li > ul > li > a{ color:#ef8e3f; font-size:105%; font-weight: normal; text-decoration:none;}
.sitemap > li > ul > li > a:hover{ text-decoration:underline;}


/*50% 列表頁*/
#list_box { width:100%;}
#list_box ul{ list-style-type:none; margin:0 -3% 0 0; padding:0;}
#list_box ul > li{position:relative;  float:left; width:49%; height:auto; min-height:98px;}
#list_box ul > li a{ display:block; color:#5f4938; font-size:22px; line-height:1.5em; text-decoration:none; margin: 0 3% 3% 0; border:2px solid #e8e4dc; background-color:#f0ede6; padding:30px 10px 23px 55px; background-image:url(images/box_dot.png); background-repeat:no-repeat; background-position: 28px 38px; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}				   
#list_box ul > li a:hover{  background-color:#f7f3e8; color:#ef8226;}

/*小耳朵*/
#SlideMenu { display:block; width: 450px; height:100%;  background-image: url(images/tab_2.png); /*background-position: left 500px;*/ background-repeat:no-repeat; position: fixed; z-index:9997; top: 0px; right: -414px; padding:0 0 0 36px; margin:0;
/*20170321新增*/
background-position: left 80%;
}
#SlideMenu #text{ overflow: scroll;	overflow-x: hidden;	display:block; height: 100%; background-color: rgba(79,66,56,0.9); padding:20px 10px 2% 20px; font-size:20px;}
#SlideMenu #text a{ color:#FFF; text-decoration:none; line-height:40px;}
#SlideMenu #text a:hover{ color:#fff799; text-decoration:underline;}
#SlideMenu #text a.title{ margin:5px; color:#fff100; line-height:40px;}
#SlideMenu #text ol{ margin:0; padding:0 0 0 3em; }
#SlideMenu #text ol li { color:#FFF; text-decoration:none; }

/*-----------------in 內頁--------------------------------------------------*/

/*淨土文庫 淨土宗叢書 法寶流通 淨土藝術*/
#library_in{ width:100%;}
#library_in #pic { width:47%; height:500px; text-align:center; float:left; border-right:2px solid #7a7067; margin-bottom:80px; padding-top:5%; }
#library_in #pic img { padding:5px;  width:70%; height:auto; border:#ACACAC 1px solid;}
#library_in #info { width:53%; text-align:left; float:left; padding:0 5px;}
#library_in #info > h2{ color:#ef8226; font-size:280%; margin:5px 0 35px 0; }
#library_in #info > p{ color:#707070; font-size:125%; line-height:2em; font-weight:bold; padding:0 10px 0 40px;}
#library_in #info .btn{ width:43%; padding:5px 0 5px 65px;  margin:40px 0 0 33px; background-color:#ef8226; border:solid 2px #FFF; outline:#ef8226 solid 3px;
                        background-image:url(images/download.png); background-repeat:no-repeat; background-position:10px 5px; float:left; font-size:20px; line-height:40px;}
#library_in #info .btn a{ color:#FFF; text-decoration:none; font-size:24px; }
#library_in #info .btn a:hover{ color:#474747;}

/*全球道場*/
#global_box {}
#global_box .op_all { margin:0 0 10px 0; }
#global_box .op_top a { height:136px; position:relative; display:block; padding:10px 15px 10px 145px; background:#f7f5ef; text-decoration:none;}
#global_box .op_top:hover a,#global_box .op_top.cur a { background:#faf4e4;}

#global_box .op_top a i { position:absolute; top:15px; left:15px; display:block; width:108px; height:108px; background:#ffffff; overflow:hidden;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;}
#global_box .op_top a i img { position:relative; top:50%; transform:translateY(-50%); width:100%; }
#global_box .op_top a h3 { margin:35px 0 0 0; padding:5px 10px 10px 0; font-size:22px; color:#f08e3e;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#global_box .op_top a p { margin:0; padding:5px 10px 10px 45px; font-size:14px; color:#434343;}

#global_box .op_don { background:#eee6df; padding:10px 15px; display:none;}
#global_box ul { margin:0; padding:0; overflow:auto;}
#global_box ul li { float:left; padding:5px 0; width:100%; list-style:none; border:none; }
#global_box ul li a { display:block; padding:12px 10px 12px 55px; text-decoration:none; color:#434343;}
#global_box ul li a:hover {color:#f08e3e;}

#global_box ul li.global_2 a { background:url(images/global_icon/global_2.png) 5px 3px no-repeat; }
#global_box ul li.global_3 a { background:url(images/global_icon/global_3.png) 5px 3px no-repeat; }
#global_box ul li.global_4 a { background:url(images/global_icon/global_4.png) 5px 3px no-repeat; }
#global_box ul li.global_5 a { background:url(images/global_icon/global_5.png) 5px 3px no-repeat; }
#global_box ul li.global_6 a { background:url(images/global_icon/global_6.png) 5px 3px no-repeat; }
#global_box ul li.global_7 a { background:url(images/global_icon/global_7.png) 5px 3px no-repeat; }
#global_box ul li.global_8 a { background:url(images/global_icon/global_8.png) 5px 3px no-repeat; }
#global_box ul li.global_9 a { background:url(images/global_icon/global_9.png) 5px 3px no-repeat; }
#global_box ul li.global_10 a { background:url(images/global_icon/global_10.png) 5px 3px no-repeat; }
#global_box ul li.global_11 a { background:url(images/global_icon/global_11.png) 5px 3px no-repeat; }
#global_box ul li.global_13 a { background:url(images/global_icon/global_13.png) 5px 3px no-repeat; }
#global_box ul li.global_12 { background:url(images/global_icon/global_12.png) 5px 3px no-repeat; padding:12px 10px 12px 55px;}



/*====手機版==============================================================*/
@media (max-width: 600px) {
	#menu #nav > ul > li:nth-child(12) a{ color:#FFF;}
*{
	box-sizing:border-box;
	-webkit-box-sizing:border-box; /* 手機用 */
	font-family:"微軟正黑體", Arial;

}

/*-----------------最外層包裝 ------------------------------*/
#wrapper {
	width: 100%;
	margin:0;
	padding:0;	
}

#header_all{
	display:block;
	width:100%;
	height:80px;
	padding:0;
	margin:0;
	background-color:#FFF;
}
#top_menu{
	display: none;
}

/*第一層選單*/
#menu{
	display:block;
	background-color:#FFF;
	width:100%;
	height: auto;
	margin:0 auto;
	padding:0;
	position:relative;
}
#menu #logo{ width:75px; height:auto; float:none; display:block; position:absolute; top:-80px; left:40%; z-index:8888; margin:0;}
#menu #logo img{ width:100%; height: auto;}
#menu #nav{ display: none; width:150px; float:none; padding:0; margin:0; text-align:left; z-index:9999; position:absolute; top:0; left:0; border:1px solid #b8a899;}
#menu #nav > ul{ list-style:none; padding:0; margin:0;}
#menu #nav > ul > li{ border-right:0; padding:0; margin:0; }
#menu #nav > ul > li a{ display: block; background-color: rgba(112,102,92,0.9);  color:#FFF; width:100%; padding:5px 10px; text-decoration:none; font-weight:bolder;
                        letter-spacing: -0.5px; font-size:17px; line-height:40px; border-bottom:1px solid #b8a899; }
#menu #nav > ul > li > a:nth-last-child(1){ /*color:#fff;*/}
#menu #nav > ul > li a:hover{ color:#FFF; background-color:#ef8226; border:0; border-bottom:1px solid #b8a899;}

/*第二層選單*/
#menu #nav > ul > li > ul{ display: block; position:static; width:100%; height:auto; list-style-type:none; padding:0;
                           margin:0; text-align:left; border:0; z-index:10; }
#menu #nav > ul > li > ul > li{ padding:0; margin:0;}
#menu #nav > ul > li > ul > li a{ display: block; background-color:#f0ede6; color:#70665d !important;  width:100%; text-decoration:none; font-weight:normal; line-height:42px; border-bottom:1px solid #b8a899; padding:5px 0 5px 30px;}
#menu #nav > ul > li > ul > li a:hover{color:#FFF; background-color:#ef8226; border-bottom:1px solid #b8a899;}

#menu #nav ul li:hover ul{ display:block; }

/*第三層選單*/
#third_menu{ margin:0 0 40px 0;}
#third_menu ul { list-style:none; padding:0; margin:0 -18px 0 0; overflow:auto; }
#third_menu ul li{ float:left; font-size:20px; font-weight: bold; margin-right:18px;  }
#third_menu ul li a{  text-decoration:none; color:#7a7067; background-color:#f2e3bc; border-radius:5px; padding:4px 11px;
                       line-height:45px;}
#third_menu ul li a:hover{ color:#FFF; background-color:#f08e3e; }
#third_menu ul li a.tag{ color:#FFF; background-color:#f08e3e;}

/*手機新增選單*/
.m_menu { display: block !important;}

/*手機選單*/
#m_top_menu{ display:block; position:absolute; top:-60px; left:10px; z-index:9999; width:40px; height:40px; background-image:url(images/menu_btn.png);
             background-repeat:no-repeat; text-indent:-9999px;}

/*內容*/
#content{
	clear:both;
	width:100%;
	margin:0 auto;
	overflow:auto;
	overflow-x: hidden;
	overflow-y: hidden;
	position:relative;
	border-top:6px solid #ef8226;
	padding:0;
}

/*麵包屑*/
#path{ display: none;}

/*TOP BTN*/
#top{position:fixed; width:57px; height:57px; /*bottom:20px; left:6%; margin:0;*/ z-index:999; opacity:0.8;
/*20170321新增*/
bottom:3%; left:6%; margin:0;
}


/*fatfooter*/
#fatfooter_all{ clear:both; width:100%; background-color:#70665e; margin-top:40px; background-image:url(images/fatfooter.png); background-repeat:no-repeat; background-position: bottom center; padding:0;}
#fatfooter{ width:100%; margin:0 auto; padding:30px 0 20px 0; overflow:auto;}
.fatfooter_box{ width:100%; text-align:center; float:none; padding:0 10px;}
.fatfooter_box .title{ width:95%; background-color:#877e77; border:1px dotted #ac8f7b;  padding: 1px 0; font-size:26px; text-align:center; font-weight:bolder; margin:0 auto 20px auto; color:#f5f1e8;}
.fatfooter_box .title a{ color:#f5f1e8; text-decoration:none; display:block;}
.fatfooter_box .title a:hover{ text-decoration:underline;}
.fatfooter_box p{ color:#FFF; margin:5px 0; font-size:20px; line-height:1.5em; font-weight:bolder;  text-align:left; padding:10px 0 20px 45px;}
.border_r { border-right:1px dotted #ac8f7b;}


/*追蹤淨土宗*/
.fatfooter_box ul { list-style-type: none; margin:0; padding:5px 40px 20px 40px;}
.fatfooter_box ul li { width:50%; float:left;}
.fatfooter_box ul li a { display:block; margin:10px auto; width:80px; height:80px; border-radius:50%; background:#877e77; text-indent:-9999px;}
.fatfooter_box ul li a:hover {
-webkit-transition: 0.3s ease-in-out;
   -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;}

.fatfooter_box ul li a.s_01 { background:url(images/share_01.png) no-repeat left top, #877e77;}
.fatfooter_box ul li a.s_01:hover {background:url(images/share_01.png) no-repeat left top, #f08e3e;}

.fatfooter_box ul li a.s_02 { background:url(images/share_02.png) no-repeat left top, #877e77;}
.fatfooter_box ul li a.s_02:hover {background:url(images/share_02.png) no-repeat left top, #f08e3e;}

.fatfooter_box ul li a.s_03 { background:url(images/share_03.png) no-repeat left top, #877e77;}
.fatfooter_box ul li a.s_03:hover {background:url(images/share_03.png) no-repeat left top, #f08e3e;}

#footer{ clear:both; width:100%; height: auto; display:block; background-color:#877e77; text-align:center; padding:12px 0;}
#footer img { width:100%; height:auto;}

/*-----------------index 首頁部分--------------------------------------------------*/
/*index_Banner*/
#index_banner{
	width: 100%;
	height: auto;
	margin:0 0 45% 0;
}

  .slider_model .slider_model_box {
    top: 0 !important;
  }
  .slider_model .slider_model_box:before {
    content: none;
  }
  .slider_model .slider_bottom_box {
    display: none;
  }
  .slider_model .slider_model_box img {
	display: block;
	width: 100%;
	height:auto;
   }

/*index_left*/
#index_left{
	width:100%;
	padding:0 10px;
	float: none;
}
#index_left h1{
	color:#ef8226;
	font-size:30px;
	margin:40px 0 10px 0;
	padding:0 0 0 10px;
}

/*最新消息 newlist*/
#index_newlist_box{ position:relative; }
#newlist_box { width:100%;}
#newlist_box ul{ list-style-type:none; margin:0; padding:0; }
#newlist_box ul > li{  position:relative;}
#newlist_box ul > li a{ color:#5f4938; font-size:20px; text-decoration:none; display:block; width:100%; height: auto; margin-bottom:3%; border:2px solid #e8e4dc; background-color:#f0ede6; line-height:32px;}				   

#newlist_box ul > li .date{ color:#aa9788; font-size:15px; position:absolute; bottom:1%; right:1%;}			   
#newlist_box .more{ background-color: #ef8226;	position: absolute;	padding:0px 6px; bottom: -24px; right: 0px;	border-radius: 0 0 5px 5px;}
#newlist_box .more a{ color:#FFF; text-decoration:none; font-size:18px;}

/*出版動態 booklist*/
#booklist_box { position:relative; height:auto;}
#booklist_box a { text-decoration:none;}
#booklist_box ul{ list-style-type:none; margin:0; padding:0; margin-right:0;}
#booklist_box ul a li{ text-decoration:none;}
#booklist_box ul li{ width:100%; height: auto; float: none; border:2px solid #ccc3bc; margin:0 7.3% 10px 0; text-align:center; padding:10px 10px 5px 10px; position:relative;}
#booklist_box ul li .pic{ width:100%; height: auto; display:block; margin:0 auto 5px auto; /*background-image:url(images/booklist_bg.jpg);*/ min-height:210px;}
#booklist_box ul li .pic img{ max-width:100%; max-height: auto; }
#booklist_box ul li .title a{ color:#434343; text-decoration:none; line-height:34px; font-size:18px;}
#booklist_box ul li .title a:hover{text-decoration:underline;}
#booklist_box ul li .title02 a{ color:#434343; text-decoration:none; line-height:55px; font-size:18px;}
#booklist_box ul li .title02 { color:#434343;  line-height:1.6em; font-size:18px;}
#booklist_box ul li .title03 { color:#434343;  line-height:30px; font-size:18px;}
#booklist_box ul li .title02 a:hover{text-decoration:underline;}
#booklist_box ul li .date{ color:#aa9788; font-size:14px;}
#booklist_box ul li i { display:block; position:absolute; top:28%; left:38%; z-index:998; width:80px; height:80px; background:url(images/play_1.png) no-repeat;
                        text-indent:-9999px; opacity:1;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#booklist_box ul a:hover li i { opacity:0.6; }
#booklist_box .more{ background-color: #ef8226;	position: absolute;	padding:0px 6px; bottom: -24px; right: 0px;	border-radius: 0 0 5px 5px;}
#booklist_box .more a{ color:#FFF; text-decoration:none; font-size:18px;}


/*慧淨法師 淨宗法師 master*/
#master{ margin-right:0; clear:both; height:auto;}
#master .list{ width:100%; float: none; margin-right:1%; position:relative;}
#master .list ul { list-style-type:none; padding:12px 20px; margin:0; background-color:#f0ede6; min-height:260px;}
#master .list ul li{position:relative; }
#master .list ul li a{ color:#5f4938; text-decoration:none; display:block; font-size:18px; background-image:url(images/box_dot.png);
                       background-repeat:no-repeat; background-position:10px 18px; padding:12px 0 12px 40px; line-height:35px;}
#master .list ul li a:hover{ color:#ef8226; background-color:#f7f3e8; border-radius:10px;}
#master .list ul li .date{ position:absolute; bottom:0%; right:1%; font-size:14px;}
.list .more{ position:absolute; background-color:#ef8226;  padding:0px 6px; bottom:-24px; right:0px; border-radius:0 0 5px 5px;}
.list .more a{ color:#FFF; text-decoration:none; font-size:18px;}

/*免費結緣*/
#index_link{
	clear:both;
	width:100%;
	height: auto;
	margin-top:60px;
	background-image:url(images/index_link-bg.jpg);
	background-repeat:repeat;
	background-position:bottom center;
	padding:23px 0 0 0;
}
.index_link_box_A{ width:100%; height:200px; float:none; text-align:center; border-right:0; border-bottom:0; padding-top:3px;}
.index_link_box_B{ display:none; width:100%; height:220px; float:none; text-align:center; border-right:0; border-bottom:2px dotted #f1a667; padding-top:25px;}
.index_link_box_C{ display:none; width:100%; height:200px; float:none; text-align:center;  padding-top:10px;}

/*index_right*/
#index_right{
	width:100%;
	height:auto;
	margin:30px auto 0 auto;
	float: none;
}
#index_right img{ width:100%; padding:0 10px;}


/*-----------------in 內頁共用部分--------------------------------------------------*/
/*內頁-banner*/
#in_banner_l{ clear:both; width:100%; height: auto; margin:0 auto; position:relative;}
#in_banner_l img{ width:100%; height: auto;}
#in_banner_s{ clear:both; width:100%; height: auto; margin:0 auto; position:relative;}
#in_banner_s img{ width:100%; height: auto;}

/*內頁-左方選單*/
#in_left{ display:none; width:100%; margin:0 auto; float: none;}
#title_left{ width:100%; height:50px; position:absolute; bottom:-50px; left:0; background-color:#f18d3f; border-radius: 0;
             z-index:1000; font-size:30px; font-weight:800; color:#FFF; text-align:center; line-height:50px; padding:0;
			 background-image:url(images/down.png); background-repeat:no-repeat; background-position:right 20px center;}
#in_left ul{ list-style-type:none; margin:0; padding:44px 0 0 0;}
#in_left ul li{  height:auto; border-bottom:2px solid #b8a899; text-align:center; color:#f0e8d5; 
                font-size:20px; line-height:36px;}
#in_left ul li.tag{ background-color:#7a7067;}
#in_left ul li a{ color:#f0e8d5; text-decoration:none; background-color:#a08e80; display:block;}
#in_left ul li a:hover{ background-color:#7a7067;}

/*內頁-免費結緣*/
#in_link{ display:none; background-image:url(images/index_link-bg.jpg); width:222px; height:900px; border-radius:0 0 0 70px;}
.in_link_box_A{ height:270px; width:90%; margin:0 auto; text-align:center; border-bottom:2px dotted #f1a667; padding-top:45px; }
.in_link_box_B{ height:270px; width:90%; margin:0 auto; text-align:center; border-bottom:2px dotted #f1a667;padding-top:45px;}
.in_link_box_C{ height:300px; width:90%; margin:0 auto; text-align:center;padding-top:65px;}
.in_link_box_C .img_padding{ margin-top:30px;}

/*內頁-右方選單*/
#in_right{ width:100%; float: none; padding:70px 10px 10px 10px;}
#in_right h1{ color:#ef8226; font-size:30px; margin:0 0 70px 0; }
#in_right > h2{ color:#ef8226; font-size:30px; margin:0 0 40px 0; }


/*內頁PAGE*/
#page { clear:both; padding:40px 0 40px; text-align:center; }
#page ul { display:block; margin:0px; padding:0px; text-align:center; list-style:none; }
#page ul li { display:inline-block; margin:0px; height:20px; line-height:24px; font-size:20px; text-align:center; }
#page ul li a { display:block; padding:0px 8px; color:#444444; text-decoration:none; }
#page ul li a:hover { text-decoration:underline; }
#page ul li a.cur { padding:0px 10px; color:#e95800; }

/*SHARE*/

/*內頁HTML編輯器*/
#info_box{ clear:both; width:100%; padding:0; font-size:120%; }
#info_box h1, h2, h3{ color:#70665e;  padding:0; margin:0 0 30px 0; line-height:1.5em;}
#info_box > p{ line-height:180%; letter-spacing:0px; color:#434343; }
#info_box > ul, ol > li{ line-height:250%;}
#info_box img{ width:95% !important; height:auto !important;  padding:5px; margin:2%; border:#ACACAC 1px solid;}

/*sitemap*/
.sitemap { }
.sitemap > li{ padding:1% 0;  }
.sitemap > li > a{ text-decoration:none; font-weight:bold; font-size:125%; padding:1% 0; color:#70665d;}
.sitemap > li > a:hover{ text-decoration:underline;}
.sitemap > li > ul > li  { color:#ef8e3f; font-size:105%; list-style: disc; }
.sitemap > li > ul > li > a{ color:#ef8e3f; font-size:105%; font-weight: normal; text-decoration:none;}
.sitemap > li > ul > li > a:hover{ text-decoration:underline;}


/*50% 列表頁*/
#list_box { width:100%; height:auto;}
#list_box ul{ list-style-type:none; margin:0 -3% 0 0; padding:0; height:auto;}
#list_box ul > li{position:relative;  float: none; width:100%; height:98px;}
#list_box ul > li a{ display:block; color:#5f4938; font-size:20px; text-decoration:none; margin: 0 3% 3% 0; border:2px solid #e8e4dc; background-color:#f0ede6; padding:30px 10px 23px 55px; background-image:url(images/box_dot.png); background-repeat:no-repeat; background-position: 28px 38px; }				   
#list_box ul > li a:hover{  background-color:#f7f3e8; color:#ef8226;}

/*小耳朵*/
#SlideMenu { display:block; width: 290px; height:100%;  background-image: none; opacity:0.8; /*background-position: left 210px;*/ background-repeat:no-repeat;position: fixed; z-index:9997; top: 0px; right: -264px; padding:0 0 0 36px; margin:0; 
/*20170321新增*/
background-position: left 50%;
}
#SlideMenu #text{ overflow: scroll;	overflow-x: hidden;	display:block; height: 100%; background-color: rgba(79,66,56,0.9); padding:20px 10px 2% 20px; font-size:18px;}
#SlideMenu #text a{ color:#FFF; text-decoration:none; line-height:40px;}
#SlideMenu #text a:hover{ color:#fff799; text-decoration:underline;}
#SlideMenu #text a.title{ margin:5px; color:#fff100; line-height:40px;}
#SlideMenu #text ol{ margin:0; padding:0 0 0 2em; }
#SlideMenu #text ol li { color:#FFF; text-decoration:none; }

/*-----------------in 內頁--------------------------------------------------*/

/*淨土文庫 淨土宗叢書 法寶流通 淨土藝術*/
#library_in{ width:100%;}
#library_in #pic { width:100%; height: auto; text-align:center; float:none; border-right:0; margin-bottom:80px; padding-top:5%; }
#library_in #pic img { padding:5px;  width:70%; height:auto; border:#ACACAC 1px solid;}
#library_in #info { width:100%; height:auto; text-align:left; float:none; padding:0 5px;}
#library_in #info > h2{ color:#ef8226; font-size:36px; margin:5px 0 35px 0; }
#library_in #info > p{ color:#707070; font-size:20px; line-height:40px; font-weight:bold; padding:0 10px 0 40px;}
#library_in #info .btn { width:70%; padding:5px 0 5px 65px; margin:40px auto 40px auto; background-color:#ef8226; border:solid 2px #FFF; outline:#ef8226 solid 3px;
                        background-image:url(images/download.png); background-repeat:no-repeat; background-position:10px 5px; float:none;}
#library_in #info .btn a{ color:#FFF; text-decoration:none; font-size:24px; }
#library_in #info .btn a:hover{ color:#474747;}
	
/*全球道場*/
#global_box .op_top a { height:auto; position:static; padding:10px 15px;}
#global_box .op_top a i { position:static; width:82%; height:auto; margin:20px auto 0;}
#global_box .op_top a i img {transform:translateY(0%);}
#global_box .op_top a h3 { text-align:center; font-size:20px; margin:20px 0 0 0; padding:5px 10px 10px 10px; white-space: normal; overflow:visible;}


}

/*====平板==============================================================*/
@media (max-width: 1024px) and (min-width: 600px) {
#menu #nav > ul > li:nth-child(12) > a{ color:#fff;}

*{
	box-sizing:border-box;
	-webkit-box-sizing:border-box; /* 手機用 */
	font-family:"微軟正黑體", Arial;
}

/*-----------------最外層包裝 ------------------------------*/
#wrapper {
	width: 100%;
	margin:0;
	padding:0;	
}

#header_all{
	display:block;
	width:100%;
	height:80px;
	padding:0;
	margin:0;
	background-color:#FFF;
}
#top_menu{
	display: none;
}

/*第一層選單*/
#menu{
	display:block;
	background-color:#FFF;
	width:100%;
	height: auto;
	margin:0 auto;
	padding:0;
	position:relative;
}
#menu #logo{ width:75px; height:auto; float:none; display:block; position:absolute; top:-80px; left:45%; z-index:8888; margin:0;}
#menu #logo img{ width:100%; height: auto;}
#menu #nav{ display: none; width:300px; float:none; padding:0; margin:0; text-align:left; z-index:9999; position:absolute; top:0; left:0; border:1px solid #b8a899;}
#menu #nav > ul{ list-style:none; padding:0; margin:0;}
#menu #nav > ul > li{ border-right:0; padding:0; margin:0; clear:both; float:none;}
#menu #nav > ul > li a{ display: block; background-color: rgba(112,102,92,1);  color:#FFF; width:100%; padding:5px 10px; text-decoration:none; font-weight:bolder;
                        letter-spacing: -0.5px; font-size:18px; line-height:40px; border-bottom:1px solid #b8a899;}
#menu #nav > ul > li a:hover{ color:#FFF; background-color:#ef8226; border:0; border-bottom:1px solid #b8a899;}

/*第二層選單*/
#menu #nav > ul > li > ul{ display: block; position:static; width:100%; height:auto; list-style-type:none; padding:0;
                           margin:0; text-align:left; border:0; z-index:10; overflow:auto;}
#menu #nav > ul > li > ul > li{ padding:0; margin:0;}
#menu #nav > ul > li > ul > li a{ display: block; background-color:#f0ede6; color:rgb(112, 102, 93) !important;  width:50%; float:left; text-decoration:none; font-weight:normal; line-height:42px; border-bottom:1px solid #b8a899; padding:5px 0 5px 30px;  border-right:1px solid #D0CFBE;}
#menu #nav > ul > li > ul > li a:hover{color:#FFF; background-color:#ef8226; border-bottom:1px solid #b8a899;}

#menu #nav ul li:hover ul{ display:block; }

/*第三層選單*/
#third_menu{ margin:0 0 40px 0;}
#third_menu ul { list-style:none; padding:0; margin:0 -18px 0 0; overflow:auto; }
#third_menu ul li{ float:left; font-size:22px; font-weight: bold; margin-right:18px;  }
#third_menu ul li a{  text-decoration:none; color:#7a7067; background-color:#f2e3bc; border-radius:5px; padding:3px 10px;
line-height:45px;}
#third_menu ul li a:hover{ color:#FFF; background-color:#f08e3e; }
##third_menu ul li a.tag{ color:#FFF; background-color:#f08e3e;}

/*手機選單*/
#m_top_menu{ display:block; position:absolute; top:-60px; left:10px; z-index:9999; width:40px; height:40px; background-image:url(images/menu_btn.png);
             background-repeat:no-repeat; text-indent:-9999px;}

/*手機新增選單*/
.m_menu { display: block !important;}

/*內容*/
#content{
	clear:both;
	width:100%;
	margin:0 auto;
	overflow:auto;
	overflow-x: hidden;
	overflow-y: hidden;
	position:relative;
	border-top:6px solid #ef8226;
	padding:0;
}

/*麵包屑*/
#path{ display: none;}

/*TOP BTN*/
#top{ position:fixed; width:57px; height:57px; bottom:20px; left:6%; margin:0; z-index:999; opacity:0.8; }


/*fatfooter*/
#fatfooter_all{ clear:both; width:100%; background-color:#70665e; margin-top:40px; background-image:url(images/fatfooter.png); background-repeat:no-repeat; background-position: bottom center; padding:0;}
#fatfooter{ width:100%; margin:0 auto; padding:30px 0 20px 0; overflow:auto;}
.fatfooter_box{ width:50%; text-align:center; float:left; padding:0 10px;}
.fatfooter_box .title{ width:95%; background-color:#877e77; border:1px dotted #ac8f7b;  padding: 1px 0; font-size:26px; text-align:center; font-weight:bolder; margin:0 auto 20px auto; color:#f5f1e8;}
.fatfooter_box .title a{ color:#f5f1e8; text-decoration:none; display:block;}
.fatfooter_box .title a:hover{ text-decoration:underline;}
.fatfooter_box p{ color:#FFF; margin:5px 0; font-size:20px; line-height:1.5em; font-weight:bolder;  text-align:left; padding:10px 0 20px 45px;}
.border_r { border-right:1px dotted #ac8f7b;}


/*追蹤淨土宗*/
.fatfooter_box ul { list-style-type: none; margin:0; padding:20px 10px;}
.fatfooter_box ul li { width:33%; float:left;}
.fatfooter_box ul li a { display:block; margin:10px auto; width:80px; height:80px; border-radius:50%; background:#877e77; text-indent:-9999px;}
.fatfooter_box ul li a:hover {
-webkit-transition: 0.3s ease-in-out;
   -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;}

.fatfooter_box ul li a.s_01 { background:url(images/share_01.png) no-repeat left top, #877e77;}
.fatfooter_box ul li a.s_01:hover {background:url(images/share_01.png) no-repeat left top, #f08e3e;}

.fatfooter_box ul li a.s_02 { background:url(images/share_02.png) no-repeat left top, #877e77;}
.fatfooter_box ul li a.s_02:hover {background:url(images/share_02.png) no-repeat left top, #f08e3e;}

.fatfooter_box ul li a.s_03 { background:url(images/share_03.png) no-repeat left top, #877e77;}
.fatfooter_box ul li a.s_03:hover {background:url(images/share_03.png) no-repeat left top, #f08e3e;}

#footer{ clear:both; width:100%; height: auto; display:block; background-color:#877e77; text-align:center; padding:12px 0;}
#footer img { width:100%; height:auto;}

/*-----------------index 首頁部分--------------------------------------------------*/
/*index_Banner*/
#index_banner{
	width: 100%;
	height: auto;
	margin:0 0 45% 0;
}

  .slider_model .slider_model_box {
    top: 0 !important;
  }
  .slider_model .slider_model_box:before {
    content: none;
  }
  .slider_model .slider_bottom_box {
    display: none;
  }
  .slider_model .slider_model_box img {
	display: block;
	width: 100%;
	height:auto;
   }

/*index_left*/
#index_left{
	width:100%;
	padding:0 10px;
	float: none;
}
#index_left h1{
	color:#ef8226;
	font-size:38px;
	margin:40px 0 10px 0;
	padding:0 0 0 10px;
}

/*最新消息 newlist*/
#index_newlist_box{ position:relative; }
#newlist_box { width:100%;}
#newlist_box ul{ list-style-type:none; margin:0; padding:0; }
#newlist_box ul > li{  position:relative;}
#newlist_box ul > li a{ color:#5f4938; font-size:22px; text-decoration:none; display:block; width:100%; height: auto; border:2px solid #e8e4dc;
 line-height:32px;}				   

#newlist_box ul > li .date{ color:#aa9788; font-size:15px; position:absolute; bottom:1%; right:1%;}			   
#newlist_box .more{ background-color: #ef8226;	position: absolute;	padding:0px 6px; bottom: -27px; right: 0px;	border-radius: 0 0 5px 5px;}
#newlist_box .more a{ color:#FFF; text-decoration:none; font-size:20px;}

/*出版動態 booklist*/
#booklist_box { position:relative; width:100%; height:auto;}
#booklist_box ul{ list-style-type:none; margin:0; padding:0; margin-right:-3.3%;}
#booklist_box ul a li{ text-decoration:none;}
#booklist_box ul li{ width:30%; height: auto; float: left; border:2px solid #ccc3bc; margin:0 3.3% 20px 0; text-align:center; padding:10px 10px 5px 10px; position:relative;}
#booklist_box ul li .pic{ width:96%; height: auto; display:block; margin:0 auto; /*background-image:url(images/booklist_bg.jpg);*/  min-height:210px;}
#booklist_box ul li .pic img{ max-width:100%; max-height: auto; }
#booklist_box ul li .title a{ color:#434343; text-decoration:none; line-height:34px; font-size:20px;}
#booklist_box ul li .title a:hover{text-decoration:underline;}
#booklist_box ul li .title02 a{ color:#434343; text-decoration:none; line-height:1.6em; font-size:20px;}
#booklist_box ul li .title02 { color:#434343;  line-height:1.6em; font-size:20px;}
#booklist_box ul li .title03 { color:#434343;  line-height:30px; font-size:16px;}
#booklist_box ul li .title02 a:hover{text-decoration:underline;}
#booklist_box ul li .date{ color:#aa9788; font-size:15px;}
#booklist_box ul li i { display:block; position:absolute; top:28%; left:35%; z-index:998; width:80px; height:80px; background:url(images/play_1.png) no-repeat;
                        text-indent:-9999px; opacity:1;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#booklist_box ul a:hover li i { opacity:0.6; }
#booklist_box .more{ background-color: #ef8226;	position: absolute;	padding:0px 6px; bottom:-310px; right:2px; border-radius: 0 0 5px 5px;}
#booklist_box .more a{ color:#FFF; text-decoration:none; font-size:20px;}


/*慧淨法師 淨宗法師 master*/
#master{ margin-right:0; clear:both; height:auto;}
#master .list{ width:49%; height:auto; float: left; margin-right:1%; position:relative;}
#master .list ul { list-style-type:none; padding:12px 20px; margin:0; background-color:#f0ede6; margin-bottom:50px; min-height:260px;}
#master .list ul li{position:relative; }
#master .list ul li a{ color:#5f4938; text-decoration:none; display:block; font-size:20px; background-image:url(images/box_dot.png);
                       background-repeat:no-repeat; background-position:10px 18px; padding:12px 0 12px 40px; line-height:35px;}
#master .list ul li a:hover{ color:#ef8226; background-color:#f7f3e8; border-radius:10px;}
#master .list ul li .date{ position:absolute; bottom:0%; right:1%; font-size:15px;}
.list .more{ position:absolute; background-color:#ef8226;  padding:0px 6px; bottom:24px; right:0px; border-radius:0 0 5px 5px;}
.list .more a{ color:#FFF; text-decoration:none; font-size:20px;}

/*免費結緣*/
#index_link{
	clear:both;
	width:100%;
	height:250px;
	margin-top:60px;
	background-image:url(images/index_link-bg.jpg);
	background-repeat:repeat;
	background-position:bottom center;
	padding:23px 0 0 0;
}
.index_link_box_A{ width:33%; height:200px; float:left; text-align:center; border-right:2px dotted #f1a667; border-bottom:0; padding-top:20px;}
.index_link_box_B{ width:33%; height:220px; float:left; text-align:center; border-right:2px dotted #f1a667; border-bottom:0; padding-top:25px;}
.index_link_box_C{ width:33%; height:200px; float:left; text-align:center;  padding-top:13px;}

/*index_right*/
#index_right{
	width:100%;
	height:auto;
	margin:30px auto 0 auto;
	float: none;
}
#index_right img{ width:100%; padding:0 10px;}


/*-----------------in 內頁共用部分--------------------------------------------------*/
/*內頁-banner*/
#in_banner_l{ clear:both; width:100%; height: auto; margin:0 auto; position:relative;}
#in_banner_l img{ width:100%; height: auto;}
#in_banner_s{ clear:both; width:100%; height: auto; margin:0 auto; position:relative;}
#in_banner_s img{ width:100%; height: auto;}

/*內頁-左方選單*/
#in_left{ display:none; width:100%; margin:0 auto; float: none;}
#title_left{ width:100%; height:50px; position:absolute; bottom:-50px; left:0; background-color:#f18d3f; border-radius: 0; z-index:1000; font-size:30px; font-weight:800; color:#FFF; text-align:center; line-height:50px; padding:0; background-image:url(images/down.png); background-repeat:no-repeat; background-position:right 20px center;}
#in_left ul{ list-style-type:none; margin:0; padding:44px 0 0 0;}
#in_left ul li{  height:auto; border-bottom:2px solid #b8a899; text-align:center; color:#f0e8d5; 
                font-size:24px; line-height:36px;}
#in_left ul li.tag{ background-color:#7a7067;}
#in_left ul li a{ color:#f0e8d5; text-decoration:none; background-color:#a08e80; display:block;}
#in_left ul li a:hover{ background-color:#7a7067;}

/*內頁-免費結緣*/
#in_link{ display:none; background-image:url(images/index_link-bg.jpg); width:222px; height:900px; border-radius:0 0 0 70px;}
.in_link_box_A{ height:270px; width:90%; margin:0 auto; text-align:center; border-bottom:2px dotted #f1a667; padding-top:45px; }
.in_link_box_B{ height:270px; width:90%; margin:0 auto; text-align:center; border-bottom:2px dotted #f1a667;padding-top:45px;}
.in_link_box_C{ height:300px; width:90%; margin:0 auto; text-align:center;padding-top:65px;}
.in_link_box_C .img_padding{ margin-top:30px;}

/*內頁-右方選單*/
#in_right{ width:100%; float: none; padding:70px 10px 10px 10px;}
#in_right h1{ color:#ef8226; font-size:36px; margin:0 0 70px 0; }
#in_right > h2{ color:#ef8226; font-size:36px; margin:0 0 40px 0; }


/*內頁PAGE*/
#page { clear:both; padding:40px 0 40px; text-align:center; }
#page ul { display:block; margin:0px; padding:0px; text-align:center; list-style:none; }
#page ul li { display:inline-block; margin:0px; height:20px; line-height:24px; font-size:22px; text-align:center; }
#page ul li a { display:block; padding:0px 8px; color:#444444; text-decoration:none; }
#page ul li a:hover { text-decoration:underline; }
#page ul li a.cur { padding:0px 10px; color:#e95800; }

/*SHARE*/

/*內頁HTML編輯器*/
#info_box{ clear:both; width:100%; padding:0; font-size:130%; }
#info_box h1, h2, h3{ color:#70665e;  padding:0; margin:0 0 30px 0;}
#info_box > p{ line-height:180%; letter-spacing:0px; color:#434343; }
#info_box > ul, ol > li{ line-height:250%;}
#info_box img{ width:95% !important; height:auto !important;  padding:5px; margin:2%; border:#ACACAC 1px solid;}

/*sitemap*/
.sitemap { }
.sitemap > li{ padding:1% 0;  }
.sitemap > li > a{ text-decoration:none; font-weight:bold; font-size:125%; padding:1% 0; color:#70665d;}
.sitemap > li > a:hover{ text-decoration:underline;}
.sitemap > li > ul > li  { color:#ef8e3f; font-size:105%; list-style: disc; }
.sitemap > li > ul > li > a{ color:#ef8e3f; font-size:105%; font-weight: normal; text-decoration:none;}
.sitemap > li > ul > li > a:hover{ text-decoration:underline;}


/*50% 列表頁*/
#list_box { width:100%;}
#list_box ul{ list-style-type:none; margin:0 -1.5% 0 0; padding:0; height:auto;}
#list_box ul > li{position:relative;  float:left; width:50%; height:98px;}
#list_box ul > li a{ display:block; color:#5f4938; font-size:22px; text-decoration:none;   margin: 0 3% 3% 0; border:2px solid #e8e4dc; background-color:#f0ede6; padding:30px 10px 23px 55px; background-image:url(images/box_dot.png); background-repeat:no-repeat; background-position: 28px 40px; }				   
#list_box ul > li a:hover{  background-color:#f7f3e8; color:#ef8226;}

/*小耳朵*/
#SlideMenu { display:block; width: 290px; height:100%;  background-image: none; opacity:0.8; /*background-position: left 330px;*/ background-repeat:no-repeat;position: fixed; z-index:9997; top: 0px; right: -264px; padding:0 0 0 36px; margin:0; /*20170321新增*/background-position: left 50%;}

#SlideMenu #text{ overflow: scroll;	overflow-x: hidden;	display:block; height: 100%; background-color: rgba(79,66,56,0.9); padding:20px 10px 2% 20px; font-size:18px; z-index:9998;}
#SlideMenu #text a{ color:#FFF; text-decoration:none; line-height:40px;}
#SlideMenu #text a:hover{ color:#fff799; text-decoration:underline;}
#SlideMenu #text a.title{ margin:5px; color:#fff100; line-height:40px;}
#SlideMenu #text ol{ margin:0; padding:0 0 0 2em; }
#SlideMenu #text ol li { color:#FFF; text-decoration:none; }

/*-----------------in 內頁--------------------------------------------------*/

/*淨土文庫 淨土宗叢書 法寶流通 淨土藝術*/
#library_in{ width:100%;}
#library_in #pic { width:50%; height: auto; text-align:center; float:left; border-right:0; margin-bottom:80px; padding-top:2%; }
#library_in #pic img { padding:5px;  width:80%; height:auto; border:#ACACAC 1px solid;}
#library_in #info { width:50%; height:auto; text-align:left; float:left; padding:0 5px; margin:0 0 40px 0; border-left:1px solid #7a7067;}
#library_in #info > h2{ color:#ef8226; font-size:36px; margin:5px 0 35px 0; }
#library_in #info > p{ color:#707070; font-size:20px; line-height:40px; font-weight:bold; padding:0 10px 0 40px;}
#library_in #info .btn{ width:85%; padding:5px 0 5px 65px;  margin:30px 5% 20px 5%; background-color:#ef8226; border:solid 2px #FFF; outline:#ef8226 solid 3px;
                        background-image:url(images/download.png); background-repeat:no-repeat; background-position:10px 5px; float: none;}
#library_in #info .btn a{ color:#FFF; text-decoration:none; font-size:24px; }
#library_in #info .btn a:hover { color:#474747;}


/*全球道場*/
#global_box .op_top a h3 { margin:20px 0 0 0; font-size:22px; white-space:normal; overflow:visible;}

}

/* 背景護眼 20230625 */
body{
	background-color: rgb(240,240,240);
}

.title_donate {
	width: 88%;
	background-color: #877e77;
	border: 1px dotted #ac8f7b;
	padding: 1px 0;
	font-size: 28px;
	text-align: center;
	font-weight: bolder;
	margin: 0 auto 20px auto;
	color: #f5f1e8;
}

.fatfooter_box{
	margin:2em 0 3em 0;
}
.fatfooter_box h4 {
color: #fff;
font-size: 1.5em;
margin-bottom:0.5em;
}
.fatfooter_box h5 {
color: #fff;
font-size: 1.3em;
}

.fatfooter_box span {
	color: #f08e3e;
	font-size: 30px;
	font-weight: 600;
	vertical-align: bottom;
}

.fatfooter_box .plbDonButton {
	display: block;
	color: #000;
	border-radius: 1000px;
	border: 1px solid #fff;
	cursor: pointer;
	transition: all 0.2s;
	
	margin-left: auto;
	margin-right: auto;
	width: 96px;
	text-align: center;
	font-size: 20px;
	line-height: 40px;
	display: inline-block;
	width: 215px;
	background:#fff;
}
.fatfooter_box .plbDonButton:hover svg {
	animation-duration: 0.5s;
	animation-name: changeScale;
	animation-iteration-count: infinite;
    animation-direction:alternate;
	animation-timing-function: ease-in-out;
}
svg{
	width:25px;
	height:25px;
	color: hsl(26, 75%, 59%);
	vertical-align: sub;

}
@keyframes changeScale {
  0% {
    scale: 1;
  }

  100% {
    scale: 1.2;
	color:hsl(26, 86%, 70%);
  }
}
.divline {
	width: 60%;
	border-bottom: 1px #fff solid;
	margin: 5em 0;
	/* display: inline-block; */
	display: none;
}

  .progress_bar_container .progress_bar {
	/* height: 0.2em; 
	background-color: #333;*/
	height:0;
	}