/* CSS Default */
body,h1,h2,h3,h4,h5,h6{ font-family:  Tahoma,'Microsoft Yahei','Simsun';}
h1,h2,h3,h4,h5,h6{}

.contentwrapper{ margin: 30px 0 40px 0}

/* ---------------------------------------------------------------------------------------------------------------------------------------------   
	Logos
---------------------------------------------------------------------------------------------------------------------------------------------  */
.service{
  text-align: right;
  height: 130px;
}
.service:before {
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.center {
  display: inline-block;
  vertical-align: middle;
}
.logobox{ padding-top: 37px;}
.logo{ float: left;}
.logo a{ clear: both; display: inline-block; width: 340px; height: 54px; margin: 0 auto; background: url(../image/logo.png) no-repeat left top;}

/*  */
a.ver{ border:1px solid #00a6d1; padding:3px 10px; font-size:14px; border-radius:3px;}
a:hover.ver, a.selected{ border: 1px solid #ff592e; color:#ff592e;}

/*  內頁標題 */
.titleHeader{ display: block; height:120px; background-color:#f5f5f5;}
.titleHeader .titleHeaderInner{ margin:0 auto; max-width: 62.5rem; padding-top:2.7em; padding-left:2rem}/*  內頁標題  */
.titleHeader h1{ font-size:1.875em; margin-bottom:1rem; line-height: 0.6rem; font-weight:550;  }

ul.list li{ border-bottom: 1px dotted #aaa; padding: 15px 0}
ul.list li:last-child{ border-bottom:none;}


/* ---------------------------------------------------------------------------------------------------------------------------------------------   
  Products
---------------------------------------------------------------------------------------------------------------------------------------------  */
.proinfo img{ border:5px solid #d2d3d7;}
.proinfo hr{ margin-top:0;}
.proinfo .proitem{ margin-bottom:20px;}

/*  Tabs Setting  */
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 42px;
	border-bottom: 1px solid #e6e6e6;
	width: 100%;
}

ul.tabs li {
	float: left;
	margin: 0;
	cursor: pointer;
	padding: 0px 21px;
	height: 40px;
	line-height: 40px;
	border-top: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-bottom: :1px solid #e6e6e6;
	background-color: #fff;
	color: #555;
	overflow: hidden;
	position: relative;
	border-top-left-radius:3px;
	border-top-right-radiu:3px;
}

.tab_last { border-right: 1px solid #e6e6e6; }

ul.tabs li:hover {
	background-color: #ececec;
	color: #333;
}

ul.tabs li.active {
	background-color: #f5f5f5;
	color: #333;
	border-bottom: 1px solid #fff;
	display: block;
}

.tab_container {
	border: 1px solid #e6e6e6;
	border-top: none;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
	overflow: auto;
}

.tab_content {
	padding: 20px;
	display: none;
}

.tab_drawer_heading { display: none; }

@media screen and (max-width: 480px) {
	.tabs {
		display: none;
	}
	.tab_drawer_heading {
		background-color: #ccc;
		color: #fff;
		border-top: 1px solid #e6e6e6;
		margin: 0;
		padding: 5px 20px;
		display: block;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.d_active {
		background-color: #f5f5f5;
		color: #333;
	}
}



/* ---------------------------------------------------------------------------------------------------------------------------------------------   
  Footer
---------------------------------------------------------------------------------------------------------------------------------------------  */
footer, footer a{ color: #fff;}
.footerbg{ background-color: #737971;}
.footerTop{ background-color: #565b55; padding: 30px 0;}
.footerBtm{ padding: 10px 0; font-size: 13px;}
.fa-outline{ border-radius: 100px; width: 50px; height: 50px; border:2px solid #00a6d1; font-size: 28px; color: #00a6d1;}
footer .tel, footer .mail{ font-size: 32px;}



/* Small only*/
@media screen and (max-width: 39.9375em) {
	.logo{ text-align: center; margin: 0 auto;  float: none;}
}

/* Medium and up 640px*/
@media screen and (max-width: 800px) {
	.logobox{ padding-top: 16px;}
	.logo a{ width: 210px; height: 38px; background: url(../image/logo-small.png) no-repeat left top;}	
	.service{ height: 60px;}
	.proinfo img{ margin-bottom:15px;}
	footer .tel, footer .mail{ font-size: 24px;}
	footer .fa-3x{ font-size:24px;}
	
}

/* Medium only 640px~1023px */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	
	
}



/*----------------------------------------------------------------------------------------------------------------------------------------------------
  Foundation Setting
----------------------------------------------------------------------------------------------------------------------------------------------------*/

.accordion-title {
  border: 0px solid #e6e6e6;
  border-bottom: 1px dashed #e6e6e6;
  font-size: 1rem;
  color: #2ba6cb; }
  :last-child:not(.is-active) > .accordion-title {
    border-bottom: 0px solid #e6e6e6;
    border-radius: 0 0 3px 3px; }
  .accordion-title:hover, .accordion-title:focus {
    background-color: #f5f5f5; }
.accordion-content {
  border: 0px solid #e6e6e6;
  border-bottom: 0;
  background-color: #fff;
  color: #0a0a0a; }
  :last-child > .accordion-content:last-child {
    border-bottom: 0px solid #e6e6e6; }
	
	
	
article {
 -moz-column-width: 13em;
 -webkit-column-width: 13em;
 -moz-column-gap: 1em;
 -webkit-column-gap: 1em; 
  
}

section {
 display: inline-block;
 margin:  0.25rem;
 padding:  1rem;
 width:  100%; 
 background:  #f5f5f5;
}


p {
 margin:  1rem 0; 
}