﻿            #WrapC{
                width:1200px;
                margin: 80px auto 80px;
            }
            #WrapC .contentUp{
                 max-height:300px;
            }

            #WrapC .contentDown{
                margin:60px 0 30px;
            }
            #WrapC .col-2{
                width:33.333%;
                float:left
            }

                        #WrapC .col-5{
                width:400px;
                float:left
            }

            #WrapC .Cmiddle{
                width:90%;
                margin:0 auto;
            }
            #WrapC .Cmiddle1{
                width:29%;
                margin:0 auto;
                float:left;
                margin:0 2%;
            }
            .Cmiddle .Cup{
               margin-bottom:25px;
            }
            #WrapC .Cmiddle .col-2{
                width:33%;
                float:left
            }
                        #WrapC .Cmiddle1 .col-2{
                width:33%;
                float:left
            }
            #WrapC .Cmiddle .col-2 a{
                display:inline-block;
            }
                        #WrapC .Cmiddle1 .col-2 a{
                display:inline-block;
            }
	    .video-container {
                position: relative;
                padding-bottom: 54.25%;
                padding-top: 30px; height: 0; overflow: hidden;
            }
 
            .video-container iframe,
            .video-container object,
            .video-container embed {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

.col-2{
    width:50%;
}
.col-1{
    width:100%;
}

/**/
.df{
    width:100%;
}
.tt{
    text-align:center;border-bottom:1px dashed #c2c2c2;
    padding:10px 0;
}
.nleft{
    width:25%;
    float:left;
}
.nright{
    width:75%;
    float:right;   
}
.nright a{
    color: #ff8000;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-family: '微軟正黑體';
}
.nright span{

}

@media only screen and (max-width:1200px ) {
    #WrapC{
          width:1200px;
                          margin: 80px auto 80px;
    }
    #WrapC .col-2{
          width:100%;
          float:right;
    }

        #WrapC .col-5{
          width:100%;
          float:right;
    }

}
@media only screen and (max-width:1390px ) {
    #WrapC{
          width:1024px;
          margin: 80px auto 80px
    }

    .Cmiddle .Cup{
        margin-bottom:30px;
    }
    #WrapC .Cmiddle .col-2{
        
    }
        #WrapC .Cmiddle1 .col-2{
        
    }
    #WrapC .contentUp .C3{
        text-align:center;
        width:100%;
        margin:0 auto;
    }
    #WrapC .contentUp .C2{
        margin-top:50px;
    }
    #WrapC .contentUp .C1,#WrapC .contentUp .C2{
        width:49.9%;
        margin-bottom:30px;
    }



    #WrapC .contentUp .C3 .C3up,#WrapC .contentUp .C3 .C3down{
        padding:0 0 0;
        text-align:center;
        float:left;
        width:50%;
    }

}
@media only screen and (max-width:1390px ) {
                                #WrapC .contentUp .C1{
        width:100%;
        margin-bottom:30px;
    }
    #WrapC .contentUp .C2{
        width:100%;
        margin-top:30px;
margin:0 auto;
    }
                 
}

@media only screen and (max-width:1330px ) {
                   
}
@media only screen and (max-width:1124px ) {
    #WrapC{
        width:90%;
        margin:0 auto;
        margin-bottom:80px;
    }

    #WrapC .contentUp .C1,#WrapC .contentUp .C2{
        width:100%;
        
    }
                   
}
@media only screen and (max-width:1199px ) {
   
                   

}
/*@media only screen and (max-width:1024px ) {
    #WrapC{
        width:90%;
        margin:0 auto;
    }

    #WrapC .contentUp .C1,#WrapC .contentUp .C2{
        width:100%;
        
    }
}*/
@media only screen and (max-width:783px ) {

    #WrapC .contentUp .C3 .C3up, #WrapC .contentUp .C3 .C3down{
        margin:15px 0;
        width:100%;
    }
    #WrapC .contentUp .C1,#WrapC .contentUp .C2{
        width:100%;
        margin-bottom:30px;
    }

}
@media only screen and (max-width:768px ) {
    
 
}
@media only screen and (max-width:478px ) {
    #WrapC .Cmiddle1{
                width:100%;
                margin:0 auto;
            }
}
@media only screen and (max-width:380px ) {
    .img_a{/*width:250px;*/
          /*margin-top:10px;*/
    }

                
}
