html {
-webkit-text-size-adjust: none;
}
.video embed,
.video object,
.video iframe {
width: 100%;
height: auto;
}
img{
max-width:100%;
height: auto;
width: auto\9; /* ie8 */
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
/* -------------------------------------------- */
/* ---------------Featured banner--------------- */
/* -------------------------------------------- */
/* ---------------Inquire 報名查詢--------------- */
.Inquire-box{width: 59.80%;}
.Inquire-box input{width: 63%;}
.Inquire-icon {width: 35%;}
/* -------------------------------------------- */
/* ---------------search 活動篩選---------------- */
#search .SelectStyle {height: 40px;width: 12%;margin-right: 1%;}
#search .date-box{width: 52%;}
#search .date-box li{width: 30%;margin-right: 10px;}
#search .date-box li span{width: 35%;font-size: 12pt;}
#search .date-box input{font-size: 13pt;max-width: 55%;}
/* -------------------------------------------- */
/* ------------------Content------------------- */
/* -------------------------------------------- */
/* ------------------Other-------------------- */
}
@media only screen and (max-width: 767px) {
/* -------------------------------------------- */
/* ---------------Featured banner--------------- */
.featured{padding-bottom: 15px;background-size: 100% auto;}
.featured .wrap-featured{border: 3px solid #FFFFFF;}
/* -------------------------------------------- */
/* ---------------Inquire 報名查詢--------------- */
.Inquire-box{width: 58.5%;}
.Inquire-box input{width: 63%;}
.Inquire-icon {width: 35%;}
/* -------------------------------------------- */
/* ------------------Content------------------- */
/*-- Info --*/
.event-intro-other li{width: 45%;margin-right: 5%;margin-bottom: 10px;margin-top: 10px;}
.event-intro-other li+li{margin-left: 0%;}
/*-- form --*/
.colleague {margin-left: 25%;}
.colleague .control-label {text-align: left;}
.form-default{width: 95%;margin-left: auto;margin-right: auto;}
/* -------- guest 來賓------------------- */
.guest .col-1-3{width:100%;position: relative;}
.guest-info-card{height:auto}
.guest-info-card :hover{border:2px solid transparent}
.guest-detail-info,.guest-info-card :hover .guest-default-info,.guest-info-card :hover .guest-detail-info{visibility:visible;opacity:1}
.guest-detail-info{position:relative;top:0;margin-top:0}
.guest-detail-info .guest-name{display:none}
.guest-avatar{width:100px;height:100px}
.guest-description{margin:0;height:auto}
.related-link{position:relative;margin:0;bottom:0;left:0}
.Introduction{width: 82%;}
.contact,.hot{width:87%;padding: 20px 4%;
}
/* -------------------------------------------- */
/* ------------------Other----------------*---- */
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
/* -------------------------------------------- */
/* ---------------Featured banner--------------- */
/* -------------------------------------------- */
/* ---------------Inquire 報名查詢--------------- */
.Inquire-box{width: 48%;}
.Inquire-box input{width: 50%;}
.Inquire-box a{ font-size:11pt;width: 30%;margin-left: 2%;}
.Inquire-icon {width: 45%;}
/* -------------------------------------------- */
/* ---------------search 活動篩選---------------- */
#search .SelectStyle {height: 40px;width: 31%;margin-left: 1%;margin-right: 0.5%;}
#search .date-box{width: 82%;margin-left: 2%;}
#search .date-box li{width: 32%;margin-right: 1%;}
#search .date-box li span{width: 35%;font-size: 12pt;}
#search .date-box input{font-size: 12pt;max-width: 55%;}
#search .icon a{width: 12%;}
/* -------------------------------------------- */
/* ------------------Content------------------- */
/* -------------------------------------------- */
/* ------------------Other----------------*---- */
}
@media only screen and (min-width: 480px) and (max-width: 620px) {
/* -------------------------------------------- */
/* ---------------Inquire 報名查詢--------------- */
.Inquire-box{width: 46%;}
/* -------------------------------------------- */
/* ---------------search 活動篩選---------------- */
#search .SelectStyle {height: 40px;width: 30%;margin-left: 2%;margin-right: 0.5%;}
}
@media only screen and (max-width: 479px) {
header{height: 210px;}
header #logo{top: 120px;}
.social{top:50px; right: 5px;}
/* -------------------------------------------- */
/* ---------------Featured banner--------------- */
.featured{
padding-bottom: 8px;
margin-bottom: 0px;
top: auto;
}
/* -------------------------------------------- */
/* ---------------Inquire 報名查詢--------------- */
.Inquire-box{width: 91.5%;position: static;top: 50px;}
.Inquire-box input{width: 60%;}
.Inquire-box a{ font-size:11pt;width: 20%;margin-left: 2%;}
.Inquire-icon {width: 100%;height: 50px;}
.Inquire-icon a{margin-top: 15px;margin-bottom: 15px;}
/* -------------------------------------------- */
/* ---------------search 活動篩選---------------- */
#search {width: 94%;margin-left: 3%;margin-right: 3%;}
#search .SelectStyle {height: 40px;width: 100%;margin-right: 0%;}
#search .date-box{width: 98%;margin-left: 2%;}
#search .date-box li{width: 100%;margin-right: 1%;margin-bottom: 10px;}
#search .date-box li span{width: 18%;font-size: 12pt;}
#search .date-box input{font-size: 12pt;max-width: 70%;width: 90%;}
#search .icon a{width: 100%;}
/* -------------------------------------------- */
/* ------------------Content------------------- */
.featured .wrap-featured,.top-banner .wrap-featured{
background: #333;
border: 0px solid #F1F1F1;
max-width: 100%;
}
/*-- form --*/
.form-group .col-lg-offset-1, .colleague {margin-left: 5%;}
.form-default{width: 95%;margin-left: auto;margin-right: auto;}
.form-group{margin-left: 5%;}
.form-group .col-1-5 {width: 100%;padding-right: 0%;}
.form-group .col-4-5 {width: 100%;}
.control-label {text-align: left;}
/* ------activity group 活動群組------------------- */
.block06 {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}
.block06 .wrap-col{
padding-top: 3%;
padding-right: 3%;
padding-bottom: 3%;
padding-left: 3%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
}
.block06 figure{
max-height: 150px;
overflow: hidden;
border: 1px solid #ebebeb;
width: 35%;
margin-top: 0px;
margin-bottom: 0px;
}
.block06 figure img {
overflow: hidden;
border: 1px solid #ebebeb;
width: 100%;
margin-top: 0px;
}
.block06 article{
margin-right: 2%;
min-height: 140px;
width: auto;
margin-left: 40%;
margin-top: -18%;
}
.block06 article .desc{
font-size: 10pt;
color: #6E6E6E;
margin-top: 5px;
margin-bottom: 0px;
line-height: 20px;
}
.block06 article .desc span{display: inline-block;width: 100%;}
.desc .icon-time,.desc .icon-map,.desc .icon-industry{
background-repeat: no-repeat;
padding-left: 20px;
background-position: left center;
}
/*-- title --*/
.title h1{line-height:36px;}
/*-- Info --*/
#Info ul{margin-top: 20px;}
#Info ul li{margin-top: 10px;}
.event-intro-other li{width: 100%;margin-right: 0%;margin-bottom: 10px;margin-top: 10px;}
.event-intro-other li+li{margin-left: 0%;}
/* -------------------------------------------- */
/* ------------------Other----------------*---- */
#showpage a{font-size:12px;margin-left:2px;border-radius:4px;padding:0 3%;}
#showpage .cpage{font-size:12px;margin-left:2px;border-radius:4px;padding:0 3%;}
/* button 活動群組-按鈕 */
article a.button-Signup,article a.button-Filled,article a.button-deadline{
font-size: 11pt;
width: 70px;
padding-top: 3px;
padding-bottom: 3px;
margin-right: 0%;
margin-left: 0%;
float: right;
margin-top: -10%;
z-index: 55;
position: relative;
}
article a.button-Signup:hover,article a.button-Filled:hover,article a.button-deadline:hover{font-size: 11pt;}
}
@media only screen and (max-width: 300px){
/* ---------------Inquire 報名查詢--------------- */
.Inquire-box{width: 100%;height: 70px;}
.Inquire-box input{width: 53%;}
.Inquire-box a{ font-size:10pt;width: 20%;margin-left: 2%;}
/*-- form --*/
.form-group .col-lg-offset-1, .colleague {margin-left: 5%;}
.Introduction{
width: 90%;
margin-left: 0px;
margin-right: 0px;
padding-left: 5%;
padding-right: 5%;
}
.contact,.hot{width:90%;padding: 20px 5%;}
}