@charset "UTF-8";


@font-face {
    font-family: 'quarkbold';
    src: url('quark-bold-webfont.eot');
    src: url('quark-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('quark-bold-webfont.woff') format('woff'),
         url('quark-bold-webfont.ttf') format('truetype'),
         url('quark-bold-webfont.svg#quarkbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'quarklight';
    src: url('quark-light-webfont.eot');
    src: url('quark-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('quark-light-webfont.woff') format('woff'),
         url('quark-light-webfont.ttf') format('truetype'),
         url('quark-light-webfont.svg#quarklight') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'gidoleregular';
    src: url('gidole-regular-webfont.eot');
    src: url('gidole-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('gidole-regular-webfont.woff2') format('woff2'),
         url('gidole-regular-webfont.woff') format('woff'),
         url('gidole-regular-webfont.ttf') format('truetype'),
         url('gidole-regular-webfont.svg#gidoleregular') format('svg');
    font-weight: normal;
    font-style: normal;

}







body {
	background-image: url(images/mahidolday2015.svg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	text-decoration : none;
	background-position :top center;
}

header{
	height: 700px;
	width: 700px;
	/* [disabled]padding: 15px 0px; */
	margin: 0px auto;
	overflow: hidden;
	/* [disabled]margin-top: -50px; */
	margin-bottom: 400px;
}

  header #logo{
	padding: 0;
	margin: 0px auto 0px  auto;
	height: 700px;
	width: 700px;
	background: transparent url('../images/tree.svg') no-repeat center top;
	display: block;
	text-indent: -9000px;
	margin-bottom: 400px;
	/* [disabled]color: #FFF; */
	/* [disabled]margin-top: -100px; */
  }





	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

#wrapper{
  margin:0 0 0 0;
}
  #wrapper #main{
    padding:0;
    width:1000px;
    height:5000px;
    position:relative;
    margin:0 auto;
    text-align:center;
  }
  
  
   
    
	
	
#footer-c1 strong{
	/* [disabled]margin-left: 70px; */
	color: #666666;
	font-family: 'quarkbold', Arial, sans-serif;
	font-size: 20px;
	margin-bottom: -30px;
	/* [disabled]padding-top: 10px; */
    }
	
	
	
	
	
      
    
    p{
	color: #CCC;
	/* [disabled]margin-left: 70px; */
	font-size: 13px;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: left;
    }
	
	  p strong{
	/* [disabled]margin-left: 70px; */
	color: #418EAF;
	font-family: 'quarkbold', Arial, sans-serif;
	font-size: 20px;
	/* [disabled]margin-bottom: -10px; */
    }
	
#ab strong1{
	/* [disabled]margin-left: 70px; */
	color: #FFFFFF;
	font-family: 'quarkbold', Arial, sans-serif;
	font-size: 20px;
	/* [disabled]margin-bottom: -10px; */
    }
	
	
	  p strong3{
	/* [disabled]margin-left: 70px; */
	color: #418EAF;
	font-family: 'quarkbold', Arial, sans-serif;
	font-size: 20px;
	/* [disabled]margin-bottom: -10px; */
    }
	
	
	
	
	  p strong2{
	/* [disabled]margin-left: 70px; */
	color: #ef4136;
	font-family: 'quarkbold', Arial, sans-serif;
	font-size: 20px;
	margin-bottom: -30px;
    }
	
    
      #wrapper #main p .tag{
        font: 24px/26px 'quarklight' , Georgia, "Times New Roman", Times, serif;
        color:#67B013;
      }
    
    #wrapper #main #description{
      width:1000px;
      height:110px;
    }
    
      #wrapper #main #description h2{
        font-size:48px;
        line-height:48px;
      }
      
      #wrapper #main #description p{
        padding:0 170px;
        font-size:24px;
        line-height:26px;
        font-weight:lighter;
      }

    
      #wrapper #main #animation.animation-fixed{
        position:fixed;
        margin-top:-350px;
      }
      
      #wrapper #main #animation.animation-end{
        position:absolute;
        top:4420px;
      }
      
      
      #wrapper #main #animation .detail{
        position:absolute;
        top:420px;
        display:block;
        opacity:0;
      }
      
      
      #wrapper #main #animation .rain{
        position:absolute;
        width:73px;
        height:120px;
        background:transparent url('../images/sprite-landing.png') no-repeat -912px -1380px;
        overflow:hidden;
        display:none;
      }
      
      #wrapper #main #animation .cloud{
        position:absolute;
        width:78px;
        height:45px;
        background:transparent url('../images/sprite-landing.png') no-repeat 0 -132px;
        opacity:0;
        display:none;
      }
      
      #wrapper #main #animation .white-cloud{
        position:absolute;
        width:78px;
        height:45px;
        background:transparent url('../images/sprite-landing.png') no-repeat 0 -207px;
        opacity:0;
        display:none;
      }
      
      #wrapper #main #animation .computer{
        position:absolute;
        width:412px;
        height:201px;
        background:transparent url('../images/sprite-landing.png') no-repeat 0 -1104px;
      }
      
      #wrapper #main #animation .bubble{
        position:absolute;
        width:147px;
        height:300px;
        background:transparent url('../images/sprite-landing.png') no-repeat 0 -759px;
      }
      
      #wrapper #main #animation .bubble-bulb{
        position:absolute;
        width:72px;
        height:75px;
        background:transparent url('../images/sprite-landing.png') no-repeat 0 -282px;
      }
      
      #wrapper #main #animation .bubble-scroll{
        position:absolute;
        width:147px;
        height:300px;
        background:transparent url('../images/sprite-landing.png') no-repeat -176px -759px;
      }
      
      #wrapper #main #animation .hair{
        position:absolute;
        width:73px;
        height:60px;
        top:178px;
        left:170px;
        background:transparent url('../images/sprite-landing.png') no-repeat 0 -706px;
      }
      
      #wrapper #main #animation .detail{
        width:412px;
      }
      
      
      #wrapper #main #animation #find-support{
        position:absolute;
        top:0;
        left:294px;
      }
      
        #wrapper #main #animation #find-support #bubble-scroll{
          left:132px;
          top:40px;
        }
        
      
        #wrapper #main #animation #find-support #rain{
          top:90px;
          left:168px;
        }
        
        #wrapper #main #animation #find-support #cloud-1,
        #wrapper #main #animation #find-support #cloud-3{
          top:75px;
          left:192px;
        }
        
        #wrapper #main #animation #find-support #cloud-2,
        #wrapper #main #animation #find-support #cloud-4{
          top:65px;
          left:142px;
        }
      
        #wrapper #main #animation #find-support #computer-1{
          top:200px;
        }
        

        
        
      #wrapper #main #animation #come-to-support{
        position:absolute;
        top:0;
        left:1000px;
        display:none;
        opacity:0;
      }
      
        #wrapper #main #animation #come-to-support #bubble{
          left:145px;
          top:40px;
          -moz-transform: rotate(180deg);
          -webkit-transform: rotate(180deg);
          -o-transform: rotate(180deg); 
          -ms-transform: rotate(180deg);
          transform: rotate(180deg);
        }
        
        #wrapper #main #animation #come-to-support #bubble-bulb{
          top:18px;
          left:40px;
        }
        
      
        #wrapper #main #animation #come-to-support #computer-2{
          top:200px;
        }
        

       
       
      #wrapper #main #animation #arm-mask{
        position:absolute;
        height:172px;
        width:500px;
        left:250px;
        overflow:hidden;
        top:30px;
      }
      
        #wrapper #main #animation #arm-mask #arm{
          position:absolute;
          height:500px;
          width:500px;
          background:transparent url('../images/sprite-landing.png') no-repeat -387px 0;
        } 
      
      #wrapper #main #animation #instruction{
        height:0;
        width:0;
        background:#67B013 url('../images/trame.png') repeat scroll center top;
        margin:180px auto 0 auto;
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px;
        -o-border-radius: 100px;
        -ms-border-radius: 100px;
        border-radius: 100px;
        overflow:hidden;
        position:relative;
      }
      
        #wrapper #main #animation #instruction #instruction-inner {
          height:160px;
          width:400px;
          position:absolute;
          top:20px;
          left:200px;
          margin:0;
          padding:0;
          list-style:none;
          -moz-border-radius: 80px;
          -webkit-border-radius: 80px;
          -o-border-radius: 80px;
          -ms-border-radius: 80px;
          border-radius: 80px;
          
        }
        
          #wrapper #main #animation #instruction #instruction-inner li {
            width:160px;
            float:left;
            margin:0 20px;
          }
        
          #wrapper #main #animation #instruction #instruction-inner .instruction-illustration {
            height:79px;
            width:160px;
            padding:0;
            border-bottom:1px solid #A4D071;
            display:block;
          }
          
          #wrapper #main #animation #instruction #instruction-inner .instruction-description {
            height:72px;
            width:160px;
            padding:0;
            display:block;
            color:#E8F3DC;
            font: 20px/21px 'quarklight', Arial, sans-serif;
            margin-top:8px;
          }
          
          #wrapper #main #animation #instruction #instruction-inner #instruction-illustration-1 {
            background:transparent url('../images/sprite-landing.png') no-repeat 63px -374px;
          }
          
          #wrapper #main #animation #instruction #instruction-inner #instruction-description-1 {
            font-size:24px;
            line-height:26px;
          }
          
          #wrapper #main #animation #instruction #instruction-inner #instruction-illustration-2 {
            background:transparent url('../images/sprite-landing.png') no-repeat 47px -461px;
          }
          


