body{
        background-color: #ededed;
        font-family: Microsoft JhengHei;
        min-width: 320px;
    }
    #pic_QA{
        margin-top: 82px;
    }
    #menu_box {margin: 0 auto;}
    #pic_suggest{
        margin-top:60px;
        padding: 0;
        min-height: 100%;
        background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        -o-background-size: contain;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: center;
    }
    #container_box{
    /* border-top:1px black dotted;*/
        margin: 0 auto;
        width: 100%;
        height: auto;
        margin-top: 56px;
    }
    /*menu*/
   
    .video_div{
        width:28%;
        height:auto;
        float:left;
        background-color:white;
        padding:5px;
        margin-right:5%;
        margin-bottom:5%;
    }
    #teach_box{
        padding-left:5%;
    }
    /*以下為RWD*/ 
    @media screen and (min-width: 1025px){
         .video_div{
            min-width:300pt;
        }
    }
     @media screen and (min-width:1475px) and (max-width: 1525px){
       #video_02{
           margin-bottom:1% !important;
       }
       .video_div{
        background-color:white;
        padding:5px;
        margin-right:4%;
        margin-bottom:4%;
       }
    }
    @media screen and (min-width:1427px) and (max-width: 1474px){
       .video_div{
        background-color:white;
        padding:5px;
        margin-right:3%;
        margin-bottom:3%;
       }
    }
    @media screen and (min-width:1383px) and (max-width: 1426px){
       .video_div{
        background-color:white;
        padding:5px;
        margin-right:2%;
        margin-bottom:2%;
       }
    }
     @media screen and (min-width:1363px) and (max-width: 1383px){
        #teach_box{
        padding-left:4%;
    }
        .video_div{
        background-color:white;
        padding:5px;
        margin-right:2%;
        margin-bottom:2%;
       }
    }
       @media screen and (min-width:1330px) and (max-width: 1363px){
        #teach_box{
        padding-left:17%;
        }
        .video_div{
        background-color:white;
        padding:5px;
        margin-right:5%;
        margin-bottom:5%;
       }
    }
       @media screen and (min-width:1308px) and (max-width: 1329px){
        #teach_box{
        padding-left:16%;
        }
        .video_div{
        background-color:white;
        padding:5px;
        margin-right:5%;
        margin-bottom:5%;
       }
    }
        @media screen and (min-width:1280px) and (max-width: 1307px){
        #teach_box{
        padding-left:16%;
        }
        .video_div{
        background-color:white;
        padding:5px;
        margin-right:5%;
        margin-bottom:5%;
       }
    }
        @media screen and (min-width:1225px) and (max-width: 1279px){
        #teach_box{
        padding-left:15%;
        }
        .video_div{
        background-color:white;
        padding:5px;
        margin-right:5%;
        margin-bottom:5%;
       }
    }
         @media screen and (min-width:1200px) and (max-width: 1224px){
        #teach_box{
        padding-left:14%;
        }
        .video_div{
        background-color:white;
        padding:5px;
        margin-right:5%;
        margin-bottom:5%;
       }
    }
          @media screen and (min-width:1187px) and (max-width: 1199px){
        #teach_box{
        padding-left:13%;
        }
        .video_div{
        background-color:white;
        padding:5px;
        margin-right:5%;
        margin-bottom:5%;
       }
    }
        @media screen and (min-width:1160px) and (max-width: 1186px){
        #teach_box{
        padding-left:12%;
        }
        .video_div{
        background-color:white;
        padding:5px;
        margin-right:5%;
        margin-bottom:5%;
       }
    }
       @media screen and (min-width:1130px) and (max-width: 1159px){
        #teach_box{
        padding-left:10%;
        }
        .video_div{
        background-color:white;
        padding:5px;
        margin-right:5%;
        margin-bottom:5%;
       }
    }

          @media screen and (min-width:1100px) and (max-width: 1129px){
        #teach_box{
        padding-left:10%;
        }
        .video_div{
        background-color:white;
        padding:5px;
        margin-right:5%;
        margin-bottom:5%;
       }
    }
             @media screen and (min-width:1050px) and (max-width: 1099px){
        #teach_box{
        padding-left:10%;
        }
        .video_div{
        background-color:white;
        padding:5px;
        margin-right:5%;
        margin-bottom:5%;
       }
    }
                    @media screen and (min-width:1025px) and (max-width: 1049px){
        #teach_box{
        padding-left:8%;
        }
        .video_div{
        background-color:white;
        padding:5px;
        margin-right:5%;
        margin-bottom:5%;
       }
    }
     
    @media screen and (min-width:1002px) and (max-width: 1024px){
        #container_box{
            width:auto;
        }  
        #teach_box{
              padding-left:7.5%;
        }
         .video_div{
            width:300pt !important; 
        }
    }
     @media screen and (min-width:769px) and (max-width: 1001px){
        #teach_box{
              padding-left:25%;
        }
         #video_02{
           margin-bottom:1% !important;
       }
        .video_div{
            width:300pt !important; 
        } 
    }
    @media screen and (min-width: 668px) and (max-width:768px){
        #container_box{
            width: 88%;
        }
        #teach_box{
            padding-left:21%;
        }
        section{
            width:100% !important;
        }
         .video_div{
            width:300pt !important; 
        }
    }
    @media screen and (min-width: 569px) and (max-width:667px){
        #container_box{
            width: 88%;
        }
        #teach_box{
            padding-left:16%;
        }
         .video_div{
            width:300pt !important; 
        }
    }
     @media screen and (min-width: 415px) and (max-width:568px){
        #container_box{
            width: 88%;
        }
        #teach_box{
            padding-left:10%;
        }
         .video_div{
            width:300pt !important; 
        }
    }
    @media screen and (min-width:376px) and (max-width: 414px) {
        #teach_box{
          padding-left:2%;
        }
        .video_div{
            width:300pt !important; 
        }
    }
    @media screen and (min-width:361px) and (max-width: 375px) {
        #teach_box{
          padding-left:1%;
        }
        .video_div{
            width:275pt !important; 
        }
    }
    @media screen and (min-width:321px) and (max-width: 360px) {
        #teach_box{
              padding-left:0;
        }
        .video_div{
              width:270pt !important;   
        }
    }  
    @media screen and (max-width: 320px) {
      #teach_box{
        padding-left:0;
      }
      .video_div{
        width:240pt !important;
        margin-bottom:50px;
      }
    }