/*2018.07.01*/

/* ==================================================
   container修改效果
================================================== */
@media (max-width: 767px) {  /*xs*/
	 .container {
		width:95%;
	}
}
@media (min-width: 768px) {
	 .container {
		width: 700px;
	}
}
@media (min-width: 992px) {
	 .container {
		width: 880px;
	}
}
@media (min-width: 1200px) {
	 .container {
		width: 1060px;
	}
}
@media (min-width: 1400px) {
	 .container {
		width: 1200px;
	}
}


/* ==================================================
   RWD效果
================================================== */
@media (max-width: 767px) {  /*xs*/
	xxx.homeNews {
		padding: 20px 0;
		padding-bottom:0;
	}
	xxx.homeNews ol.datelist li .dateCT {
		padding-bottom:5px;
	}	
	body {
		padding-top:75px;	
	}		
	body, p, .form-control {
		font-size:15px;	
	}	
	.h1, .h2, .h3, .h4, .h5, .h6,
	h1, h2, h3, h4, h5, h6,
	label, th,
	b, strong {
		font-weight:normal;
	}
	h1, .h1 {
		font-size:21px;
	}
	.container-fluid h1 {
		font-size:25px; 
	}	
	h2, .h2 {
		font-size: 19.5px;
	}
	h3, .h3 {
		font-size:17.5px; 
	}
	h4, .h4 {
		font-size: 17px; 
	}
	h5, .h5 { 
		font-size:16.25px;
	}
	h6, .h6 {
		font-size: 15.5px;
	}	
	/*手風琴*/
	.faq .clearfix {
		margin-bottom:20px;
	}
	.panel-group.faq>h5 {
		margin-top:0;
	}	
	.panel-group .panel.style1 {
		margin:0 0 5px 10px;
	}	
	.style1 .panel-body {
		padding:10px 20px 0;
	}	
	/*每頁所在處大標*/
	.page-header {
		margin:30px 0 15px;
	}	
	.page-header ul.item li a.dropdown-toggle {
		font-size: 14px;
	}		
	ol.area-hover li:hover,
	div.area-hover:hover {
		background-color: transparent;
	}
	ol.datelist li .date h2 {
		font-size: 27px;
	}	
	ol.datelist li .dateCT {
		padding:0 15px;
	}
	ol.datelist > li .newsPIC {
		width:100%;
		padding:0;
		margin-bottom:10px;
	}
	ol.datelist > li .newsPIC img {
		max-width:380px;
		width:100%;
	}	
	ol.datelist > li {
		border-bottom:#ddd solid 1px; /*細線*/
	}	
	ol.datelist li .dateCT h5 {
		margin-top:0;
	}	
	.kvPaper {
		padding:30px 0 30px;
	}	
	.kvPaper ol.datelist li h5 {
		margin-top:0;
	}
	.kvPaper ol.datelist li h6 {
		margin-top:-5px;
		padding:0 15px;
	}		
	.kvPaper ol.datelist li .col-sm-9 {
		padding-left:35px;
	}	
	/*漸層色*/
	xxxx.bgGradient {
		background-color:#32a6dc;/*漸層色不支援IE時使用這行*/
		background: -moz-linear-gradient(left, #32a6dc 30%, #32c8be 100%); 
		background: -webkit-linear-gradient(left, #32a6dc 30%, #32c8be 100%);
		background: linear-gradient(to right, #32a6dc 30%, #32c8be 100%); 
		background: -o-linear-gradient(left, #32a6dc, #32be96, #32c8be);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32a6dc', endColorstr='#32c8be',GradientType=0 ); 	
	}	
	/*editor上稿*/
	article.editor hgroup h1 {	
		margin-top:0;
		margin-bottom: 10px;
	}	
	/*活動頁*/
	article.activity img {
		margin-bottom: 0.5em;
	}	
	/*特別指定最新消息頁裡*/
	.info dl dt.forNews {
		margin-top:30px;
		margin-bottom:20px;
	}
	.btn-radioCheck {
		font-size: 14px;
		padding: 10px 12px;
		margin-bottom: 5px;
	}	
	.showroom h1 {	
		margin-top:0;
	}	
	.nav.navstyle1 {
		margin: 15px auto 0;
	}		
	.nav.navstyle1 > li > a {
		font-size: 16px;
		font-weight: normal;
		padding:5px 10px 15px; /*間距*/
	}	
	.marginBtm1 {
		 margin-bottom:15px;
	}	
	.listArea p mark {
		padding: 1.5px 6px 0.5px;
	}
	.style1 .panel-title {
		font-size: 16.5px;
	}
	.listArea h5 {
		margin-bottom:3px;
		line-height: 1.2;
	}	
	ul.listlink li {
		margin-bottom:2px;
	}
	.pageselect.input-group {
		margin: 10px auto 40px;
		float: none;
	}	
	/*活動內頁*/
	hgroup.info {
		margin-top:20px;
	}	
	.marginTB {
		margin-top: 1.5em;
		margin-bottom: 1.5em;
	}	
	.en .icon-en img {
		margin:40px auto 20px;
	}
}



@media (min-width: 768px) and (max-width: 991px) {  /*sm*/
	xxxx.homeNews {
		padding-bottom:20px;
	}	
	h1, .h1 {
		font-size:24px;
		line-height: 1.3;
	}
	h2, .h2 {
		font-size:22.5px;
	}
	h3, .h3 {
		font-size:21.5px;
	}		
	.container-fluid h1 {
		font-size:30px; 
	}	
	/*活動展會內頁*/
	hgroup.info {
		margin-top:20px;
	}	
	.info dl dt.forNews {
		margin-top:30px;
	}
	.kvPaper {
		padding:3em 0;
	}	
}


@media (min-width: 992px) and (max-width: 1199px) {  /*md*/
	.btn-radioCheck {
		font-size: 15px;
		padding: 12px;
	}	
	.service .form-group input.other { /*其他項目*/
		width: 50%;
	}		
}


@media (min-width: 1200px) {  /*lg*/
	.kvPaper {
		background-attachment: fixed; /*底圖固定不動*/
	}
	.service {
		padding:0 120px;
	}	
	/*手風琴*/
	.panel-group.faq {
		padding:0 40px;
	}	
	.panel-group.faq .col-lg-3 {
		padding-right: 0;
		padding-left:40px;
	}		
	ol.datelist li .dateCT {
		padding-left:50px;
	}	
	ol.datelist li .dateCT p {
		margin-right:100px;
	}
	.service .form-group input.other { /*其他項目*/
		width: 50%;
	}	
	/*活動內頁*/
	article.activity {
		padding-left:50px;
		padding-right:50px;
		margin-bottom:4em;
	}		
	article.activity .col-lg-8 {
		padding-right:2.5em;
	}
	article.activity img {
		width:100%;
		max-width:none;
	}		
}

@media (min-width: 1400px) {  /*lg*/
	/*手風琴*/
	.panel-group.faq {
		padding:0 100px;
	}
	.service {
		padding:0 140px;
	}	
	.en h6 {
		line-height:1.6;
		margin-bottom:1.75em;
	}
	.en p {
		line-height:1.6;
	}
	/*活動內頁*/
	article.activity {
		padding-left:85px;
		padding-right:85px;
		margin-bottom:4em;
	}
}



 /* 直式 */ 
@media only screen and (orientation : portrait) {
}


 /* 橫式 */ 
@media only screen and (orientation : landscape) {
}