footer{
	height: auto;
	background: #5fabed;
	background: #5fabed url('../images/bg_foot.png') repeat center scroll;
	margin-top: 40px;
	/* [disabled]padding-top: 150px; */
	color: #fff;
	display: block;
	/* [disabled]margin-bottom: 100px; */
	padding-bottom: 500px;
	min-height: 1024px;
  
}


#footer2{
  height:1024px;
  background:#272727;
  background:#272727 url('../images/gray.png') repeat center scroll;
  margin-top:40px;
}

  
  
#footer-inner{
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	padding-left: 40px;
	
  }
  

  




#paper a {
	display: block;
	height: 500px;
	width: 745px;
	background: url(http://www.qd.mahidol.ac.th/qd_green/images/paper.svg) no-repeat scroll 0 0 transparent;
	color: #fff;
	overflow: hidden;
	background-repeat: no-repeat;
	text-indent:-9999px;
}





#right a {
	/* [disabled]background-attachment: scroll; */
	background-clip: border-box;
	background-color: transparent;
	background-image: url("../images/menuright.svg");
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: auto auto;
	display: block;
	height: 90px;
	overflow-x: hidden;
	overflow-y: hidden;
	text-indent: -8000px;
	width: 90px;
}

#right{
	position: fixed;
	right: 0;
	top: 20%;
	z-index: 9999;
	margin-right:10px;
}
#inright1 a {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-image: url("../images/menuright2.svg");
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: auto auto;
	display: block;
	height: 90px;
	overflow-x: hidden;
	overflow-y: hidden;
	text-indent: -8000px;
	width: 90px;
	margin-top: 7px;
	;
}

