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

@media screen and (min-width:1051px) {  
    main{width:100%;margin: 0 auto;padding: 0px 0 50px 0;border-bottom: 1px solid gray;}
    
    main #title{width: 100%;height: 100px;margin: 0 auto 50px auto;padding: 0px 0;background:#033492 url("../img/pattern02.png") repeat}
    main #title div{position: relative;width:500px;height: 100px;margin:0 auto 0px auto;padding:0px 0 0 0;} 
    main #title div::before{position: absolute;bottom: 20%;left: 0; content: '';display: inline-block;width:100%;height:15px;margin:0 ;padding: 0; vertical-align: top; background:url(../img/brackets05.png) no-repeat;background-position: 0% 0%; background-size:15px auto;}
    main #title div::after{position: absolute;top: 20%;right: 0px;content: '';display: inline-block;width:100%;height:15px;margin:0 ;padding: 0;vertical-align:top;background:url(../img/brackets06.png) no-repeat;background-position:100% 100%; background-size:15px auto;}
    
    #scope_committee #title div h2{position: relative;width:350px;height: 70px;margin:0 auto 0px auto;padding:30px 0 0 150px;font-size:26px;letter-spacing:1px;color:white;background:url("../img/scope_committee02.png") no-repeat;background-position:15% 50%;background-size:60px auto; } 
    #submission #title div h2{position: relative;width:300px;height: 70px;margin:0 auto 0px auto;padding:30px 0 0 200px;font-size:26px;letter-spacing:1px;color:white;background:url("../img/submission02.png") no-repeat;background-position:28% 50%;background-size:60px auto; } 
    #program #title div h2{position: relative;width:280px;height: 70px;margin:0 auto 0px auto;padding:30px 0 0 220px;font-size:26px;letter-spacing:1px;color:white;background:url("../img/program02.png") no-repeat;background-position:32% 50%;background-size:60px auto; } 
    #registration #title div h2{position: relative;width:300px;height: 70px;margin:0 auto 0px auto;padding:30px 0 0 200px;font-size:26px;letter-spacing:1px;color:white;background:url("../img/registration02.png") no-repeat;background-position:28% 50%;background-size:60px auto; } 
    #venue #title div h2{position: relative;width:260px;height: 70px;margin:0 auto 0px auto;padding:30px 0 0 240px;font-size:26px;letter-spacing:1px;color:white;background:url("../img/venue02.png") no-repeat;background-position:35% 40%;background-size:60px auto; } 
    #contact #title div h2{position: relative;width:280px;height: 70px;margin:0 auto 0px auto;padding:30px 0 0 220px;font-size:26px;letter-spacing:1px;color:white;background:url("../img/contact02.png") no-repeat;background-position:30% 50%;background-size:60px auto; } 
    
    main #title div h2::before{position: absolute;top: 20%;left: 0;content: '';display: inline-block;width:100%;height:15px;margin:0 ;padding: 0 0 0px 0; vertical-align: top; background:url(../img/brackets03.png) no-repeat;background-position: 0% 0%; background-size:15px auto;}
    main #title div h2::after{position: absolute;bottom:  20%;right:0;content: '';display: inline-block;width:100%;height:15px;margin:0 ;padding: 0;vertical-align: bottom;background:url(../img/brackets04.png) no-repeat;background-position:100% 100%; background-size:15px auto;}    
        
    main section{width:1000px;margin: 50px auto 0px auto;}    
    main section h3{margin: 0 auto 30px auto;padding: 8px 2% 5px 2%;font-weight: normal;font-size:25px;letter-spacing: 2px;color: white;background: #49c9bc}
    
    #scope_committee section h4{width: 96%; margin: 0 auto 0px auto;padding: 0px 0% 0px 0%;font-weight: normal;font-size:16px;letter-spacing: 1px;line-height: 34px;color: #033492;}
    #scope_committee section .text01{width: 98%; margin: 0 0 20px auto;padding: 0 0;font-size:16px;letter-spacing: 1px;line-height: 34px;}
    #scope_committee section .text02{width: 96%; margin: 0 0 0px auto;padding: 0 0;font-size:16px;letter-spacing: 1px;line-height: 34px;}
    
    #submission section .text01{width: 98%; margin: 0 0 20px auto;padding: 0 0;font-size:16px;letter-spacing: 1px;line-height: 34px;}
    
    #program section .comingsoon{margin: 0 auto;padding: 0 0;font-size:20px;font-weight: bold;color: #B1B1B1; text-align: center}
    
    #registration .comingsoon{margin: 0 auto;padding: 0 0;font-size:20px;font-weight: bold;color: #B1B1B1; text-align: center}
    
    #contact .comingsoon{margin: 0 auto;padding: 0 0;font-size:20px;font-weight: bold;color: #B1B1B1; text-align: center}
    
    #venue section h4{width: 98%; margin: 10px 0 0px auto;padding: 0px 0% 0px 0%;font-size:16px;letter-spacing: 1px;line-height: 34px;color: #033492;}
    #venue section figure{width: 80%; margin: 0 auto 20px auto;padding: 0 0;}
    #venue section figure img{width: 100%;}
    #venue section .text01{ margin: 0 0 0px auto;padding: 0 0;font-size:16px;letter-spacing: 1px;line-height: 34px;text-indent:10px}
    #venue section .text02{ width: 98%; margin: 0 0 20px auto;padding: 0 0;font-size:16px;letter-spacing: 1px;line-height: 34px;}
    #venue section .text03{width: 96%; margin: 0 0 0px auto;padding: 0 0;font-size:16px;letter-spacing: 1px;line-height: 34px;}
    
}

@media screen and (max-width:1050px) {            
    main{width:100%;margin: 0 auto;padding: 0px 0 30px 0;border-bottom: 1px solid gray;}
    
    main #title{width: 100%;margin: 0 auto 30px auto;padding: 16px 0 8px 0;background:#033492 url("../img/pattern02.png") repeat}    
    main #title div{width:80%;height:auto;margin:0 auto 0px auto;padding:0px 0 0 0;}     
    main #title div h2{width:100%;height:auto;margin:0 auto 0px auto;padding:0px 0 0 0;font-size:20px;letter-spacing:1px;color:white;} 
    
    #scope_committee #title div h2::before{content: '';display: inline-block;width: 45px; height:45px;margin:0 5px 0 0;padding: 0 0 0px 0; vertical-align:middle; background:url("../img/scope_committee02.png") no-repeat;background-position: 0% 0%; background-size:100% auto;}
    
    #submission #title div h2::before{content: '';display: inline-block;width: 45px; height:45px;margin:0 5px 0 0;padding: 0 0 0px 0; vertical-align:middle; background:url("../img/submission02.png") no-repeat;background-position: 0% 0%; background-size:100% auto;}
    #program #title div h2::before{content: '';display: inline-block;width: 45px; height:45px;margin:0 5px 0 0;padding: 0 0 0px 0; vertical-align:middle; background:url("../img/program02.png") no-repeat;background-position: 0% 0%; background-size:100% auto;}
    #registration #title div h2::before{content: '';display: inline-block;width: 45px; height:45px;margin:0 5px 0 0;padding: 0 0 0px 0; vertical-align:middle; background:url("../img/registration02.png") no-repeat;background-position: 0% 0%; background-size:100% auto;}
    #venue #title div h2::before{content: '';display: inline-block;width: 42px; height:45px;margin:0 10px 0 0;padding: 0 0 0px 0; vertical-align:middle; background:url("../img/venue02.png") no-repeat;background-position: 0% 0%; background-size:100% auto;}
    #contact #title div h2::before{content: '';display: inline-block;width: 45px; height:45px;margin:0 5px 0 0;padding: 0 0 0px 0; vertical-align:middle; background:url("../img/contact02.png") no-repeat;background-position: 0% 0%; background-size:100% auto;}
    
    main section{width:80%;margin:30px auto 0px auto;}
    main section h3{margin: 0 auto 10px auto;padding: 8px 2% 5px 2%;font-weight: normal;font-size:18px;letter-spacing: 1px;color: white;background: #49c9bc}
    
    #scope_committee section h4{margin: 0 auto 0px auto;padding: 0px 0% 0px 0%;font-weight: normal;font-size:16px;letter-spacing: 1px;line-height: 34px;color: #033492;}
    #scope_committee section .text01{margin: 0 auto 20px auto;padding: 0 0;font-size:14px;letter-spacing: 1px;line-height: 26px;}
    #scope_committee section .text02{width: 96%; margin: 0 0 0px auto;padding: 0 0;font-size:14px;letter-spacing: 1px;line-height:26px;}
    
    #submission section .text01{ margin: 0 auto 0px auto;padding: 0 0;font-size:14px;letter-spacing: 1px;line-height:26px;}
    
    #program section .comingsoon{margin: 0 auto;padding: 0 0;font-size:16px;font-weight: bold;color: #B1B1B1; text-align: center}
    
    #registration .comingsoon{margin: 0 auto;padding: 0 0;font-size:16px;font-weight: bold;color: #B1B1B1; text-align: center}
    
    #contact .comingsoon{margin: 0 auto;padding: 0 0;font-size:16px;font-weight: bold;color: #B1B1B1; text-align: center}
    
    #venue section h4{width: 98%; margin: 10px 0 0px auto;padding: 0px 0% 0px 0%;font-size:16px;letter-spacing: 1px;line-height:26px;color: #033492;}
    #venue section figure{width: 100%; margin: 0 auto 10px auto;padding: 0 0;}
    #venue section figure img{width: 100%;}
    #venue section .text01{ margin: 0 auto;padding: 0 0;font-size:14px;letter-spacing: 1px;line-height:26px;text-indent:10px}
    #venue section .text02{ width: 98%; margin: 0 0 20px auto;padding: 0 0;font-size:14px;letter-spacing: 1px;line-height:26px;}
    #venue section .text03{width: 96%; margin: 0 0 0px auto;padding: 0 0;font-size:14px;letter-spacing: 1px;line-height:26px;}
}