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

/*======================================電腦版=======================================*/
@media only screen and (min-width:1000px){
.top_bar{width:100%;height:50px;float:left;background-color:#FFFFFF;border-bottom:1px solid #cccccc;}
.main_menu_block{width:1024px;height:50px;margin:0 auto;position:relative;z-index:999;}
.logo{width:120px;height:30px;float:left;margin-top:0.7em;}
.main_menu{width:650px;height:50px;float:right;margin-left:10%;}
.slimmenu li{width:15%;height:50px;}
#nav-btn,.sub-menu{
display: none;
font-size:0.5em;
}
.menu-plus{
font-size:1.2em;
/* margin:0 10px 0 -5px; */
padding:0px;
}
.sub-menu li a
{margin-left:10px;}
.nav>.menu {
display: block !important;
}

/*第一層選單*/
.nav>ul>li{ 
float: left;
margin-left:15px;
padding-left: 15px;
line-height: 3.2em;
border-left:1px solid #e2e2e2;
}
ul .sub-menu
{border:1px solid #ccc;
border-left:0;
margin-left:-1.5em;}
.news_bg_mobile, .exhibition_map_mobile
{display:none;}

.news_bg_pc
{width:100%;
height:auto;
float:left;
background-image:url(../img/news/news_bg_1.jpg);}

.news_block_pc
{width:1024px;
height:auto;
margin:0 auto;
padding-top:3em;}

.news_pic_pc
{width:360px;
height:167px;
margin:0 auto;
background-image:url(../img/news/Exhibitor_logo.png);
background-size: cover;
background-repeat:no-repeat;
padding-bottom:3em;}

.news_text_pc
{color:#333333;
text-align:center;}
.exhibition_map_pc
{margin:0 auto;
/* width:400px; */
}


/*======================================電腦版內容======================================*/

.cal-2{
    width: calc(100% / 2 - 30px);
    margin: 0px 15px;
    float: left;
}
.cont{
    width: 1050px;
    margin: auto;
    height: 806px;
    padding-top: 135px;
}
h1{
    text-align: center;
    padding-bottom: 30px;
    font-size: 20px;

}
.block{
    width: calc(100% / 3 - 30px);
    margin: 0px 15px;
    float: left;
    border: rgb(221, 221, 221) solid 1px;
    /* border-radius: 10px; */
    height: 200px;
    box-sizing: border-box;
    padding: 10px;
    margin-bottom: 30px;
    position:relative;
    transition:0.3s all;
    animation:slidein 0.3s  linear;
    
}

.block:hover{
    box-shadow: 5px 5px 10px grey;
    top:-3px;
    left:-3px;
}
.cont a{
    line-height:20px;
}
.time{
    width: 100px;
    float: left;
    font-size: 15px;
}
.from{
    text-align: center;
    font-size: 15px;
}
.pic{
    height: 110px;
    background-color: #878787;
    margin-top: 5px;
}
.title{
    margin-top: 5px;
    font-size: 15px;
    text-align: center;
}





}