#inright2 a {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-image: url("../images/menuright3.svg");
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: auto auto;
	display: block;
	height: 90px;
	overflow-x: hidden;
	overflow-y: hidden;
	text-indent: -8000px;
	width: 90px;
	margin-top: 7px;
	
}


#inright3 a {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-image: url("../images/menuright3.svg");
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: auto auto;
	display: block;
	height: 90px;
	overflow-x: hidden;
	overflow-y: hidden;
	text-indent: -8000px;
	width: 90px;
	margin-top: 7px;
	
}

#inright4 a {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-image: url("../images/menuright.svg");
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: auto auto;
	display: block;
	height: 90px;
	overflow-x: hidden;
	overflow-y: hidden;
	text-indent: -8000px;
	width: 90px;
	margin-top: 7px;
	
}


#inright5 a {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-image: url("../images/menuright5.svg");
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: auto auto;
	display: block;
	height: 90px;
	overflow-x: hidden;
	overflow-y: hidden;
	text-indent: -8000px;
	width: 90px;
	margin-top: 7px;
	
}

#regis a {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-image: url("../images/regis.svg");
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: auto auto;
	display: block;
	height: 50px;
	overflow-x: hidden;
	overflow-y: hidden;
	text-indent: -8000px;
	width: 230px;
	/* [disabled]margin-top:7px; */
	margin: 0px auto;
	
}




#inright0 a {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-image: url("../images/sco.svg");
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: auto auto;
	display: block;
	height: 90px;
	overflow-x: hidden;
	overflow-y: hidden;
	text-indent: -8000px;
	width: 90px;
	margin-top:10px;
	
}

A:link {
	text-decoration: none;
	color: #CCC;
}
A:visited {text-decoration: none}
A:hover {
	text-decoration: none;
	margin: 0px;
	color: #418EAF;	
}

#title{
	padding: 0;
	margin: 0px auto;
	height: 40px;
	width: 500px;
	padding: 10px 0px 10px 0px;
	font: 45px/45px 'quarklight', Arial, sans-serif;
	text-align: center;
	margin-top: -170px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	z-index: 999;
  }

