/************************************************************************************
more than 800
*************************************************************************************/

@media screen and (min-width: 640px) {	
    #pagewrap {
        margin: 0 auto;
        max-width: 800px;
    }
    .header{
        height:80px;
        background:url("../images/logo.png") no-repeat center center;
        background-size:203px 52px;
    }
    .nav-tab ul li{
        height:60px;
        line-height:60px;
        font-size:1.2em;
    }
    .nav-tab ul li.selected{
        height:56px;
    }
    .title{
        padding:1.5em;
    }
    .title h1{
        font-size:1.5em;
    }
    .title a{
        width:24px;
        height:24px;
        background:url("../images/next2.png") no-repeat center center;
        background-size:24px 24px;
    }
    .mobile-box{
        padding:24px 0;
        width:84%;
    }
    .mobile-info h1{
        font-size:1.5em;
    }
    .mobile-info p{
        font-size:1.2em;
        line-height:2.25em;
    }
    .mobile-box div.go{
        margin-top:2.5em;
        width:36px;
        height:50px;
        background:url("../images/next.png") no-repeat center center;
        background-size:36px 50px;
    }
    .work-box table th{
        height:36px;
        line-height:36px;
        font-size:1em;
    }
    .work-box table td{
        height:39px;
        line-height:39px;
        font-size:1em;
    }
    .th img{
        margin:0 auto;
        margin-top:100px;
    }
    .th a.close{
        width:53px;
        height:53px;
        background:url("../images/close.png") no-repeat center center;
        background-size:53px 53px;
    }
    .stu-main ul{
        width:90%;
    }
    .stu-main ul li{
        margin-bottom:8px;
        /*background:url("../images/next3.png") no-repeat right 2% center;*/
        background-size:13px 22px;
        background-color:#f2f2f2;
    }
    .stu-info{
        margin-left:1em;
    }
    .stu-info h1{
        margin-top:1em;
        margin-bottom:1.2em;
        line-height:1.2em;
        font-size:1.2em;
    }
    .stu-info p{
        margin-top:1em;
        line-height:1em;
        font-size:1em;
    }
    .class-title{
        padding-top:20px;
        padding-bottom:20px;
        margin-bottom:30px;
        font-size:1em;
        line-height:3em;
        text-indent:2em;
    }
    .class-info{
        padding-bottom:20px;
    }
    .class-info h1{
        width:120px;
        height:40px;
        line-height:40px;
        font-size:1.2em;
    }
    .class-info ul{
        margin-top:20px;
    }
    .class-info ul li{
        line-height:48px;
    }
    .class-info ul li p{
        padding-left:1em;
        font-size:1em;
    }
    .class-table{
        padding-top:30px;

    }
    .class-table td{
        line-height:38px;
        font-size:1em;
    }
    .class-table td.td-2{
        line-height:30px;
        font-size:1em;
    }
    .class-table th{
        height:40px;
        line-height:40px;
        font-size:1.2em;
    }
    .tab_menu li{
        height:55px;
        line-height:55px;
        font-size:1.2em;
    }
    .goback{
        top:90px;
    }
    .back{
        width:52px;
        height:52px;
        background:url("../images/back.png") no-repeat center center;
        background-size:52px 52px;
    }
    .bottom-btn{
        height:80px;
    }
    .bottom-btn1{
        height:80px;
        background:url("../images/bottom-btn1.png") no-repeat center center;
        background-size:58px 58px;
    }
    .bottom-btn2{
        height:80px;
        background:url("../images/bottom-btn2.png") no-repeat center center;
        background-size:58px 58px;
    }
    #footer{
        padding:20px 0;
        padding-bottom:80px;
    }
    #footer p{
        font-size:1em;
        line-height:28px;
    }
}