/*========================================平板========================================*/
@media only screen and (min-width:481px) and (max-width:999px){
.top_bar{width:100%;height:50px;float:left;background-color:#FFFFFF;border-bottom:1px solid #cccccc;}
.logo{width:100px;height:30px;margin:0 auto;}
.main_menu_block{padding-top:10px;position:relative;z-index:999;}
.nav{float:left;margin:-30px 0 0 0;width:100%;}
.nav>ul>li{border-left:none;border-bottom:1px solid #e2e2e2;background-color:#ffffff;}
#nav-btn{margin-left:10px;}
.nav>ul,.sub-menu{
display: none;
}

.news_bg_pc, .exhibition_map_pc
{display:none;}

.news_bg_mobile
{width:100%;
min-height:300px !important;
padding-top:1.5em;
float:left;
background-image:url(../img/news/news_bg_1.jpg);
background-repeat:no-repeat;}

.news_pic_mobile
{width:300px;
height:84px;
margin:0 auto;
background:url(../img/news/Exhibitor_logo.png) 50% center no-repeat;
background-size:70%;
padding-bottom:3em;}

.news_text_mobile
{color:#333333;
text-align:center;}

.exhibition_map_mobile
{width:50%;
height:auto;
/* float:left; */
/* margin-left:2.5em; */
margin: auto;
}




/*=========================================平板內容========================================*/

.cal-2{
    width: calc(100% / 2 - 30px);
    margin: 0px 15px;
    float: left;
}
.cont{
    width: 750px;
    margin: auto;
    height: 806px;
    padding-top: 135px;
}
h1{
    text-align: center;
    padding-bottom: 30px;
    font-size: 20px;

}
.block{
    width: calc(100% / 2 - 30px);
    margin: 0px 15px;
    float: left;
    border: rgb(221, 221, 221) solid 1px;
    /* border-radius: 10px; */
    height: 210px;
    box-sizing: border-box;
    padding: 10px;
    margin-bottom: 30px;
    position:relative;
    transition:0.3s all;
    animation:slidein 0.3s  linear;
    
}

.block:hover{
    box-shadow: 5px 5px 10px grey;
    top:-3px;
    left:-3px;
}
.cont a{
    line-height:20px;
}
.time{
    width: 100px;
    float: left;
    font-size: 15px;
}
.from{
    text-align: center;
    font-size: 15px;
}
.pic{
    height: 110px;
    /* background-color: #878787; */
    margin-top: 5px;
    text-align: center;
}
.title{
    margin-top: 17px;
    font-size: 15px;
    text-align: center;
}








}

/*=========================================手機========================================*/
@media only screen and (max-width:480px){
.top_bar{width:100%;height:50px;float:left;background-color:#FFFFFF;border-bottom:1px solid #cccccc;}
.logo{width:100px;height:30px;margin:0 auto;}
.main_menu_block{padding-top:10px;position:relative;z-index:999;}
.nav{float:left;margin:-30px 0 0 0;width:100%;}
.nav>ul>li{border-left:none;border-bottom:1px solid #e2e2e2;background-color:#ffffff;}
#nav-btn{margin-left:10px;}
.nav>ul,.sub-menu{
display: none;
}

.news_bg_pc, .exhibition_map_pc
{display:none;}

.news_bg_mobile
{width:100%;
min-height:300px !important;
padding-top:1.5em;
float:left;
background-image:url(../img/news/news_bg_1.jpg);
background-repeat:no-repeat;}

.news_pic_mobile
{width:300px;
height:84px;
margin:0 auto;
background:url(../img/news/Exhibitor_logo.png) 50% center no-repeat;
background-size:70%;
padding-bottom:3em;}

.news_text_mobile
{color:#333333;
text-align:center;
width:90%;
margin:0 auto;
padding-bottom:1em;}

.exhibition_map_mobile
{width:100%;
height:auto;
/* float:left; */
/* margin-left:2.5em;*/
margin: auto;
} 



/*=========================================手機內容========================================*/

.cal-2{
    width: calc(100% / 2 - 30px);
    margin: 0px 15px;
    float: left;
}
.cont{
    width: 350px;
    margin: auto;
    height: 806px;
    padding-top: 135px;
}
h1{
    text-align: center;
    padding-bottom: 30px;
    font-size: 20px;

}
.block{
    width: calc(100% / 1 - 30px);
    margin: 0px 15px;
    float: left;
    border: rgb(221, 221, 221) solid 1px;
    /* border-radius: 10px; */
    height: 210px;
    box-sizing: border-box;
    padding: 10px;
    margin-bottom: 30px;
    position:relative;
    transition:0.3s all;
    animation:slidein 0.3s  linear;
    
}

.block:hover{
    box-shadow: 5px 5px 10px grey;
    top:-3px;
    left:-3px;
}
.cont a{
    line-height:20px;
}
.time{
    width: 100px;
    float: left;
    font-size: 15px;
}
.from{
    text-align: center;
    font-size: 15px;
}
.pic{
    height: 110px;
    background-color: #878787;
    margin-top: 5px;
}
.title{
    margin-top: 17px;
    font-size: 15px;
    text-align: center;
}





}