#title2{
	padding: 0;
	margin: 0px auto;
	margin-top: 10px;
	height: 70px;
	width: 745px;
	font: 20px/20px 'quarklight', Arial, sans-serif;
	text-align: center;
	margin-bottom: 500px;
	z-index: 999;
	color: #FFF;
  }



  
  
  #logotop{
	padding: 0;
	margin-left: 220px;
	margin-right: auto;
	padding: 0px;
	height: 80px;
	width: 360px;
	text-align: center;
	background-image: url(../images/logo.png);
	float: left;
	position: fixed;
	margin-top: -70px;
  }
  
  
    #linktop{
	padding: 0;
	margin-left: 710px;
	margin-right: auto;
	padding: 0px;
	height: 80px;
	width: 330px;
	float: right;
	position: fixed;
	margin-top: -46px;
	font-family: 'quarklight', Arial, sans-serif;

  }
    #logoindex{
	padding: 0;
	margin: 0px auto;
	height: 500px;
	width: 825px;
	display: block;
	margin-bottom: 20px;
	/* [disabled]margin-top: 250px; */
	/* [disabled]z-index: 9999; */
	color: #FFFFFF;
	/* [disabled]padding-top: 310px; */
	text-align: left;
	font: 34px/34px 'quarklight' , Georgia, "Times New Roman", Times, serif;
	background: transparent url('../images/muqf_index.svg') no-repeat center top;
	display: block;
	  }
  #logo{
	padding: 0;
	margin: 0px auto;
	height: 500px;
	width: 825px;
	display: block;
	margin-bottom: 20px;
	/* [disabled]margin-top: 250px; */
	z-index: 9999;
	color: #FFFFFF;
	/* [disabled]padding-top: 310px; */
	text-align: left;
	font: 34px/34px 'quarklight' , Georgia, "Times New Roman", Times, serif;
	background: transparent url('../images/muqf.svg') no-repeat center top;
	display: block;
	  }
	  
	  
	  
	  
	  
	  #logo1{
	padding: 0;
	margin: 0px auto;
	height: 320px;
	width: 825px;
	display: block;
	margin-bottom: 0px;
	/* [disabled]margin-top: 250px; */
	z-index: 9999;
	color: #FFFFFF;
	/* [disabled]padding-top: 310px; */
	text-align: left;
	font: 34px/34px 'quarklight' , Georgia, "Times New Roman", Times, serif;
	
	  }
	  
	  
	  #logo2{
	padding: 0;
	margin: 0px auto;
	height: 180px;
	width: 825px;
	display: block;
	margin-bottom: 20px;
	/* [disabled]margin-top: 250px; */
	z-index: 9999;
	color: #FFFFFF;
	/* [disabled]padding-top: 310px; */
	text-align: left;
	font: 34px/34px 'quarklight' , Georgia, "Times New Roman", Times, serif;
	background: transparent url('../images/muqf_2.svg') no-repeat center top;
	display: block;
	  }
	  
	    #logoW{
	padding: 0;
	margin: 0px auto;
	height: 180px;
	width: 825px;
	display: block;
	margin-bottom: 20px;
	/* [disabled]margin-top: 250px; */
	z-index: 9999;
	color: #FFFFFF;
	/* [disabled]padding-top: 310px; */
	text-align: left;
	font: 34px/34px 'quarklight' , Georgia, "Times New Roman", Times, serif;
	background: transparent url('../images/muqf_w.svg') no-repeat center top;
	display: block;
	  }
	  
	  #logoab{
	padding: 0;
	margin: 0px auto;
	height: 120px;
	width: 600px;
	display: block;
	margin-bottom: 20px;
	/* [disabled]margin-top: 250px; */
	z-index: 9999;
	color: #FFFFFF;
	/* [disabled]padding-top: 310px; */
	text-align: left;
	font: 34px/34px 'quarklight' , Georgia, "Times New Roman", Times, serif;
	background: transparent url('../images/muqf_ab.svg') no-repeat center top;
	display: block;
	  }
	  
	  
	    #logo3{
	padding: 0;
	margin: 0px auto;
	height: 210px;
	width: 825px;
	display: block;
	margin-bottom: 20px;
	/* [disabled]margin-top: 250px; */
	z-index: 9999;
	color: #FFFFFF;
	/* [disabled]padding-top: 310px; */
	text-align: left;
	font: 34px/34px 'quarklight' , Georgia, "Times New Roman", Times, serif;
	background: transparent url('../images/muqf_3.svg') no-repeat center top;
	display: block;
	  }
	  
	  	  
	    #under{
	padding: 0;
	margin: 0px auto;
	height: 100px;
	width: 825px;
	display: block;
	margin-bottom: 20px;
	/* [disabled]margin-top: 250px; */
	z-index: 9999;
	color: #FFFFFF;
	/* [disabled]padding-top: 310px; */
	text-align: left;
	font: 34px/34px 'quarklight' , Georgia, "Times New Roman", Times, serif;
	background: transparent url('../images/under.svg') no-repeat center top;
	display: block;
	  }
	   #underindex{
	padding: 0;
	margin: 0px auto;
	height: 100px;
	width: 825px;
	display: block;
	margin-bottom: 20px;
	/* [disabled]margin-top: 250px; */
	z-index: 9999;
	color: #FFFFFF;
	/* [disabled]padding-top: 310px; */
	text-align: left;
	font: 34px/34px 'quarklight' , Georgia, "Times New Roman", Times, serif;
	background: transparent url('../images/under_index.svg') no-repeat center top;
	display: block;
	  }
	  
  
#blank{
	/* [disabled]height: 40px; */
	width: 745px;
	    }
		
		
		#logobook{
	padding: 0;
	margin: 0px auto;
	height: 500px;
	width: 825px;
	margin-bottom: 20px;
	/* [disabled]margin-top: 250px; */
	z-index: 9999;
	/* [disabled]color: #FFFFFF; */
	/* [disabled]padding-top: 310px; */
	text-align: left;
	/* [disabled]font: 34px/34px 'quarklight' , Georgia, "Times New Roman", Times, serif; */
	background: transparent url('../images/book.svg') no-repeat center top;
	/* [disabled]display: block; */
	  }
  



#footer-conlist ul li{
	color: #666;
	margin: 0px;

}


#footer-conlist{
	padding: 0px;
	margin: 0px auto;
	margin-bottom: 40px;
	height: auto;
	width: 745px;
	font: 20px/20px 'quarklight', Arial, sans-serif;
	text-align: justify;
	/* [disabled]background: rgba(255, 255, 255, 0.2); */
	/* [disabled]padding: 40px; */
	/* [disabled]-webkit-border-radius: 30px; */
	/* [disabled]-moz-border-radius: 30px; */
	/* [disabled]border-radius: 30px; */
	line-height: 1.3em;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 10px;
	padding-bottom: 20px;
	background-color: #FFFFFF;
	z-index: 999;
	/* [disabled]font-family: 'quarklight', Arial, sans-serif; */
}



