@charset "UTF-8";
/*!
 * Agency v1.0.7 (http://startbootstrap.com/template-overviews/agency)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

@import "reset.css";
@import "fonts.css";
@import "button.css";
@import "form.css";
@import "tab_style.css";
@import "padding.css";
@import "margin.css";
@import "header.css";
@import "footer.css";


body {
font-size: 14px;
color: #393641;
font-family: 微軟正黑體, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300; 
/*	background-color: #f2f2f2;	*/
}

.text-muted {
  color: #777777;
}
.text-primary {
  color: #f7a600;
}
p {
  font-size: 14px;
  line-height: 1.75;
}
p.large {
  font-size: 16px;
}
a,
a:hover,
a:focus,
a:active,
a.active {
  outline: none;
}
a {
  color: #ec8300;
  text-decoration: none;
  font-size: 14px;
}
a:hover,
a:focus,
a:active,
a.active {
  color: #d6640d;;
  text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Microsoft JhengHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /*text-transform: uppercase;
  font-weight: 700;*/
}
.img-centered {
  margin: 0 auto;
}


/***************************************************/
/* Position Setting */
/***************************************************/
.relative {
	position:relative;
}
.absolute {
	position:absolute;
}
.fixed {
	position:fixed;
}

/***************************************************/
/* Float Setting */
/***************************************************/
.float_l {
	float:left;
}
.float_r {
	float:right;
}
/***************************************************/
/* Display Setting */
/***************************************************/
.none {
	display:none;
}

.inline-block {

  display: inline-block;
}
/***************************************************/
/* Flex Setting */
/***************************************************/
.flex_container {
	width:100%;
	display:-ms-flexbox;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
}
.flex_1 {
	-ms-flex:1;
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	text-align:left;
}
.flex_2 {
	-ms-flex:2;
	-webkit-box-flex:2;
	-webkit-flex:2;
	flex:2;
}
.flex_3 {
	-ms-flex:3;
	-webkit-box-flex:3;
	-webkit-flex:3;
	flex:3;
}
.flex_4 {
	-ms-flex:4;
	-webkit-box-flex:4;
	-webkit-flex:4;
	flex:4;
}
.flex_5 {
	-ms-flex:5;
	-webkit-box-flex:5;
	-webkit-flex:5;
	flex:5;
}
.flex_6 {
	-ms-flex:6;
	-webkit-box-flex:6;
	-webkit-flex:6;
	flex:6;
}
.flex_7 {
	-ms-flex:7;
	-webkit-box-flex:7;
	-webkit-flex:7;
	flex:7;
}
.flex_8 {
	-ms-flex:8;
	-webkit-box-flex:8;
	-webkit-flex:8;
	flex:8;
}
.flex_9 {
	-ms-flex:9;
	-webkit-box-flex:9;
	-webkit-flex:9;
	flex:9;
}

/***************************************************/
/* Text Setting */
/***************************************************/
.nowrap {
	white-space:nowrap;	
}


.font30 {
	font-size: 30px;
}

.font24 {
	font-size: 24px;
}

.font18 {
	font-size: 18px;
}


.font14 {
	font-size: 14px;
}

.font12 {
	font-size: 12px;
}


/***************************************************/
/* clear both*/
/***************************************************/

.clear{

  clear: both;
}

.line_through {text-decoration: line-through;}


.color_grey {color: #222;}

@media (max-width: 992px) {

  .clear_sm{
    clear: both;
  }

}
@media (max-width: 480px) {

  .clear_xs{
    clear: both;
  }
  
}

@media (min-width: 992px) {

  .clear_md{
    clear: both;
  }

}