/************************************************************************************
smaller than 640
*************************************************************************************/
@media screen and (max-width: 640px) {
    #pagewrap {
        margin: 0 auto;
        max-width: 100%;
    }
    .header{
        height:64px;
        background:url("../images/logo.png") no-repeat center center;
        background-size:162.4px 40px;
    }
    .nav-tab ul li{
        height:48px;
        line-height:48px;
        font-size:1em;
    }
    .nav-tab ul li.selected{
        height:44px;
    }
    .title{
        padding:1.3em;
    }
    .title h1{
        font-size:1.3em;
    }
    .title a{
        width:19.2px;
        height:19.2px;
        background:url("../images/next2.png") no-repeat center center;
        background-size:19.2px 19.2px;
    }
    .mobile-box{
        padding:19.2px 0;
        width:88%;
    }
    .mobile-info h1{
        font-size:1.2em;
    }
    .mobile-info p{
        font-size:1.0em;
        line-height:1.8em;

    }
    .mobile-box div.go{
        margin-top:2em;
        width:28.8px;
        height:40px;
        background:url("../images/next.png") no-repeat center center;
        background-size:28.8px 40px;
    }
    .work-box table th{
        height:28.8px;
        line-height:28.8px;
        font-size:0.8em;
    }
    .work-box table td{
        height:31.2px;
        line-height:31.2px;
        font-size:0.8em;
    }
    .th img{
        margin:0 auto;
        margin-top:80px;
    }
    .th a.close{
        width:42.4px;
        height:42.4px;
        background:url("../images/close.png") no-repeat center center;
        background-size:42.4px 42.4px;
    }
    .stu-main ul{
        width:92%;
    }
    .stu-main ul li{
        margin-bottom:6px;
        /*background:url("../images/next3.png") no-repeat right 2% center;*/
        background-size:10.4px 17.6px;
        background-color:#f2f2f2;
    }
    .stu-info{
        margin-left:1em;
    }
    .stu-info h1{
        margin-top:0.8em;
        margin-bottom:0.8em;
        line-height:1.1em;
        font-size:1.1em;
    }
    .stu-info p{
        margin-top:0.8em;
        line-height:0.9em;
        font-size:0.9em;
    }
    .star-table{
        height:500px;
    }
    .star-table2{
        height:300px;
    }
    .class-title{
        padding-top:15px;
        padding-bottom:15px;
        font-size:0.8em;
        line-height:2.4em;
        text-indent:1.6em;
    }
    .class-info{
        padding-bottom:15px;
    }
    .class-info h1{
        width:96px;
        height:32px;
        line-height:32px;
        font-size:1em;
    }
    .class-info ul{
        margin-top:15px;
    }
    .class-info ul li{
        line-height:38px;
    }
    .class-info ul li p{
        padding-left:1em;
        font-size:0.8em;
    }
    .class-table{
        padding-top:24px;

    }
    .class-table td{
        line-height:30.4px;
        font-size:0.8em;
    }
    .class-table td.td-2{
        line-height:24px;
        font-size:0.8em;
    }
    .class-table th{
        height:32px;
        line-height:32px;
        font-size:1em;
    }
    .tab_menu li{
        height:44px;
        line-height:44px;
        font-size:1em;
    }
    .goback{
        top:70px;
    }
    .back{
        width:42px;
        height:42px;
        background:url("../images/back.png") no-repeat center center;
        background-size:42px 42px;
    }
    .bottom-btn{
        height:64px;
    }
    .bottom-btn1{
        height:64px;
        background:url("../images/bottom-btn1.png") no-repeat center center;
        background-size:43px 43px;
    }
    .bottom-btn2{
        height:64px;
        background:url("../images/bottom-btn2.png") no-repeat center center;
        background-size:46.4px 46.4px;
    }
    #footer{
        padding:15px 0;
        padding-bottom:64px;
    }
    #footer p{
        font-size:0.8em;
        line-height:20px;
    }
}





/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {
	/*.fix-box{	
		width: 480px;
	}*/
    #pagewrap {
        margin: 0 auto;
        width: 100%;
    }
    .header{
        height:48px;
        background:url("../images/logo.png") no-repeat center center;
        background-size:121.8px 31.2px;
    }
    .nav-tab ul li{
        height:36px;
        line-height:36px;
        font-size:0.8em;
    }
    .nav-tab ul li.selected{
        height:32px;
    }
    .title{
        padding:1.1em;
    }
    .title h1{
        font-size:1.1em;
    }
    .title a{
        width:14.4px;
        height:14.4px;
        background:url("../images/next2.png") no-repeat center center;
        background-size:14.4px 14.4px;
    }
    .mobile-box{
        padding:14.4px 0;
        width:96%;
    }
    .mobile-info h1{
        font-size:1.1em;
    }
    .mobile-info p{
        font-size:0.8em;
        line-height:1.6em;
    }
    .mobile-box div.go{
        margin-top:1.5em;
        width:21.6px;
        height:30px;
        background:url("../images/next.png") no-repeat center center;
        background-size:21.6px 30px;
    }
    .work-box table th{
        height:21.6px;
        line-height:21.6px;
        font-size:0.6em;
    }
    .work-box table td{
        height:23.4px;
        line-height:23.4px;
        font-size:0.6em;
    }
    .th img{
        margin:0 auto;
        margin-top:60px;
    }
    .th a.close{
        width:31.8px;
        height:31.8px;
        background:url("../images/close.png") no-repeat center center;
        background-size:31.8px 31.8px;
    }
    .stu-main ul{
        width:94%;
    }
    .stu-main ul li{
        margin-bottom:4px;
        /*background:url("../images/next3.png") no-repeat right 2% center;*/
        background-size:7.8px 13.2px;
        background-color:#f2f2f2;
    }
    .stu-info{
        margin-left:0.6em;
    }
    .stu-info h1{
        margin-top:0.5em;
        margin-bottom:1em;
        line-height:0.9em;
        font-size:0.9em;
    }
    .stu-info p{
        margin-top:0.5em;
        line-height:0.7em;
        font-size:0.7em;
    }
    .star-table{
        height:500px;
    }
    .star-table2{
        height:200px;
    }
    .class-title{
        padding-top:10px;
        padding-bottom:10px;
        font-size:0.6em;
        line-height:2em;
        text-indent:1.2em;
    }
    .class-info{
        padding-bottom:10px;
    }
    .class-info h1{
        width:72px;
        height:24px;
        line-height:24px;
        font-size:0.8em;
    }
    .class-info ul{
        margin-top:10px;
    }
    .class-info ul li{
        line-height:28px;
    }
    .class-info ul li p{
        padding-left:1em;
        font-size:0.6em;
    }
    .class-table{
        padding-top:24px;

    }
    .class-table{
        padding-top:18px;

    }
    .class-table td{
        line-height:22.8px;
        font-size:0.6em;
    }
    .class-table td.td-2{
        line-height:18px;
        font-size:0.6em;
    }
    .class-table th{
        height:24px;
        line-height:24px;
        font-size:0.7em;
    }
    .tab_menu li{
        height:33px;
        line-height:33px;
        font-size:0.8em;
    }
    .goback{
        top:60px;
    }
    .back{
        width:31px;
        height:31px;
        background:url("../images/back.png") no-repeat center center;
        background-size:31px 31px;
    }
    .bottom-btn{
        height:48px;
    }
    .bottom-btn1{
        height:48px;
        background:url("../images/bottom-btn1.png") no-repeat center center;
        background-size:34.8px 34.8px;
    }
    .bottom-btn2{
        height:48px;
        background:url("../images/bottom-btn2.png") no-repeat center center;
        background-size:34.8px 34.8px;
    }
    #footer{
        padding:10px 0;
        padding-bottom:48px;
    }
    #footer p{
        font-size:0.6em;
        line-height:16px;
    }
}