#footer-c1 ul li{
	color: #666;
	margin: 0px;
	line-height: 1.5em;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;

}


#footer-c1{
	padding: 0px;
	margin: 0px auto;
	margin-bottom: 40px;
	height: auto;
	width: 745px;
	font: 20px/20px 'quarklight', Arial, sans-serif;
	text-align: justify;
	/* [disabled]background: rgba(255, 255, 255, 0.2); */
	/* [disabled]padding: 40px; */
	/* [disabled]-webkit-border-radius: 30px; */
	/* [disabled]-moz-border-radius: 30px; */
	/* [disabled]border-radius: 30px; */
	line-height: 1.3em;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 10px;
	padding-bottom: 20px;
	background-color: #FFFFFF;
	z-index: 999;
	/* [disabled]font-family: 'quarklight', Arial, sans-serif; */
}


#footer-c1 h3{
	font-size: 27px;
	color: #1c75bc;
	background-image: url(../images/oral_presentation.svg);
	padding-left: 70px;
	background-repeat: no-repeat;
	margin-top: 7px;
	line-height: 55px;
	height: 50px;
	letter-spacing: 0px;
	font-family: 'quarklight', Arial, sans-serif;
	margin-bottom: 0px;

}


#footer-c1 h1{
	font-size: 27px;
	color: #1c75bc;
	background-image: url(../images/yes.svg);
	padding-left: 70px;
	background-repeat: no-repeat;
	margin-top: 7px;
	line-height: 55px;
	height: 50px;
	letter-spacing: 0px;
	font-family: 'quarklight', Arial, sans-serif;
	margin-bottom: 0px;

}


#footer-c1 h4{
	font-size: 27px;
	color: #1c75bc;
	background-image: url(../images/trophy2.svg);
	padding-left: 70px;
	background-repeat: no-repeat;
	margin-top: 7px;
	line-height: 55px;
	height: 50px;
	letter-spacing: 0px;
	font-family: 'quarklight', Arial, sans-serif;
	margin-bottom: 0px;

}

#footer-c1 h2{
	font-size: 27px;
	color: #1c75bc;
	background-image: url(../images/aword.svg);
	padding-left: 70px;
	background-repeat: no-repeat;
	margin-top: 7px;
	line-height: 55px;
	height: 50px;
	letter-spacing: 0px;
	font-family: 'quarklight', Arial, sans-serif;
	margin-bottom: 0px;

}



#footer-c1 h5{
	font-size: 27px;
	color: #1c75bc;
	background-image: url(../images/move.svg);
	padding-left: 70px;
	background-repeat: no-repeat;
	margin-top: 7px;
	line-height: 55px;
	height: 50px;
	letter-spacing: 0px;
	font-family: 'quarklight', Arial, sans-serif;
	margin-bottom: 0px;

}


.TabbedPanelsContentVisible table {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	width: 100%;
	color: #F3F3F3;
}


table3 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	width: 100%;
	color: #666;
}


table2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	width: 100%;
}

#footer-talk2{

	margin: 0px auto;
	/* [disabled]margin-bottom: 40px; */
	height: auto;
	width: 745px;
	color: #999;
	font: 20px/20px 'quarklight', Arial, sans-serif;
	text-align: justify;
	/* [disabled]margin-bottom: 400px; */
	/* [disabled]padding: 40px; */
	/* [disabled]-webkit-border-radius: 30px; */
	/* [disabled]-moz-border-radius: 30px; */
	/* [disabled]border-radius: 30px; */
	line-height: 1.3em;
	background-color: #FFF;
	/* [disabled]margin-top: 10px; */
	padding-top: 10px;
	/* [disabled]border-top-color: #999; */
	/* [disabled]border-top-width: medium; */
	/* [disabled]border-top-style: dashed; */
}


#footer-talk2 h4{
	color: #999999;
	background-image: url(../images/dev.svg);
	padding-left: 70px;
	background-repeat: no-repeat;
	margin-top: 30px;
	line-height: 1em;
	height: 50px;
	letter-spacing: 0px;
	font: 15px/15px 'quarklight', Arial, sans-serif;
}


#footer-talk{
	padding: 40px;
	margin: 0px auto;
	/* [disabled]margin-bottom: 40px; */
	height: auto;
	width: 745px;
	color: #999;
	font: 20px/20px 'quarklight', Arial, sans-serif;
	text-align: justify;
	/* [disabled]margin-bottom: 400px; */
	/* [disabled]padding: 40px; */
	/* [disabled]-webkit-border-radius: 30px; */
	/* [disabled]-moz-border-radius: 30px; */
	/* [disabled]border-radius: 30px; */
	line-height: 1.3em;
	background-color: #333;
	/* [disabled]margin-top: 10px; */
	padding-top: 10px;
	/* [disabled]border-top-color: #999; */
	/* [disabled]border-top-width: medium; */
	/* [disabled]border-top-style: dashed; */
}


#footer-talk p  {
	color: #666;	

}
#time table{
	width: 600px;
}

