@media screen and (max-width:1200px){
	/* header { height: 760px;} */
	header .pic {top: -30px;right: -150px;width: 700px;height: 464px;}
	header .brand img {width: 80%;}
	.insideheader { height: 450px;}
	header.insideheader .pic {top: 0px;right: -120px;width: 550px;height: 364px;}
	header.insideheader:before {top: 0;width: 200px;height: 440px;}
	header.insideheader:after {right: 15%;width: 450px;height: 196px;}
	.speakerItem.overheight.test .caption p {height: auto;}
	.speakerItem.overheight.test .caption h3 {height: auto;}
/*	.sponsor {height: 400px;}*/
}
@media screen and (max-width:991px){
	header .brand {margin-top: 30%;}
	header.insideheader .brand {margin-top: 80px;}
	.signup_list .title {display: none;}
	.signup_list .list {line-height: inherit; margin-bottom: 10px;}
	.signup_list p { font-size: 15px;text-align: center;margin: 0 0 15px 0;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: rgba(255,255,255,0.3);
padding-bottom: 10px;}
	.signup_list h4 {font-size: 24px;}
	.signup_list h4 span {font-size: 16px;}
	.signup_list p span {font-size: 24px;}
	.signup_list .btn{margin: 5px 0;}
	
	.videobox { margin-bottom: 10px;}
/*	.sponsor {height: 480px;}*/
	
	.timeline.col-md-6 {height: auto;}
	.timeline.col-md-4 {height: auto;}	
	
	.speakerItem.overheight.test .caption p {height: 50px;}
	.speakerItem.overheight.test .caption h3 {height: 60px;}
	.speakerItem .caption h3.season {font-size:20px;}
	#exTab .nav-pills {
		justify-content: center;
	}
	#exTab .nav-pills > li {
		width: calc(32% - 10px);
	}
	#exTab .nav-pills > li > a {
		width: 100%;
	}
	h3.tab3 {
		font-size: 31px;
	}
}
@media screen and (max-width:768px){
	/* header { height: 880px;} */
	header .brand {margin-top: 45%;}
	header .brand h2 {font-size: 42px;padding-left: 15px;}
	.insideheader { height: 300px;}
	header.insideheader .brand img {width: 50%;}
	header.insideheader .pic {right: -60px;width: 400px;height: 265px;}
	header.insideheader:before {width: 150px;height: 330px;}
	header.insideheader:after {width: 300px;height: 130px;}
	header .slogan-content {
		display: flex;
		padding: 0 50px;
		justify-content: center;
		align-items: center;
	}
	header .slogan-content .sloganbox > div {
		margin-top: 15px;
	}
	header .slogan-content .sloganbox .slogan-eng {
		width: 100%;
	}
	header .slogan-content .sloganbox .slogan-tw {
		width: 57%;
		margin-right: 12px;
	}
	header .slogan-content .sloganbox .slogan-star {
		width: 7.6%;
	}
	.left-offcanvas .container{
		padding: 12px 22px;
		display: flex;
		justify-content: space-between;
	}

	.sponsorBox dt {display:block; text-align: center;vertical-align:middle;width: 100%;}
	.sponsorBox dl {text-align: center;}
	
	.signup_list .list5 .linktext {display: inline-block; margin-left: 15px;}
	.filter button {width: 24%;padding:  10px 20px;font-size: 21px;}
	
/*	.sponsor {height: auto;}	*/
	.sponsorBox .h100 {height: auto;float: none;}
	#exTab .nav-pills > li > a {
		padding: 8px 0;
		font-size: 18px;
	}
	#exTab .nav-pills > li {
		margin-right: 10px;
	}
	#year {
		margin-top: 10px;
	}
}
@media screen and (max-width:465px){
	section {padding: 50px 0;}
	.pageheader h2 {font-size: 44px;}
	.pageheader h2 span {font-size: 21px;}
	
	#signup-success .pageheader { padding-top: 15px; margin-bottom: 5px;}
	#signup-success .agendainfo {margin: 10px 0 20px;}
	#signup-success .agendainfo h2 {font-size: 24px; margin-bottom: 10px;}
	#signup-success .agendainfo h3 {font-size: 13px;}
	#signup-success .agendainfo .highlight {font-size: 18px;}
	.noticBox hr { margin: 10px 0;}
	.fixedBar {display: none;}
	
	section h2.subtitle {font-size: 27px;}
	.down_btn { bottom: 5%;}
	.social-icons {margin-top: 8px;}
	/* header { height: 650px;} */
	header .pic {top: -5px;right: -75px;width: 370px;height: 240px;}
	header:before {width: 200px;height: 440px;}
	header:after {width: 455px;height: 198px;}
	header .brand img {width: 100%;}
	header .brand {margin-top: 190px;}
	header .brand h2 {font-size: 36px;padding-left: 10px;margin-top: 0;}
	
	.insideheader { height: 220px;}
	header.insideheader .brand {margin-top: 60px;}
	header.insideheader .brand img {width: 65%;}
	header.insideheader .pic {top: 28px; right: -38px;width: 230px;height: 153px;}
	header.insideheader:before {width: 80px;height: 176px;}
	header.insideheader:after {width: 150px;height: 65px;}
	.pageheader h3 {
    text-align: center;font-size: 32px; line-height: 1.3;}
	header .brand .btn-more { display: block; margin-left: 0;}
	#about .essay h4 {font-size: 20px;line-height: 1.4;}
	#about .essay p {font-size: 17px;}
	
	.speakerItem .pic {width: 130px;height: 130px;}
	.speakerItem .caption {margin: 10px auto 10px auto; height: 115px;}
	.speakerItem .caption h3 { font-size: 18px;}
	.speakerItem .caption h3 span {font-size: 16px;}
	.speakerItem .caption h3.season {font-size:18px;}
	.speakerItem.overheight .caption h3 {height: 45px;}
	.speakerItem.overheight .caption p {height: 45px;overflow: hidden;font-size: 15px; line-height: 1.4;}
	.speakerItem.overheight.test .caption p, .speakerItem.overheight.test .caption h3 {height: 45px;}
	.speakerItem .btn {width: 100%;font-size: 15px;}
	.speakerItem .btn-href.href {width: 48%; padding: 6px 3px; margin-bottom: 0px;}
	.speakerItem .btn-third {padding: 6px; margin-bottom: 5px;}
	.speakerItem .btn-third.href {width: 48.7%; padding: 6px 3px; margin-bottom: 5px;}
	.speakerItem .caption p { height: 45px;}
	.speakerItem .caption p.longtext {height: auto;}
	.speakerItem .btn-href { margin-bottom: 5px;}
	.shoppingItem .caption h2 {font-size: 18px; height: 50px;}
	.shoppingItem .pricebox:after {font-size: 19px;right: 5px;}
	.sponsorBox .logoSM img {height: 45px;}
	.sponsorBox .free img {height: 35px;}
	
	.featureWrap .linkbtn { margin-top: 25px;}
	.linkbtn button { width: 49%; padding: 10px 20px;}

	#videos .owl-stage, #videos1 .owl-stage {margin-left: -25px;}
	#video-owl .owl-nav button.owl-next {right: -30px;}
	#video-owl .owl-nav button.owl-prev {left: -30px;}
	.videoGroup .videolist .videoInfor .title span {font-size: 14px;}
	.videoGroup .videolist .videoInfor .title {font-size: 17px;line-height: 1.3;}
	.videoItem {margin: 10px 0;}
	.livebtn {margin-top: 5px;padding: 8px 10px; display: block;}
	#video-live {background-attachment: inherit;}
	.live h2 {font-size: 24px; margin-top: 10px;}
	.live h2 span { display: block; }
	.live img {width: 100px;}
	
	.agendainfo h2 {font-size: 27px;}
	.agendainfo h3 {font-size: 16px;}
	.agendainfo .highlight {font-size: 21px;}
	
	.filter button {width: 48%; font-size: 17px; padding: 8px 12px;}
/*	#taipei {margin-top: 10px;}*/
	.timeline dl {padding: 10px;}
	.portfolio-modal .modal-body {padding: 0;}
	.timeline dl dd .eduall li {padding: 10px 0 5px 0;}
	.portfolio-modal .modal-content {padding: 60px 0;}
	.portfolio-modal .close-modal {width: 50px;height: 50px;}
	.portfolio-modal .close-modal .lr {height: 50px;}
	.portfolio-modal .close-modal .lr .rl {height: 50px;}
	.map {display: none;}
	
	.signup_list .btn{ width: 100%; }
	#notic {padding: 0 0 15px ;}
	.noticBox h3 {font-size: 24px;}
	.gift h3 {font-size: 16px;}
}	
@media screen and (max-width:375px){
	/* header { height: 100vh;} */
	header .brand {margin-top: 200px;}
	header.insideheader .brand {margin-top: 70px;}
	.shoppingItem { margin: 0px -9px 15px -9px;}
	.noticBox h3 {font-size: 21px;}
	.table {font-size: 16px;}
	.speakerItem .btn-href.href {width: 48.5%; padding: 8px 0px; font-size: 12px;}
	.speakerItem .btn-third.href {width: 48.5%; padding: 8px 0px; font-size: 12px;}
}
@media screen and (max-width:320px){
	.insideheader { height: 180px;}
	.pageheader h2 {font-size: 38px;}
	header.insideheader .brand {margin-top: 60px;}
	.agendainfo h2 {font-size: 24px;}
	.featureItem .icon {width: 120px;height: 120px;font-size: 17px;padding-top: 25px;}
	.speakerItem {margin-left: -10px;margin-right: -10px;}
	.speakerItem .caption h3 span { display: none;}
	.speakerItem .caption h3, .speakerItem .caption h3.season { font-size: 17px;}
	.speakerItem.overheight .caption h3 {height: auto;}
	.speakerItem.overheight.test .caption h3 {height: auto;}
	.shoppingItem .caption h2 {font-size: 17px;}
	.shoppingItem .pricebox:after { display: none;}
	.speakerItem .caption { height: 105px;}
	.table {font-size: 15px;}	
	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding: 5px;}
}