/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {
	/*.fix-box{	
		width: 320px;
	}*/
    #pagewrap {
        margin: 0 auto;
        width: 100%;
        min-width:320px;
    }
    .header{
        height:48px;
        background:url("../images/logo.png") no-repeat center center;
        background-size:121.8px 31.2px;
    }
    .nav-tab ul li{
        height:36px;
        line-height:36px;
        font-size:0.8em;
    }
    .nav-tab ul li.selected{
        height:32px;
    }
    .title{
        padding:1.1em;
    }
    .title h1{
        font-size:1.1em;
    }
    .title a{
        width:14.4px;
        height:14.4px;
        background:url("../images/next2.png") no-repeat center center;
        background-size:14.4px 14.4px;
    }
    .mobile-box{
        padding:14.4px 0;
        width:94%;
    }
    .mobile-info h1{
        font-size:0.9em;
    }
    .mobile-info p{
        font-size:0.8em;
        line-height:1.3em;
    }
    .mobile-box div.go{
        margin-top:1.0em;
        width:21.6px;
        height:30px;
        background:url("../images/next.png") no-repeat center center;
        background-size:21.6px 30px;
    }
    .th img{
        margin:0 auto;
        margin-top:60px;
    }
    .th a.close{
        width:25px;
        height:25px;
        background:url("../images/close.png") no-repeat center center;
        background-size:25px 25px;
    }
    .stu-main ul{
        width:96%;
    }
    .stu-main ul li{
        margin-bottom:4px;
        /*background:url("../images/next3.png") no-repeat right 2% center;*/
        background-size:7.8px 13.2px;
        background-color:#f2f2f2;
    }
    .stu-info{
        margin-left:0.6em;
    }
    .stu-info h1{
        margin-top:0.5em;
        margin-bottom:1em;
        line-height:0.9em;
        font-size:0.9em;
    }
    .stu-info p{
        margin-top:0.5em;
        line-height:0.7em;
        font-size:0.7em;
    }
    .star-table{
        height:500px;
    }
    .star-table2{
        height:200px;
    }
    .class-title{
        padding-top:10px;
        padding-bottom:10px;
        font-size:0.6em;
        line-height:2em;
        text-indent:1.2em;
    }
    .class-info{
        padding-bottom:10px;
    }
    .class-info ul{
        margin-top:10px;
    }
    .class-info ul li{
        line-height:28px;
    }
    .class-info ul li p{
        padding-left:1em;
        font-size:0.6em;
    }
    .class-table{
        padding-top:18px;
    }
    .class-table td{
        line-height:22.8px;
        font-size:0.6em;
    }
    .class-table td.td-2{
        line-height:18px;
        font-size:0.6em;
    }
    .class-table th{
        height:24px;
        line-height:24px;
        font-size:0.7em;
    }
    .tab_menu li{
        height:33px;
        line-height:33px;
        font-size:0.8em;
    }
    .goback{
        top:60px;
    }
    .back{
        width:31px;
        height:31px;
        background:url("../images/back.png") no-repeat center center;
        background-size:31px 31px;
    }
    .bottom-btn{
        height:48px;
    }
    .bottom-btn1{
        height:48px;
        background:url("../images/bottom-btn1.png") no-repeat center center;
        background-size:34.8px 34.8px;
    }
    .bottom-btn2{
        height:48px;
        background:url("../images/bottom-btn2.png") no-repeat center center;
        background-size:34.8px 34.8px;
    }
    #footer{
        padding:10px 0;
        padding-bottom:48px;
    }
    #footer p{
        font-size:0.6em;
        line-height:16px;
    }
}