#time2{
	padding: 0;
	margin: 0px auto;
	/* [disabled]margin-bottom: 10px; */
	height: auto;
	width: 745px;
	color: #FFF;
	font: 40px/40px 'quarklight', Arial, sans-serif;
	text-align: center;
	margin-bottom: -50px;
	/* [disabled]padding: 40px; */
	/* [disabled]-webkit-border-radius: 30px; */
	/* [disabled]-moz-border-radius: 30px; */
	/* [disabled]border-radius: 30px; */
	/* [disabled]line-height: 1.3em; */
	/* [disabled]background-color: #FFF; */
	margin-top: -80px;
	/* [disabled]padding-top: 5px; */
	padding-left: 40px;
	padding-right: 40px;
	/* [disabled]padding-bottom: -30px; */
	/* [disabled]border-top-color: #999; */
	/* [disabled]border-top-width: medium; */
	/* [disabled]border-top-style: dashed; */
}


#time2 p  {
	color: #666;	

}




#time{
	padding: 0;
	margin: 0px auto;
	/* [disabled]margin-bottom: 10px; */
	height: auto;
	width: 745px;
	color: #999;
	font: 68px/68px 'gidoleregular', Arial, sans-serif;
	text-align: center;
	margin-bottom: -70px;
	/* [disabled]padding: 40px; */
	/* [disabled]-webkit-border-radius: 30px; */
	/* [disabled]-moz-border-radius: 30px; */
	/* [disabled]border-radius: 30px; */
	/* [disabled]line-height: 1.3em; */
	/* [disabled]background-color: #FFF; */
	/* [disabled]margin-top: -80px; */
	/* [disabled]padding-top: 5px; */
	padding-left: 40px;
	padding-right: 40px;
	/* [disabled]padding-bottom: -30px; */
	/* [disabled]border-top-color: #999; */
	/* [disabled]border-top-width: medium; */
	/* [disabled]border-top-style: dashed; */
}


#time p  {
	color: #666;	

}


#footer-talk p a {
	BORDER-BOTTOM: #999 1px solid;
	BORDER-LEFT: #999 1px solid;
	/* [disabled]PADDING-BOTTOM: 5px; */
	PADDING-LEFT: 30px;
	PADDING-RIGHT: 30px;
	DISPLAY: block;
	BACKGROUND: #999;
	FLOAT: left;
	COLOR: #FFF;
	OVERFLOW: visible;
	BORDER-TOP: #999 1px solid;
	MARGIN-RIGHT: 0px;
	BORDER-RIGHT: #999 1px solid;
	PADDING-TOP: 0px;
	height: 40px;
	/* [disabled]-moz-border-radius: 5px; */
	/* [disabled]-webkit-border-radius: 5px; */
	/* [disabled]border-radius: 5px; */
	line-height: 40px;
	text-align: center;
	
	
}



#footer-conlist p a {
	BORDER-BOTTOM: #999 1px solid;
	BORDER-LEFT: #999 1px solid;
	/* [disabled]PADDING-BOTTOM: 5px; */
	PADDING-LEFT: 30px;
	PADDING-RIGHT: 30px;
	DISPLAY: block;
	BACKGROUND: #999;
	FLOAT: left;
	COLOR: #FFF;
	OVERFLOW: visible;
	BORDER-TOP: #999 1px solid;
	MARGIN-RIGHT: 0px;
	BORDER-RIGHT: #999 1px solid;
	PADDING-TOP: 0px;
	height: 40px;
	/* [disabled]-moz-border-radius: 5px; */
	/* [disabled]-webkit-border-radius: 5px; */
	/* [disabled]border-radius: 5px; */
	line-height: 40px;
	/* [disabled]margin-left: 70px; */
	text-align: center;
	
	
}




#disqus_thread {
	color: #F00;
	

}


.cbp-content p {
	color:#999;
	

}
.cbp-content a:link {
	color:#999;
	

}
.cbp-content a:hover {
	color:#999;
	

}

.cbp-content a:visit {
	color:#999;
	

}


#footer-conlistop h2{
	font-size: 30px;
	color: #e85034;
	font-size: 27px;
	background-image: url(../images/mu.svg);
	height: 50px;
	padding-left: 70px;
	background-repeat: no-repeat;
	line-height: 55px;
	letter-spacing: 0px;
}


#footer-conlist h5{
	font-size: 27px;
	color: #1c75bc;
	background-image: url(../images/trophy.svg);
	padding-left: 70px;
	background-repeat: no-repeat;
	margin-top: 10px;
	line-height: 55px;
	height: 50px;
	letter-spacing: 0px;
	margin-bottom: -10px;
	font-family: 'quarklight', Arial, sans-serif;
 
	}
	

#footer-conlist h1{
	font-size: 27px;
	color: #1c75bc;
	background-image: url(../images/trophy2.svg);
	padding-left: 70px;
	background-repeat: no-repeat;
	margin-top: 10px;
	line-height: 55px;
	height: 50px;
	letter-spacing: 0px;
	margin-bottom: -10px;
	font-family: 'quarklight', Arial, sans-serif;
	width: auto;
 
	}
	

