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

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

body{
	font-size:24px;
	font-family:georgia,times,song,sung;
	background-color: #f3f3f5;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: justify;	 
}


/* custom player skin */
 //  .flowplayer { max-width: 100%; max-height: 650px;padding:40px; background-color: #000; }
 
  
h1{
	font-size:1.7em;
	font-family:georgia,times,song,sung;text-align: left;

	
}

h2{
	font-size:1.7em;
	font-weight:bold;	
	font-family:georgia,times,song,sung;text-align: left;

	
}
h3{
	font-weight:bold;	
	font-family:georgia,times,song,sung;text-align: left;

	
}

input[type="text"], input[type="password"]{border:1px solid #e7e7e7; padding:3px 5px; font-size:1.0em; width: 100px;}

.primaryContainer {

   height: auto;
   margin-top: -20px;
   margin-left: auto;
   margin-right: auto;
   min-height: 100%;
   width: 85%;
   float: none;
   clear: none;
   background-color:#FFFBF4;
   box-shadow: rgb(163, 122, 122) 0px 3px 3px 0px;
   padding:50px;
   max-width: none;
   min-width: 0px;
   
}

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

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

p.languageContainer {

margin-left: auto;
   margin-right: auto;
   text-align:right;
   padding-right: 3%;
   font-size:1em;
   
}
p.languageContainer a.selected {color:red}

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

}

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

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

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

#navigation li {
background: #f0f5f0;;
border-left: 10px solid #443333;
text-decoration: none;
margin: 10px;
padding: 0;
letter-spacing:normal;
}

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


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

#navigation a:hover {
color: #000066;
letter-spacing:normal;
}

#navigation #currentpage a {
background: #FFFED0;
color: #333;
letter-spacing:normal;
}


/*button*/
        /* 未連結 */
        a.button:link, #navigation a.button:link
        {margin-top:20px;
            color: #ffffff ;
            font-size: 1em;
            font-weight: bold;
padding: 10px 10px;
background: #443333;
text-decoration: blink;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: #000000 1px 1px 1px; box-shadow: #000000 1px 1px 1px;
display:inline-block; 
            line-height:120%;
        }
        /* 已連結過 */
        a.button:visited, #navigation a.button:visited
        {margin-top:20px;
            color:#ffffff;
              font-weight: bold;
               font-size: 1em;
padding: 10px 10px;
background: #443333;
text-decoration: blink;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: #000000 1px 1px 1px; box-shadow: #000000 1px 1px 1px;
display:inline-block; 
            line-height:120%;
        }
        /* 滑鼠移至連結 */
        a.button:hover, #navigation a.button:hover
        {margin-top:20px;
            color: #443333 ;  font-weight: bold;
             font-size: 1em;
padding: 10px 10px;
background: #FFFED0;
text-decoration: blink;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: #000000 1px 1px 1px; box-shadow: #000000 1px 1px 1px;
display:inline-block; 
            line-height:120%;
        }
        /* 選擇的連結 */
        a.button:active, #navigation a.button:active
        {margin-top:20px;
            color: #443333 ;
              font-weight: bold;
               font-size: 1em;
padding: 10px 10px;
background: #FFFED0;
text-decoration: none;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: #000000 1px 1px 1px; box-shadow: #000000 1px 1px 1px;
display:inline-block; 
            line-height:120%;
        }
 





/*button-back-foward*/


        /* 未連結 */
        a.album:link
        {
            color: #000000;
            font-size: 1em;
            font-weight: bold;
padding: 5px 5px;
background: #FFFED0;
text-decoration: blink;
-moz-border-radius: 10px;
border-radius: 10px;
display:inline-block; 
-moz-box-shadow: #000000 1px 1px 1px; box-shadow: #000000 1px 1px 1px;
margin: 20px 0px;
        }
        /* 已連結過 */
        a.album:visited
        {
            color:#000000;
              font-weight: bold;
               font-size: 1em;
padding: 5px 5px;
margin: 5px 0px;
background: #FFFED0;
text-decoration: blink;
-moz-border-radius: 10px;
border-radius: 10px;
display:inline-block; 
-moz-box-shadow: #000000 1px 1px 1px; box-shadow: #000000 1px 1px 1px;
        }
        /* 滑鼠移至連結 */
        a.album:hover
        {
            color: #ffffff;  font-weight: bold;
             font-size: 1em;
padding: 5px 5px;
margin: 20px 0px;
background: #443333;
text-decoration: blink;
-moz-border-radius: 10px;
border-radius: 10px;
display:inline-block; 
-moz-box-shadow: #000000 2px 2px 2px; box-shadow: #000000 2px 2px 2px;
        }
        /* 選擇的連結 */
        a.album:active
        {
            color: #443333;
              font-weight: bold;
               font-size: 1em;
padding: 5px 5px;
margin: 20px 0px;
background: #FFFED0;
text-decoration: none;
-moz-border-radius: 10px;
border-radius: 10px;
display:inline-block; 
-moz-box-shadow: #000000 1px 1px 1px; box-shadow: #000000 1px 1px 1px;
        }
 

a.copyright:link
        {text-decoration: none;font-size: 1em; }
		
audio{
 width: 600px;
 height: 50px;
}​
.audiojs { margin: 15px 0px 20px; }
h2 { font-family: 'bpreplay', sans-serif; font-weight: normal; margin-bottom: 10px; line-height: 1.6; }

.bottom{
	margin-top: 100px; 
	position: relative;
	
	
	
}

a.copyright:link
        {text-decoration: none;font-size: 1em; }

 a.headlink:link
        {color: #000000; }

#sitemap li {list-style-type:square; padding: 5px 5px;}

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

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


.contentWrapper .videoWrapper {width:100%; text-align:center; }

.audioButtonList {position:relative; float:left; width:100%; min-height: 90px; margin-top:20px; margin-bottom:20px; }

.audioButtonList a {position:relative; display:none; margin-top: 20px;}


.audioButtonList a.button {display:inline-block; color: #fff; font-size: 1em; font-weight: bold;padding: 10px 10px;background: #443333;border:#000000;text-decoration: blink;-moz-border-radius: 10px;border-radius: 10px;-moz-box-shadow: #000000 1px 1px 1px; box-shadow: #000000 1px 1px 1px; }

/*
.audioButtonList a.button {display:inline; color: #fff; font-size: 1em; font-weight: bold;padding: 10px 10px;background: #443333;border:#000000;text-decoration: blink;-moz-border-radius: 10px;border-radius: 10px;-moz-box-shadow: #000000 1px 1px 1px; box-shadow: #000000 1px 1px 1px; }
 */

/*iphone5s*/

@media screen and (device-aspect-ratio: 40/71) {
body{
	font-size:2em;
	text-align: left;}
.audioButtonList {margin-top:30px;margin-bottom:100px; }
.audioButtonList a {margin-top:30px;margin-bottom:100px;}
.audioButtonList a.button {margin-top:30px;margin-bottom:100px;}
.audioButtonList a.button {margin-top:30px;margin-bottom:100px;}
a.button:link
       {font-size: 1em;}
        a.button:visited
        {font-size: 1em;}
      
        a.button:hover
        {font-size: 1em;}       
        a.button:active
        {font-size: 1em;}
h2{
	font-size:1em;
	font-weight:bold;	
	font-family:georgia,times,song,sung;text-align: left;

	
}



		
	}