body { margin:0px; 
      
	font-size: 16px;
	line-height:24px;
	background-image:url("../images/pspcamp.jpg");
         background-position:center top;
             background-repeat:no-repeat;
			 height:1127px;
			
}

.center {	text-align: center;}

.Container{
	
	width:800px;
	margin:0 auto;
	
	
}

.Container2{
	
	width:842px;
	margin:0 auto;
	background-color:#FFF;
	
}

.title1
{
	margin:0 auto;
	color: #36C;
	font-size: 24px;
	line-height:32px;
	font-weight: bold;
	text-decoration: none;

	text-align:center;
}



.title2{margin:0 auto;
	color: #CCC;
	font-size: 22px;
	font-weight: bold;
	text-decoration: none;

	text-align:center;}

.title3{
	
	color: #003399;
	font-weight: bold;
	width: 180px;
}

.title4{
	font-size: 22px;
	line-height:32px;
	color: #003399;
	font-weight: bold;
	text-align:center;
	
}

.table_story{
	border: 1px solid #666666;	
		width: 950px;
		
}

.table_story th{
	color: #FFF;
	background-color:#0d6a93;
	padding: 3px;
}

.table_story td{
border: 1px solid #666666;	
	padding: 3px;
}

.table_singing{
	border: 1px solid #666666;	
		width: 800px;
		
}

.table_singing th{
	background-color:#CCC;
		
}

.table_singing td{
	border: 1px solid #666666;	
		
		
}

.table_singing td.title3{
	color: #666;
	font-weight: bold;
	width: 200px;
}

.Success{
	font-size: 24px;
	color: #0CF;	
	
}

.r1 {
     
	text-align: center;	
}

.r1 input{
     
	border:none;
}
.r1 p{
	layout-flow:vertical-ideographic;
	
}
.ErrorBlock
{  	background-color: #FFFF66;
	border:1px solid #FF0000;
}