#footer-conlist h2{
	font-size: 27px;
	color: #1c75bc;
	background-image: url(../images/lis.svg);
	padding-left: 70px;
	background-repeat: no-repeat;
	margin-top: 10px;
	line-height: 55px;
	height: 50px;
	letter-spacing: 0px;

	
	


}


	


}




#footer-conlist h2 strong {
	font-size: 20px;
	color: #666666;
	font-family: 'quarklight', Arial, sans-serif;
}

#footer-conlist h3 strong {
	font-size: 20px;
	color: #666666;
	font-family: 'quarklight', Arial, sans-serif;
}


#footer-conlist h5 strong {
	font-size: 20px;
	color: #666666;
	font-family: 'quarklight', Arial, sans-serif;
}


#footer-conlist h4 strong {
	font-size: 20px;
	color: #666666;
	font-family: 'quarklight', Arial, sans-serif;
}


#footer-conlist h1 strong {
	font-size: 20px;
	color: #666666;
	font-family: 'quarklight', Arial, sans-serif;
}

#footer-c1 h1 strong {
	font-size: 20px;
	color: #666666;
	font-family: 'quarklight', Arial, sans-serif;
}
#footer-c1 h2 strong {
	font-size: 20px;
	color: #666666;
	font-family: 'quarklight', Arial, sans-serif;
}
#footer-c1 h5 strong {
	font-size: 20px;
	color: #666666;
	font-family: 'quarklight', Arial, sans-serif;
}
#footer-c1 h6 strong {
	font-size: 20px;
	color: #666666;
	font-family: 'quarklight', Arial, sans-serif;
}
#footer-c1 h3 strong {
	font-size: 20px;
	color: #666666;
	font-family: 'quarklight', Arial, sans-serif;
}
#footer-c1 h4 strong {
	font-size: 20px;
	color: #666666;
	font-family: 'quarklight', Arial, sans-serif;
}#footer-c1 h5 strong {
	font-size: 20px;
	color: #666666;
	font-family: 'quarklight', Arial, sans-serif;
}





#footer-conlist h2 strong2 {
	font-size: 20px;
	color: #ef4136;
	font-family: 'quarklight', Arial, sans-serif;	
}

#footer-conlist h3 strong {
	font-size: 20px;
	color: #666666;
	font-family: 'quarklight', Arial, sans-serif;
}

#footer-conlist h2 strong a {
	font-size: 20px;
	color: #666666;
	font-family: 'quarklight', Arial, sans-serif;
}



#footer-conlist h2 strong2 {
	font-size: 20px;
	color: #ef4136;
	font-family: 'quarklight', Arial, sans-serif;	
}


	
#Download a{
	color: #666666;
	font-size: 20px;
	background-image: url(../images/download.svg);
	padding-left: 30px;
	background-repeat: no-repeat;
	/* [disabled]margin-top: 5px; */
	/* [disabled]line-height: 25px; */
	/* [disabled]height: 20px; */
	letter-spacing: 0px;
	/* [disabled]font-weight: bold; */
	font-family: 'quarklight', Arial, "sans-serif;";
	margin-left: 15px;
	margin-bottom: 5px;

}
	
#footer-conlist h3 {
	font-size: 27px;
	color: #1c75bc;
	background-image: url(../images/mu.svg);
	padding-left: 70px;
	background-repeat: no-repeat;
	margin-top: 10px;
	line-height: 55px;
	height: 50px;
	letter-spacing: 0px;
	/* [disabled]font: 20px/20px 'quarklight', Arial, sans-serif; */
	font-family: 'quarklight', Arial, "sans-serif;";
	font-weight: bold;

	
	



}

#footer-conlist h4{
	font-size: 27px;
	color: #1c75bc;
	background-image: url(../images/pre.svg);
	padding-left: 70px;
	background-repeat: no-repeat;
	margin-top: 10px;
	line-height: 55px;
	height: 50px;
	letter-spacing: 0px;


}
#footer-talk2 h3{
	font-size: 27px;
	background-image: url(../images/tak.svg);
	padding-left: 70px;
	background-repeat: no-repeat;
	margin-top: 10px;
	line-height: 55px;
	height: 50px;
	letter-spacing: 0px;


	
	


}


#footer-talk h3{
	font-size: 27px;
	background-image: url(../images/tak.svg);
	padding-left: 70px;
	background-repeat: no-repeat;
	margin-top: 10px;
	line-height: 55px;
	height: 50px;
	letter-spacing: 0px;


	
	


}




.gap1 {
	width: 745px;
	height: 200px;
	
}


.aboutionut p {
		font-family: 'quarklight', Arial, sans-serif;	
}


.pagecenter {
	width: 1140px;
	display: block;
	border: 1px solid rgba(0, 0, 0, 0);
	margin: 0px auto;
}



header nav a, .contents .conlist a, .download-button .down:before, .aboutus .ionutimage, .aboutionut .social a, #socialsharebox .item {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}


