﻿

body {border:0; margin:0; padding:0;overflow-x: hidden;background-color:#;
background-image: url("../images/background.jpg");

}

.w-hide {display:none;}

a:link    {color:#0033CC;text-decoration:none;}
a:visited {color:#0033CC;text-decoration:none;}
a:active  {color:#0033CC;text-decoration:none;}
a:hover   {color:#CC0000;text-decoration:none;}


.lang {text-align:right;position:relative;top:16px;right:20px;z-index:99;font-family:verdana,新細明體; font-size:10pt; color:white;font-weight:500;}
.lang a:link {color: white;}
.lang a:visited {color: white;}
.lang a:active {color: white;}
.lang a:hover {color: white;}



.layout{
margin: 0 auto;
position: relative;
overflow: hidden;
width: 100%;
height:auto;

/**
background-image: url("../images/bd.jpg");
background-image: url("../images/background.jpg");
**/
}



.container_nouse {
  margin: 0 auto;
  width: 1150px;
  width: 1000px;
  text-align: left;
}


.container_w {
  margin: 0 auto;
  max-width:1050px;
  text-align: left;

  
}

.main_menu {
width:100%;
height:auto;
text-align:center;
background-color:#700000;
position:relative;
float:left;

}

.sub_menu {
width:100%;
height:36px;
height:100%;


text-align:center;
background-color:#A00200;
position:relative;
float:left;
}

.socarea {
text-align:center;
background-color: #FFB900 ;min-height:80px;width:100%;
float:left;
margin-bottom:8px;
}

.heading {
color:#000066;
font-size: 18pt;
font-weight:600;
font-family:微軟正黑體;
text-align:right;
margin-bottom: 0;
width:85%;
float:left;
margin-top: 15px;
height:35px;
}



.sochref {
width:120px;
height:35px;
position:relative;
float:left;
text-align:left;
margin-top: 15px;
}



.heading_sub {
color:#000066;
font-size: 13pt;
font-weight:400;
font-family:微軟正黑體;
text-align:right;
margin-top: 0;
width:100%;
float:left;
}

.fb { 
background: url(../jpg/soc/fb_circle.png)no-repeat 0 0;
background-size:30px 30px;
width:30px;
height:30px;
float:left;

margin-left:5px;
}

.fb:hover {
background: url(../jpg/soc/fb_circle.png) no-repeat 0 0;
background-size:30px 30px;
opacity:0.7;
}

.tw { 
background: url(../jpg/soc/twitter_circle.png)no-repeat 0 0;
background-size:30px 30px;
width:30px;
height:30px;
float:left;

margin-left:5px;
}

.tw:hover {
background: url(../jpg/soc/twitter_circle.png) no-repeat 0 0;
background-size:30px 30px;
opacity:0.7;
}


.ln { 
background: url(../jpg/soc/line_1.png)no-repeat 0 0;
background-size:30px 30px;
width:30px;
height:30px;
float:right;
opacity:0.7;
margin-left:5px;
}

.ln:hover {
background: url(../jpg/soc/line.png) no-repeat 0 0;
background-size:30px 30px;
opacity:1;
}




.main-visual{
	width:100%;
	position:relative;
	text-align:center;
	overflow:hidden;
}

.main-visual img{
	width:100%;
    height:auto;
	display:block;

}

#top-bar{
	 width:100%;
	 height:10px;
	 background:#32b3bf;
	 position:fixed;    /** 此css fox 首頁有問題 **/
	 top:-165px;
     z-index:100;
	 
	 
	 /* CSS3 陰影*/
	-webkit-box-shadow: 0px 8px 15px #333;
	-moz-box-shadow: 0px 8px 15px #333;
	box-shadow: 0px 8px 15px #333;	 
	
}


#top-bar2{
	 width:100%;
	 height:36px;
	 background:#32b3bf;
	 position:fixed;
	 top:-165px;
     z-index:100;
	 
	 /* CSS3 陰影*/
	 /*
	-webkit-box-shadow: 0px 8px 15px #333;
	-moz-box-shadow: 0px 8px 15px #333;
	box-shadow: 0px 8px 15px #333;	 
	*/
}

#top-bar3{
	 width:100%;
	 height:80px;
	 background:white;
	 position:fixed;
	 top:-165px;
         z-index:100;
	 
	 /* CSS3 陰影*/
	-webkit-box-shadow: 0px 8px 15px #333;
	-moz-box-shadow: 0px 8px 15px #333;
	box-shadow: 0px 8px 15px #333;	 
}

#scrolldown{
	 width:100%;
	 height:80px;
	 position:fixed;
	 top:-165px;
     z-index:100;
}

#scrolltop{
	 width:100%;
	 position:fixed;
	 top:-165px;
     z-index:100;
}


