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

html, body {margin:0px; padding:0px; height:100%; font-size:1.7em; }

body{
	font-size:24px;
	line-height: 1.2;
	font-family:georgia,times;
	color: #000000;
	background-color:#6E6752;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: left;
}


.caption{
	font-size: 0.75em;color:000000; background-color:#eeeeee;
	font-weight:bold;text-align:center; margin-left: auto;
	margin-right: auto;-moz-border-radius: 3px;
	width: 200px;
border-radius: 3px;
}
	
input[type="text"], input[type="password"]{border:1px solid #e7e7e7; padding:3px 5px; font-size:16px;}


h1{
	font-size:1.7em;
	line-height:110%;
	font-family:georgia,times;
	color: #000000;
}

	
.primaryContainer {

   height: auto;
   margin-top: -20px;
   margin-left: auto;
   margin-right: auto;
   min-height: 100%;
   width: 85%;
   float: none;
   clear: none;
   background-color:#FAFFEE;
   box-shadow: rgb(80, 80, 80) 2px 5px 5px 2px;
   padding:50px;
   max-width: none;
   min-width: 750px;
   
}

p.albumContainer {
margin-top: 100px;
margin-left: auto;
   margin-right: auto;
   text-align:center;
   }
   

   
.thumbContainer {
   padding:5px;
 
   width: 250px;
   height: 300px; 
   text-align:left;
   float:left;
 
     }
 
  
   
.photodiv img{ /*CSS for each image tag*/
border: 0;
max-width: 100%;
max-height: 650px;
cursor: pointer;
text-align:center;
}

.photodiv3 img{ /*CSS for group image tag*/
border: 0;
max-width: 30%;
max-height: 650px;
cursor: pointer;
text-align:center;
}



p.languageContainer {

margin-left: auto;
   margin-right: auto;
   text-align:right;
   padding-right: 0%;
   font-size:1em;
   
}
#sizecontroldiv a.selected {color:red;background-color:#000000;}


p.versionContainer {
max-width: 85%;
margin-top: 0;
margin-left: auto;
margin-bottom: 3%;
   margin-right: auto;
border:#ffffff;
color: #ffffff;
font-weight: bold;
padding-left:52px;
padding-right:52px;
padding-top:10px;
padding-bottom:15px;
-webkit-border-radius: 0px 0px 10px 10px;-moz-border-radius: 0px 0px 10px 10px;border-radius: 0px 0px 10px 10px;background-color:#000000;-webkit-box-shadow: #807400 2px 2px 2px 3px;-moz-box-shadow: #807400 2px 2px 2px 3px; box-shadow: #807400 2px 2px 2px 3px;
text-align:center;

}

a.versionhead{
color: #ffffff;
text-decoration: none;
text-shadow: 0px 0px 0px #f0f5f0;
}

.hr {
  border-top: 1px dotted #ffffff;
  color: #fff;
  background-color: #fff;
  height: 1px;
  width:100%;
}

.navigation ul {
list-style: none;
margin: 0;
padding: 0;
letter-spacing:normal;
}

.navigation li {
background: #fefefe;;
border-left: 10px solid #000000;
text-decoration: none;
margin: 20px;
padding: 5px 2px;
letter-spacing:normal;
}



.navigation li.b {
margin: 15px;
margin-left: 5%;
padding: 5px 2px;
border-left: 3px dotted #000000;
letter-spacing:normal;
}



.navigation a {
padding: 5px 20px;
color: #000;
font-size: 1em;
text-decoration: none;
letter-spacing:normal;
}

.navigation a:hover {
padding: 5px 20px;
color: #000066;
letter-spacing:normal;
}

.navigation #currentpage a {
padding: 5px 20px;
background: #ffff99;
color: #333;
letter-spacing:normal;

}


