@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');

@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);


body {
  color: #282828;
  /*
  font-family: 'Droid Sans','Roboto', sans-serif, PingFangTC-Regular, source-han-sans-traditional, source-han-sans-simplified-c, "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
  */
  font-weight: 300;
  font-family: 'Open Sans', sans-serif, PingFangTC-Regular, source-han-sans-traditional, source-han-sans-simplified-c, "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
}
  


h1, h2, h3, h4, h5, h6 {
color:#11243e;font-family: 'Open Sans', sans-serif, PingFangTC-Regular, source-han-sans-traditional, source-han-sans-simplified-c, "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
font-weight:500;
margin: 30px 0 15px;
}





.intro .slogan h2 {text-transform: capitalize;}


._ContentTitle {text-align:center;font-size: 22px ;font-weight:500;
	color: #000066; margin-top:5px;display: block;}  /*#d9d4be*/

._line {text-align:center;background-color:#700000;width:100%;height:1px;float:left;margin:5px 0 20px 0;}

._Content {text-align:left;font-size: 18px;color: #000066;text-decoration: none;	line-height: 28px;
    padding:0px;margin: 0 auto;
	font-family: 'Open Sans', sans-serif, PingFangTC-Regular, source-han-sans-traditional, source-han-sans-simplified-c, "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
	}

.container h2 {
color:#11243e;
font-weight:500;
font-family: 'Droid Sans','Roboto', sans-serif, PingFangTC-Regular, source-han-sans-traditional, source-han-sans-simplified-c, "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
}

	
._Content h3 {text-align:center;font-weight:500;font-size: 18px;color:#800000;margin: 40px 0 20px;}


._Content h2 {text-align:center;font-weight:500;font-size: 22px;color:#800000;margin: 40px 0 20px;}


._merge h3   {text-align:center;font-weight:500;font-size: 18px;color:#800000;margin: 20px 0 20px;}


._Content p {margin: 1em 0 1em;text-indent: 2em;text-align:left;font-size: 18px;color: #000066;text-decoration: none;line-height:1.9em;}

._ContentKey{color: #800000;font-weight:600;}





.M_Title {font-size: 20px;color: #fff;line-height: 52px;font-weight:500;padding: 5px;text-align: center;}

.M_Title  a , .M_Title a:hover, .M_Title a:visited {color: #fff;text-decoration:none;}



.nav-tabs li a {font-size:16px;}
    

/*.row .thumbnail img {width:100%;} */


hr {border:0;border-top: 1px solid #b3b3cc;}

._nav div.thumbnail {border: 1px solid #b3b3cc;}


._caption 
{
/*margin-top:10px;*/
padding-top:10px;
	
}



._caption  h3 {font-size: 24px;margin: 0 0 20px;color:#800000;font-weight: 500; letter-spacing: 1px;text-align: center;}

._caption p {font-size: 18px;font-weight:400;margin-left:5px;margin-right:5px;}


a:hover {color: #ff670f;}

a:active {color: #ff670f;}





button ._Content a {color: #fff;}
button ._Content a:hover {color: #fff;text-decoration:none;}


._back a {color: #fff;}
._back a:hover {color: #fff;text-decoration:none;}


._hylink {font-size:1.1em;font-weight:500;text-align:left;color:#428bca;line-height:2em;}




/*chang style.css*/
.team p.subtitle  {margin: 0px;text-indent: 0em;text-align:left;font-size: 18px;color: #000066;text-decoration: none;line-height:1.9em;}
.avatar {margin-bottom: 5px;}
.boxed-grey {padding: 20px;height:auto;}


/*分頁 */
.page {overflow:hidden; clear:both;	padding: 0px; margin: 2em 0 5em; text-align:center; vertical-align: middle; font-size:0.85em;min-width:30px;height:30px;}
.page ul {margin: 0;padding: 0;display: inline;}
.page li {display: inline; font-size:1.1em; padding:0;margin: 0px 5px;min-width:30px;height:30px;}
.page li.here {display: inline-block;text-align: center;color: #FFF;background: #c9151e;line-height: 30px;width: 30px;height: 30px;}
.page a {color: #777;text-decoration: none;text-align: center;display: inline-block; margin: 0px; padding: 0px 5px 0px 5px;min-width:20px;height:30px;}
.page a:hover{color:#700000;}


/*home news*/
.panel-body{font-size: 18px;line-height:1.6;font-weight:400;padding:5px;text-align:left;color: #000066;}

.panel-body li {list-style-type: none;color:#11243e;text-indent: 0.8em;}

.panel-body-div {height:100%;width:100%;float:left;margin-top:10px;margin-bottom:5px;}



.panel p {height:100%;margin:5px;} 
.panel p span ,.panel-body p span{ display:block; color:#333;font-size:18px;line-height: 24px}

.panel-title {
	font-size:20px;
	font-weight:400;
	
}

.panel-body p {
	font-size:22px;
	font-weight:500;
	letter-spacing:1px;
	text-align:center;
	color:#800000;
	    
	}  



.panel-body-line {background-color:#e2e2e6;width:100%;height:1px;float:left;margin-top:15px;}

.panel-box {
border-color:rgba(112,0,0,1);
border-color:rgba(232,104,20,1);

}
.panel-heading {border-color:rgba(232,104,20,1);background-color:rgba(232,104,20,.9);color:white;}

/*.panel-body a {color:#700000;vertical-align:text-bottom;line-height:0px;}

.panel-body a:hover{color:#700000;}
*/


/* to-top */
#to-top {display: none;position: fixed;bottom: 5px;right: 5px;z-index:999;}
._btn-dark {border-radius: 0;color: #fff;background-color: rgba(0,0,0,0.4);}
._btn-dark:hover,
._btn-dark:focus,
._btn-dark:active {color: #fff;background-color: rgba(0,0,0,0.7);}



/*preload logo 測試用*/
#logo {
background:url(jpg/RinpocheLogo_1.png) no-repeat 0 0;
  opacity: 0.75;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  
  margin: -5px auto 0 auto;
  left: 0;
  right: 0;
/**
 border-radius: 0px;
  border: 5px solid #FF4136;
  box-shadow: 10px 0px #39CCCC, 10px 0px #01FF70;
  animation: shadowSpin 1s ease-in-out infinite;
  **/
  
z-index:999;
}


/*home news*/

.seriesList {
    padding: 20px 0 20px;
    background-color: #f2f2f2;
	background-color: #efefef;
}
	
.seriesList h2 {
    margin-bottom: 20px;
    text-align: center;
    font-size: 28px;
	color:#11243e;
    font-weight: 300;
}	


.imglabel {
    position: relative;
	display: block;
    padding-bottom: 0px;
	margin-bottom: 20px;
	width: 100%;
    background-color: #fff;
    font-weight: lighter;
		border: solid #dfdfdd;
    border-width: 0 .1rem .1rem 0;
}

.imglabel .bg {
    background-color: #f2f2f2;
	
    
}



.imglabel .txt {
    display: block;
    width: 100%;
	
    min-height: 130px;
    padding:0px 10px 10px 10px;
	text-align:left;
    line-height: 21px;
    box-sizing: border-box;
    transition: opacity .2s;
	color: #333;
	color: #111111;
	color: #282828;
	color: #11243e;
	font-size: 17px;
	letter-spacing:1px;
	font-weight:400;
	line-height: 1.6em;
	
	
}

.col-md-3 .imglabel .txt {min-height: 110px;}
.col-sm-4 .imglabel .txt {min-height: 110px;}



.imglayer {
    background-color: rgba(66,104,29,0.7);
    box-sizing: border-box;
    position: relative;
	float:left;
    left: 0;
    bottom: 15px;
    width: 100%;
    height: 30px;
    padding-top: 2px;
    padding-bottom: 3px;
    z-index: 3;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 1em;
    line-height: 1.4;
    font-weight: bold;
}

.imglayer_color {
background-color: rgba(232,104,20,0.7);
}

.imglayer .title {
    font-size: 1.4em;
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
    display: -webkit-box;
    width: 100%;
    padding: 3px 6px 2px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.Dharma_idx_sub {
    padding: 20px 0 20px;
    background-color: #f2f2f2;
	background-color: #efefef;
}

.Dharma_idx_sub .col-sm-4 {padding:15px;}



.Dharma_idx_sub span {
    position: absolute;
    top: 50px;
    left: 50%;
    z-index: 2;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    color: #fff;
    font-size: 27px;
    text-align: center;
    line-height: 1.2;
	font-weight:400;
}






@media(max-width:640px){ 
.col-xs-6 .imglabel .txt {min-height: 180px;font-size: 16px;}
.col-xs-12 .imglabel .txt {min-height: 100px;font-size: 16px;}
.Dharma_idx_sub .col-sm-4 {padding:5px;}
.Dharma_idx_sub .col-xs-12 span {top: 40px;font-size: 28px;font-weight:500;}
.Dharma_idx_sub .col-xs-6 span {top: 30px;font-size: 18px;font-weight:500;}

}





/* menu */

.dropdown-menu {background-color: rgba(112,0,0,.8);padding:0;} /*menu 下拉時區塊color*/
.navbar-custom ul.nav ul.dropdown-menu li a:hover {background:#ff670f;} /*menu 下拉時選取區塊color*/




/* */
.page-scroll{position:absolute;bottom:10%;right:48%}
#intro.intro {padding:50% 0 0 0;}


/* Media queries  */

@media(max-width:640px){    /*小於640  phone */

/*.slogan {width:100%;}
.intro .slogan {top:150px;}
.intro .slogan h2 { font-size: 28px;color: #FFF;}
.intro .slogan h4 , h5 { font-size: 16px;color: #FFF;}
*/
.intro .slogan h2 { font-size: 0px;color: #FFF;}
.intro .slogan h4 { font-size: 0px;color: #FFF;}


.menu52px {background-color:rgba(112,0,0,1);height:52px;}
.page-scroll a.btn-circle {display:none;}
#intro.intro {padding:70% 0 0 0;}  /*page jpg 高度 ,若用 intro {height:100%;}會有問題*/
#to-top {bottom: 50px;}

/*.col-md-4 {padding-right:5px;padding-left:5px;}  */



.col-md-4 ,.col-md-5 ,.col-md-6 ,.col-md-7,.col-sm-6 ,.col-md-8 ,.col-lg-4 ,.col-lg-6,
.col-md-10 ,.col-md-12 ,.col-sm-12,.col-lg-12{padding:0px;} 



._Content img.thumbnail {border:0;} 
._Content div.thumbnail {border:0;} 
._Content img.img-thumbnail {border:0;padding:0;border-radius:0;}


._nav {margin:10px;}

 
 
.nav.navbar-nav {background-color: rgba(112,0,0,.9);}
.top-nav-collapse {background-color: rgba(112,0,0,.9);}




.navbar-custom ul.nav li a {color: #fff;font-weight:500;text-transform: none;}
.navbar-custom ul.nav li a:hover {background:#ff670f;}

.navbar-custom.top-nav-collapse ul.nav ul.dropdown-menu li a {color: #fff;}  /*第2層menu 字型*/

.navbar {border-bottom: 1px;}  /*取消 menu 白色底線*/


/*調整logo大小*/
.navbar-fixed-top img {width:40px;} 
.navbar-custom.top-nav-collapse img {width:40px;}
.navbar-fixed-top.top-nav-collapse img {width:40px;}
/*調整logo大小*/


/*.D_display {display:none;hidden}*/

.navbar-collapse {max-height:500px;}  

} /**小於640  phone **/



@media(min-width:641px){       /*大於641 iPad 直式*/ 
.intro .slogan h2 { font-size: 0px;color: #FFF;}
.intro .slogan h4 { font-size: 0px;color: #FFF;}

.menu52px {background-color:rgba(112,0,0,1);height:52px;}

/*.page-scroll a.btn-circle {display:none;}*/
.page-scroll a.btn-circle {position:absolute;bottom:0%;right:0%}

#intro.intro {padding:70% 0 0 0;}  /*page jpg 高度 ,若用 intro {height:100%;}會有問題*/


#to-top {bottom: 50px;}


.nav.navbar-nav {background-color: rgba(112,0,0,.9);}
.top-nav-collapse {background-color: rgba(112,0,0,.9);}

.navbar-custom ul.nav li a {color: #fff;font-weight:500;text-transform: none;}
.navbar-custom ul.nav li a:hover {background:#ff670f;}

.navbar {border-bottom: 0px;}  /*取消 menu 白色底線*/


/*調整logo大小*/
.navbar-fixed-top img {width:40px;} 
.navbar-custom.top-nav-collapse img {width:40px;}
.navbar-fixed-top.top-nav-collapse img {width:40px;}
/*調整logo大小*/



}



/*  width<=767 收合menu ; width >767 top menu */

@media(min-width:767px){    /*大於767  PC & ipad 橫式*/   
 .intro .slogan h2 { font-size: 25px;color: #FFF;}
 .intro .slogan h4 { font-size: 20px;color: #FFF;margin-top:10px;}
	
 .navbar {        /*scroll 時 menu transition 至top*/
        padding: 20px 0;
        border-bottom: 0;
        letter-spacing: 1px;
        background: 0 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }
	
	
  .top-nav-collapse {padding: 0;}  /*menu 捲動 fixed 高度,padding:0 會取.navbar padding:20 預設值 */
  .M_Title {display:none;}
  .menu52px {display:none;}

  /*.navbar-custom.top-nav-collapse {border-bottom: 1px solid rgba(255,255,255,.3);}  menu 底線*/
  /*.intro {height: 100%;padding: 0;}  full page*/
  
 .nav.navbar-nav {width:750px;}  /* menu 寬*/
 .nav.navbar-nav {width:820px;}  /* menu 寬*/
 
 .top-nav-collapse {background-color: rgba(112,0,0,.8);} /*menu bar color*/
 .navbar-custom ul.nav ul.dropdown-menu li a {color: #fff;} /*浮動menu下拉時字體color*/
 
 /*調整logo*/
.navbar-fixed-top img {width:100%;}     /*menu 展開時 logo */
.navbar-custom.top-nav-collapse img {width:0;}   /*收合 menu 時隱藏  logo*/
.navbar-fixed-top.top-nav-collapse img {width:0;} /*收合 menu 時隱藏  logo*/
/*調整logo*/
  
  
  .nav.navbar-nav{background-color: rgba(255,255,255,.4);}  /*menu 第1層background*/
  .navbar-custom ul.nav li a {color: #444;font-weight:500;text-transform: none;}  /*menu 第1層宇型*/
  .navbar-custom ul.nav li a:hover {background:rgba(255,255,255,.6);}             /*menu 第1層宇型*/
  .navbar-custom.top-nav-collapse ul.nav ul.dropdown-menu li a {color: #fff;} /*menu 第2層宇型*/
  
  
  .page-scroll{position:absolute;bottom:10%;right:48%}
  #intro.intro {padding:50% 0 0 0;}
  
}


@media(min-width:992px){.intro .slogan h2 { font-size: 40px;color: #FFF;;margin-left:10px;text-shadow: 0 0 0.2em #0c233f, 0 0 0.2em #0c233f, 0 0 0.2em #0c233f}}
@media(min-width:1200px){.intro .slogan h2 { font-size: 60px;color: #FFF;margin-left:10px;text-shadow: 0 0 0.2em #0c233f, 0 0 0.2em #0c233f, 0 0 0.2em #0c233f}}

@media(min-width:992px){.intro .slogan h4 { font-size: 26px;color: #FFF;margin-top:10px;}}
@media(min-width:1200px){.intro .slogan h4 { font-size: 40px;color: #FFF;margin-top:10px;}}



@media(max-width:640px){     /*小於640  phone */
._Content h2 ,._Content h3{margin: 20px 0 20px;}
.home-section{padding:15px 0 ;} 
h3 {margin: 15px 0 15px;} 
.seriesList {padding: 0px 0 20px;}

}





/*video*/
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}

/* ------------------------------------
* idx
* ------------------------------------ */
.idx {
	display: block;
    margin: 0;
	margin-left: 10px;
    margin-right: 10px;
}

.idx ol,ol {padding:0px;}
.idx li {list-style-type:none;}

.idx .idx_list {
	width: 100%;
    margin-top: 20px;
	padding:10px;
	position: relative;
	background-color:white;
	
	border: solid #dfdfdd;
    border-width: 0 .1rem .1rem 0;
}

.idx hr{
margin-top:10px;
margin-bottom: 10px
}

.idx .idx_list a {
	display: block;
	overflow: hidden;
	color: #111111;
}



.idx .idx_list a figure {
	width: 220px;
	float: left;
	margin: 0 7px 0 0px;
	position: relative;
}


.idx .idx_list a div {
	margin-top: 5px;
	overflow: hidden;
}

.idx .idx_list a figure img {
	width: 100%;
}



.idx .idx_list a p {
	font-size: 18px;
	line-height: 1.3;
	max-height: 37px;
	text-align:left;
	margin-top: 5px;
	margin-bottom: 5px;
}

.idx .idx_list a span {
    font-size: 14px;
	color: #828997;
	display: block;
	line-height: 1.3;
	text-align:left;
	
margin-right:15px;
}


@media(max-width:640px){     /*小於640  phone */
.idx .idx_list a figure {width: 150px;}
.idx .idx_list {padding:0px;margin-top: 15px;}

}