.nohead { 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	z-index: -1;
}
header nav a {
	font-size: 18px;
	font-weight: normal;
	font-family: 'fontawesome', Calibri, Arial, sans-serif;
	padding: 0px 0px 0 10px;
}


.rslides {
	/* [disabled]position: relative; */
	list-style: none;
	overflow: hidden;
	width: 814px;
	padding: 0;
	margin: 0;
  }

#slider2 {
	width: 206px;
	height: 320px;
	margin-left: 3px;
	margin-right: 3px;
  }
  #slider3 {
	width: 745px;
	height: 300px;
  }
  
    #slider4 {
	width: 745px;
	height: 300px;
  }


.rslides a:link {
	/* [disabled]color:#FFF; */
  }





#right2 ul{
	list-style: none;
	/* [disabled]position:fixed; */

  }
  
#right2 ul li a{
margin-right: 10px;
	background-clip: border-box;
	background-color: transparent;
	background-image: url("../images/menuright2.svg");
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: auto auto;
	display: block;
	height: 90px;
	overflow-x: hidden;
	overflow-y: hidden;
	text-indent: -8000px;
	width: 90px;
    }
    
#right2 ul li a:active{
      background-color:#67B013;
    }
	
#right2 ul li a:hover {
      background-color:#67B013;
    }
	
	
	
	
	


#right ul{
	list-style: none;
	/* [disabled]position:fixed; */

  }
  
#right ul li a{
	cursor: pointer;
	height: 13px;
	width: 13px;
	display: block;
	text-indent: -9000px;
	background-color: #666666;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	margin-top: 5px;
    }
    
#right ul li a:active{
      background-color:#67B013;
    }
	
#right ul li a:hover {
      background-color:#67B013;
    }
	
	
	#bank{
	height: 20px;
    }



#footer-talk h4{
	color: #999999;
	background-image: url(../images/dev.svg);
	padding-left: 70px;
	background-repeat: no-repeat;
	margin-top: 30px;
	line-height: 1em;
	height: 50px;
	letter-spacing: 0px;
	font: 15px/15px 'quarklight', Arial, sans-serif;
}

#footer-conlist table tr td strong {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-align: center;
}

#footer-conlist table tr td ul strong {
	font-family: 'quarkbold', Arial, sans-serif;
	font-size: 22px;
	color: #CCC
}



#footer-conlist table tr td a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 22px;
	color: #CCCCCC
}


#footer-conlist table tr td em2 {
	font-family: 'quarkbold', Arial, sans-serif;
	font-size: 22px;
	color: #CCCCCC;
	/* [disabled]font-weight:bold; */
}

#Hdifinition {
	font-family: 'quarklight', Arial, sans-serif;
	font-size: 20px;
	color: #1c75bc;
	font-weight: bold;
	padding-left: 70px;
}

#Hdifinition2 {
	font-family: 'quarklight', Arial, sans-serif;
	font-size: 20px;
	color: #CCCCCC;
	/* [disabled]font-weight: bold; */
	padding-left: 70px;
	margin-bottom: 10px;
	text-align: justify;
}

.rss-word {
	font-family: 'quarklight', Arial, sans-serif;
	font-size: 20px;
	color: #666666;
	font-weight: normal;
	padding-left: 10px;
}


TD.dashed	{Border: 1px dashed #66666; } 


#footer-conlist table tr {
	/* [disabled]margin-top: 5px; */
	border-bottom-color: #F00;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}


#footer-conlist table td {
	/* [disabled]margin-top: 5px; */
	border-bottom-color: #CCC;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}

#footer-conlist table td.bubble {
	/* [disabled]margin-top: 5px; */
	/* [disabled]border-bottom-color: #FFF; */
	/* [disabled]border-bottom-style: dashed; */
	/* [disabled]border-bottom-width: 1px; */
	color: #FFF;
	font-weight: bold;
}



#footer-conlist table tr td a{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #666;
	/* [disabled]margin-top: 5px; */
}

#footer-conlist table tr td a:link{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #666;
	/* [disabled]margin-top: 5px; */
}

#footer-conlist table tr td a:hover{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #F33;
	/* [disabled]margin-top: 5px; */
	border-bottom-color: #CCC;
}











ul.showInColumn{  
    display:block;float:left;  
    list-style:none;  
    padding:0;margin:0;  
    width:100%;     
    padding:2px 0 2px 2px;  
}  
ul.showInColumn li{  
    list-style:none;  
    display:block;float:left;  
   
    margin:2px;  /* เทียบใกล้เคียงกับการกำหนด  cellspacing"  ของ table  */  
    margin-left:3px;  
    padding:0px; /* เทียบใกล้เคียงกับการกำหนด  cellpadding  ของ table  */  
    border:none;  /* เทียบใกล้เคียงกับการกำหนด border ใน td ของ table  */  
    width:370px; /*  กำหนดความกว้างของแต่ละคอลัมน์  */ 
		font-family: 'quarklight', Arial, sans-serif;
	font-size: 18px;
	color: #666; 
} 


.sidebar {
	float: left;
	width: 100px;
	margin: 0 10px 10px 0px;
	clear: left;
	text-align: left;
	;
	height: 100px;
}