.button {
 
   background: #3e779d;
  background: linear-gradient(to bottom, #3e779d, #0e99f5);
   background: -webkit-linear-gradient(top, #3e779d, #0e99f5);
   background: -moz-linear-gradient(top, #3e779d, #0e99f5);
   background: -ms-linear-gradient(top, #3e779d, #0e99f5);
   background: -o-linear-gradient(top, #3e779d, #0e99f5);
   padding: 3px 19px;
   margin:0px 10px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   
     -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
   color: #ffffff;
   font-size: 16px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   display:inline-block;
   }
   
 .button:hover {
  
   background: #0CC;
   color: #000;
   }
 .button:active {

   background: #3e779d;
   }

.box{
	 cursor:pointer;
}

.box2
{   
    
   padding:15px 5px;
   margin:15px;
    width:120px;
	text-align:center;
	border:4px solid #FFF;
 font-size:20px;
 font-weight:bold;
    background: #06C;
  background-image: -webkit-linear-gradient(top, #06C, #3CF);
  background-image: -moz-linear-gradient(top, #06C, #3CF);
  background-image: -ms-linear-gradient(top, #06C, #3CF);
  background-image: -o-linear-gradient(top, #06C, #3CF);
  background-image: linear-gradient(to bottom,#06C, #3CF8);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
 color:white;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  display:block;
  cursor:pointer;
	
}

.box2:hover
{   
     color:#333;
  background: #0FF;
  background-image: -webkit-linear-gradient(top, #0FF, #3CF);
  background-image: -moz-linear-gradient(top, #0FF, #3CF);
  background-image: -ms-linear-gradient(top, #0FF, #3CF);
  background-image: -o-linear-gradient(top, #0FF, #3CF);
  background-image: linear-gradient(to bottom,#0FF, #3CF8);
 
	
}

.buttonDiv{
	
	margin-left:80px;
	margin-top:230px;
	
}

.buttonDiv2{
	
	margin-left:570px;
	margin-top:-200px;
	
}

.gvClass td,.gvClass th{
	padding: 3px 5px 3px 5px;
	border: 1px solid #999;	
}

.Error{
	border:1px solid #FF0000;
	background-color:#FC0;
	
}

#timeDiv1{
	background-image:url("../images/btntable3.png");
         background-position:center top;
             background-repeat:no-repeat;
	width:273px;
	height:221px;
	
	
}

.timeTable {

    width:350px;
	font-size:12px;
}

.timeTable th{

    color:#039;
	background-color:#0CF;
}

.timeTable td{
	 color:#039;
	
    border:1px solid #0CF;
	padding:2px 4px;
	text-shadow: 1px 1px 1px #FF0;
}

.rowRed{
	
	color:#03F;
	
}

#infoDiv{
	background-image:url("../images/btn3.png");
         background-position:center top;
             background-repeat:no-repeat;
			  width:200px;
			 height:87px;
	
}

#applyDiv{
	background-image:url("../images/btn2.png");
         background-position:center top;
             background-repeat:no-repeat;
			 width:200px;
			 height:98px;
}

#resultDiv{
	background-image:url("../images/result.png");
         background-position:center top;
             background-repeat:no-repeat;
			 width:200px;
			 height:86px;
}

#enrollDiv{
	background-image:url("../images/enrollform.png");
         background-position:center top;
             background-repeat:no-repeat;
			 width:200px;
			 height:87px;
}

#sizeDiv{
	background-image:url("../images/size.png");
         background-position:center top;
             background-repeat:no-repeat;
			 width:200px;
			 height:88px;
}

#videoDiv{
	
	margin-left:67px;
	margin-top:937px;
	position:absolute;
	width:90px;
	height:90px;
	
}
#FacebookDiv{

	margin-left:160px;
	margin-top:985px;
	position:absolute;
	width:85px;
	height:40px;
	
}
#WechatDiv{
	margin-left: 160px;
	margin-top: 937px;
	position: absolute;
	width: 85px;
	height: 40px;
	color: #D6D6D6;
	
}

.descDiv{
	background-color:#CCC;
	width:100%;
	
	
}

.ulDesc{
	list-style-type: none;	
	
}

.olDesc{
	list-style-type: square;	
}

.listTableDiv{
	margin:0 auto;
	width:404px;
	background-color:#FFF;
}

    .auto-style1 {
            height: 46.5pt;
            width: 172pt;
            color: black;
            font-size: 12.0pt;
            font-weight: 400;
            font-style: normal;
            text-decoration: none;
            font-family: 新細明體, sans-serif;
            text-align: center;
            vertical-align: middle;
            white-space: normal;
            border-style: none;
            border-color: inherit;
            border-width: medium;
            padding-left: 1px;
            padding-right: 1px;
            padding-top: 1px;
        }

.idrow{
	  height: 16.5pt;
            color: black;
            font-size: 12.0pt;
            font-weight: 400;
            font-style: normal;
            text-decoration: none;
            font-family: 新細明體, sans-serif;
            text-align: center;
            vertical-align: middle;
            white-space: nowrap;
            border: .5pt solid windowtext;
            padding-left: 1px;
            padding-right: 1px;
            padding-top: 1px;
}

.namerow{
	      color: black;
            font-size: 12.0pt;
            font-weight: 700;
            font-style: normal;
            text-decoration: none;
            font-family: 新細明體, sans-serif;
            text-align: center;
            vertical-align: middle;
            white-space: nowrap;
            border: .5pt solid windowtext;
            padding-left: 1px;
            padding-right: 1px;
            padding-top: 1px;
            background: #FFF;
}

.throw{
	 color: white;
	  background: #666;
	   text-align: center;
            vertical-align: middle;
            white-space: nowrap;
            border: .5pt solid windowtext;
}

@media all and (min-width: 240px) and (max-width: 736px) {
	
	body{	background-image:url("../images/pspcamp.jpg");
         background-position:center top;
             background-repeat:no-repeat;
			 width:100%;
			 height:100%;
			 background-size: 100%;
			  min-width:100%;
			 min-height:100%;
			  
			 
	}
	.Container{
	
	width:100%;
	height:auto;
	margin:0 auto;
	
	
}

.Container2{
	
	width:100%;
	margin:0 auto;
	background-color:#FFF;
	
}

.buttonDiv{
	
	margin-left:10px;
	margin-top:23%;
	
}
#applyDiv{
	background-image:url("../images/btn2.png");
         background-position:left top;
             background-repeat:no-repeat;
			  background-size:contain;
			
	min-height:60px;
	height:30%;
			
}

#infoDiv{
	background-image:url("../images/btn3.png");
         background-position:left top;
             background-repeat:no-repeat;
			   background-size:contain;
	min-height:50px;
	height:30%;
}



#resultDiv{
	background-image:url("../images/result.png");
          background-position:left top;
             background-repeat:no-repeat;
			   background-size:contain;
	min-height:50px;
	height:30%;
}

#enrollDiv{
	background-image:url("../images/enrollform.png");
           background-position:left top;
             background-repeat:no-repeat;
			   background-size:contain;
	min-height:50px;
	height:30%;
}

#sizeDiv{
	background-image:url("../images/size.png");
          background-position:left top;
             background-repeat:no-repeat;
			   background-size:contain;
	min-height:50px;
	height:30%;
}

#timeDiv1{
	background-image:url("../images/btntable3.png");
         background-position:left top;
             background-repeat:no-repeat;
	 background-size: contain;
	 width:100%;
	
	
}

#videoDiv{
	
	margin-left:8.5%;
	margin-top:116%;

	width:11%;
	height:8%;
	
}
#FacebookDiv{
	
	margin-left:21%;
	margin-top:123%;
	
	width:10%;
	height:4%;
}
#WechatDiv{
	
	margin-left:21%;
	margin-top:116%;;
	
	width:10%;
	height:4%;
}

.listTableDiv{
	margin:0;
	width:100%;
	
}

	
}