/*button*/
        /* 未連結 */
        a.button:link
        { margin-bottom:20px;
            display:inline-block; 
            line-height:120%;
            font-size: 1em;
            font-weight: bold;
padding: 10px 10px;
border:#ffffff;
text-decoration: none;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: #ffffff 1px 1px 1px; box-shadow: #ffffff 1px 1px 1px;
color: #ffffff;background: #000000;
        }
        /* 已連結過 */
        a.button:visited
        {
            margin-bottom: 20px;
             line-height:120%;
            font-size: 1em;
            font-weight: bold;
padding: 10px 10px;
border:#ffffff;
text-decoration: none;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: #ffffff 1px 1px 1px; box-shadow: #ffffff 1px 1px 1px;
color: #ffffff;background: #000000;

        }
        /* 滑鼠移至連結 */
        a.button:hover
        {
            
            margin-bottom: 20px;
            line-height:120%;
            font-size: 1em;
            font-weight: bold;
padding: 10px 10px;
border:#ffffff;
text-decoration: none;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: #ffffff 1px 1px 1px; box-shadow: #ffffff 1px 1px 1px;
color: #ffffff; background: #666633;

            
            
            
            
            }
        /* 選擇的連結 */
        a.button:active
        {
            
       margin-bottom: 20px;       
        line-height:120%;
        font-size: 1em;
            font-weight: bold;
padding: 10px 10px;
border:#ffffff;
text-decoration: none;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: #ffffff 1px 1px 1px; box-shadow: #ffffff 1px 1px 1px;
color: #ffffff;
              background: #000000;
              

        }
 





/*button-back-foward*/


        /* 未連結 */
        a.album:link
        {
        
        color: #000000;
        background: #cccccc;
         
         margin-bottom:10px;
            display:inline-block; 
            line-height:120%;
            font-size: 1em;
            font-weight: bold;
padding: 10px 10px;

text-decoration: none;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: #ffffff 1px 1px 1px; box-shadow: #ffffff 1px 1px 1px;
        }
        /* 已連結過 */
        a.album:visited
        {   display:inline-block;
            color:#000000;
             background: #D8E2C3;
            font-size: 1em;
        }
        /* 滑鼠移至連結 */
        a.album:hover
        {   display:inline-block;
            color: #f0f5f0;  background: #333333;

        }
        /* 選擇的連結 */
        a.album:active
        {   display:inline-block;
            color: #ffffff;
              background: #000000;
        }

a.backbutton:link
        {color: #ffffff; text-decoration: none;font-size: 1em;}
a.backbutton:visited
{color: #ffffff; text-decoration: none;font-size: 1em;}
a.backbutton:hover
{color: #ffffff; text-decoration: none;font-size: 1em;}

a.directory:link
        {color: #000000; text-decoration: none;font-size: 1em;text-align:left;}
        
a.directory:visited
        {color: #000000; text-decoration: none;font-size: 1em;text-align:left;} 

a.directory:hover
{color: #000000; text-decoration: none;font-size: 1em;text-align:left;} 

a.copyright:link
        {color: #000000; text-decoration: none;font-size: 1em;text-align:left;}
        
a.copyright:visited
        {color: #000000; text-decoration: none;font-size: 1em;text-align:left;} 

a.copyright:hover
{color: #000000; text-decoration: none;font-size: 1em;text-align:left;} 
        
        #sitemap li {list-style-type:square; padding: 5px 5px;text-align:left;color:#ffffff;}

#sitemap li.l2 {list-style-type:square;margin-left: 40px;padding: 5px 5px;text-align:left;color:#000000;}

img.btnTextSmallSize {position:relative; top:5px; width:20px;}
img.btnTextNormalSize {position:relative; top:5px; width:30px;}
img.btnTextBigSize {position:relative; top:5px;}

.phototable {
	vertical-align: top;
	font-size: 24px;
}

.videoWrapper {width:100%;}

/*iphone5s*/

@media screen and (device-aspect-ratio: 40/71) {

body{
	font-size:2em;text-align:left;}
 a.button:link {font-size: 1em;}
               a.button:visited{font-size: 1em;}       
        a.button:hover{font-size: 1em;}      
        a.button:active{font-size: 1em;}
	
.thumbContainer {
   padding:7px;
   width: 250px;
   height:380px;
   text-align:left;
   line-height:80%;
   float:left;
 
     }
.caption{
	font-size: 0.60em;color:000000; background-color:#eeeeee;
	font-weight:bold;text-align:center; margin-left: auto;
	margin-right: auto;width: 200px;}
a.versionhead{	font-size:1.4em;}
       h1{font-size:64px;line-height:110%;}
       
	
	}