.line {text-align:center;background-color:#700000;width:100%;height:1px;float:right;}


.ContentTitle {text-align:center;font-family:微軟正黑體;font-size: 19px ;font-weight:500;
	color: #000066;margin:6px;background-color:;margin-top:50px;}  /*#d9d4be*/

.L {text-align:left;}

.ContentHead{
text-align:center;
font-family:微軟正黑體,新細明體;
font-weight: bold;
font-size: 16px;
color:#800000;
}

.Content {
	font-family: Arial,微軟正黑體,新細明體;
        text-align:left;
	font-size: 16px;
	color: #000066;
	text-decoration: none;
	line-height: 28px;
        padding:10px;
        margin: 0 auto;
        max-width:1050px;

}

.ContentKey{color: #800000;}



.ContentImg  {border:1px solid #CCCCCC;padding:2px;margin:5px 5px 1px 0px;float:left;}  /*DCDCDC*/ 

.ContentImg_r  {border:1px solid #CCCCCC;padding:2px;margin:5px 5px 1px 0px;float:right;}

.ContentPng  {padding:2px;margin:3px 5px 1px 0px;float:left;}


/*橫圖 */
#img_frame {width:700px; padding:10px 10px 20px 10px; border-width:1px 1px 1px 1px; border-style:solid; border-color:gray; background:white;}
#img_style {border:1px solid #999999 ;width:700px;}
#img_txt {margin:4px 0; font:12pt/100% verdana;letter-spacing:1px;color:#333366;text-align:left;align:left;line-height:1.5;}


/**
#img_frame2 {width:750px; padding:10px 10px 20px 10px; border-width:1px 1px 1px 1px; border-style:solid; border-color:gray; background:white;}
#img_style2 {border:1px solid #999999 ;width:750px;}
**/

#img_frame2 {max-width:1050px; padding:5px 7px 10px 5px; border-width:1px 1px 1px 1px; border-style:solid; border-color:gray; background:white;}
#img_style2 {border:1px solid #999999 ;max-width:1050px;}
#img_frame2 img {width:100%;}







/*直圖 */
#img_frame_v {width:500px; padding:10px 10px 20px 10px; border-width:1px 1px 1px 1px; border-style:solid; border-color:gray; background:white;}
#img_style_v {border:1px solid #999999 ;width:500px;}




/*Page */
.page {overflow:hidden; clear:both;	padding: 0px; margin: 10px auto; 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, .cp .body .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 li a:hover,  .cp .body .page a:hover {	color: #c9151e;}
*/

.backpage {overflow:hidden; clear:both;	padding: 0px; margin: 0px auto; text-align:right; vertical-align: middle; font-size:12pt;line-height: 30px;
  height: 30px;}

  
._top {position:relative;top:-40px;top:-30px;}  /*firefox -30px*/

._bottom {margin-top:30px;margin-bottom:20px;text-align:center}
 
.backpage a {color: #777;}
.backpage a:hover {color: #c9151e;}

.page li a:hover , .backpage a:hover {
  background: #c9151e;
  color: white;
  border-color: #404041;
  line-height: 30px;
  height: 30px;
  min-width:20px;
}


/* page end */


/* context phobox */

.Course .phobox {
width: 890px;
height:560px;
margin: 0 auto 0 auto;
}

.Course .phobox .lr {
float: left;
width: 370px;
}

.Course .phobox .rl {
float: right;
width: 500px;

}

.Course .phobox .rl img {
    margin: 0 0 20px 0;
}




.Course .phobox .hd  {
    float: left;
    margin: 0 0 20px 0;
}






/* */
.LF .phobox {
width: 100px;
height:560px;
margin: 0 auto 0 auto;
}

.LF .phobox .lr {
float: left;
width: 490px;
}

.LF .phobox .rl {
float: right;
width: 490px;

}

.LF .phobox .rl img {
    margin: 0 0 20px 0;
}


.LF .phobox .lr img {
    margin: 0 0 20px 0;
}

/**/


.Stupas .phobox {
    width: 1125px;
    height:250px;
    margin: 40px auto 0 auto;
    display: block;
    clear: both;
    overflow: hidden;
}

.Stupas .phobox .hd {
    float: left;
    margin: 0 15px 0 0;
    margin: 0 25px 0 0;

}




.MonasteryHall .phobox {
    width: 1044px;
    width: 1000px;
    margin: 30px auto 0 auto;
}



.MonasteryHall .phobox .hd {
    display: block;
    clear: both;
    overflow: hidden;
    margin: 0 0 20px 0;

}

.MonasteryHall .phobox .hd img {
    float: left;
    margin: 0 20px 0 0;
}

.MonasteryHall .phobox .hd img.last {
    margin: 0;}



/*******  ********/
.Monastery .phobox {
   width: 944px;
   width: 1000px;
   height:1360px;
   margin: 20px auto 0 auto;
   
}


.Monastery .phobox .hd {
    display: block;
    clear: both;
    overflow: hidden;
    margin: 0 0 20px 0;

}

.Monastery .phobox .lr {
   float: left;
   width: 400px;
}

.Monastery .phobox .rl {
  float: right;
  width: 522px;
  width: 580px;
}

.Monastery .phobox .hd img {
    float: left;
    margin: 0 20px 0 0;
}


.Monastery .phobox .rl img {
    margin: 0 0 20px 0;
}

/*--------- ------------*/



.Monastery2F .phobox {
   width: 966px;
    margin: 30px auto 0 auto;
}


/* context phobox End */



.title .separator {
position: absolute;
top: 140px;
}

.separator {
background: #700000;
width: 1000px;
height: 1px;
}

.title h2 {
margin: auto;
width:200px;
color: #000066;
font-family:微軟正黑體;
font-size: 14pt;
font-weight:600;
/**background: #FFF;**/
background-image: url("../images/background.jpg");
position: relative;
text-align: center;
}



.homeTop {
width: 50px;
height: 50px;
margin-left: -35px;
position: absolute;
bottom: 50px;
left: 95%;
z-index: 10;
background: url(../jpg/home/scrolltop.png) no-repeat 0 0;
}

.homeTop:hover {opacity:0.7;}



.Rinbirthday {
width: 1000px;
height: 350px;
text-align:center;
top:120px;
margin:0 auto;
position:relative;
background:url(../jpg/home/DakiniBirthday.png) no-repeat 0 0;
z-index:10;
}


.footer{
font-size:10pt;
color:#000066;
font-family:微軟正黑體;
margin-top:15px;
text-align:center;
line-height: 20px;
}

.copyright{
font-size:10pt;
color:#42454e;
font-family:微軟正黑體;
text-align:center;
margin-bottom:30px;
}
