@charset "utf-8";
/* CSS Document */
html
{
	font-size:16px;
	font-family: Arial, "微軟正黑體", "Microsoft JhengHei", DFKai-SB, sans-serif;
		letter-spacing: 0.01em;
		line-height:180%;
}
body 
{
	padding-top: 97px; /*banner與上側距離*/
	padding-bottom: 20px;
	font-family: Arial, "微軟正黑體", "Microsoft JhengHei", DFKai-SB, sans-serif;
		line-height:180%;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
   box-sizing: border-box;
}
ul,
li,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.navbar-fixed-top
{
	background-color:#fff;	
	height:97px;
}
.navbar-nav
{	
clear:both;
background-color:#fff;
margin-top:0px;
}

.navbar-nav > li > a 
{
	width: 100%;
	background-color: #fff;
	color: #333;
	font-size: 16px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}

.navbar-nav > li > a :hover
{
background:#fff;

}

h2
{
	color: #f72b31;
	border-top-width: 2px;
	border-top-color: #f72b31;
	border-right-color: #f72b31;
	border-bottom-color: #f72b31;
	border-left-color: #f72b31;
}
h5
{
	margin-top:10px;
	margin-bottom:10px;
	font-size:18px;
	color:#F77
}
.about_t
{
	margin-top:57px;
}

.about h2
{
	background-color: #f72b31;
	color: #fff;
	font-size: 18px;
	margin: 0px;
	font-weight: normal;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	text-align:center;
}

.img-responsive
{
	width:100%;
}

.happy h4
{
  display:block;
  margin-top:30px;
}
.happy h4:before
{
    font-family: FontAwesome;
  content: "\f138";
   color:#F00;
   margin-right:4px;
}
.happy ul li
{
	display: list-item;
	list-style-type: circle;
}

.happy .col-lg-3
{
	min-height:330px
}
.happy .col-lg-4 {

	padding-top:15px;
	padding-bottom:15px;

}


.title_line  /*標題上短橫線*/
{
    border-top: 5px solid #ff4747;
	width:5em;	
}

.about_3
{
	background-color: #edeed7;
	box-sizing: border-box;
	line-height: 220%;
	padding-top: 4em;
	padding-right: 2em;
	padding-bottom: 4em;
	padding-left: 2em;
	height:auto;
}
.index_team
{
	position:relative;
}

.index_team_text
{
	position:absolute;
	bottom:0px;
	background-color: #f72b31;
	padding:0.5rem;
	color:#fff;
	width:95%;
	margin:0px;
}
.social-icon
{

background-color:#F00;
border-radius:15px;
width:22px;
height:22px;
text-align:center;
color:#fff;
margin-top:10px;
margin-left:5px;
font-size:10px;
}

.social-icon a
{
	color:#fff;
}

.index_foreign /*首頁海外策略*/
{
	background-image: url(../images/banner2_01.jpg);	
	height:336px;
	color:#fff; 
}
.index_foreign h2
{
	color:#fff;
}
 /*橫線文字*/
 .line{ width:3em; height:0px; border-bottom:1px solid #fff; float:left;
 margin-top:0.2em;}
 .linetext{ float:left; height:5px; line-height:5px; margin:0px 10px;color:red;}
 
.yan .col-lg-6
{
padding-left:0px;
	padding-right:0px;
}
 
.triangle
{
	background-color:#edeed7;
	padding:2rem;
	margin-right:0px;
	height:auto;
	line-height:220%;
}
.text_left
{
	text-align:left;
}

/*三角形*/
.triangle:after{
    border:solid transparent;
    border-left-color:#edeed7;
    border-width:20px;
    width:0;
    content:" ";
    position:absolute;
    left:100%;
    top:50%;  
	z-index:9;
}

/*學長姊分享*/
.share
{
	padding-bottom:20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}

.share_text
{
	/*background-color:#edeed7;*/
	padding:2rem;
	margin-right:0px;
	height:auto;
	line-height:220%;

}

.index_foreign span
{
	clear:both;
	display:block;
	background-color:rgba(255,255,255,0.5);
	padding:1rem;
	margin-top:2rem;
}
ndex_3 h2
{
	color:#be4747
}

.margintop60
{
	margin-top:60px;
}
.margintop30
{
	margin-top:30px;
}
.btn-default
{
	background-color:transparent;
}

footer
{
	background-color: #dfdfdf;
	margin-top: 50px;
	padding-top: 1em;
	padding-bottom: 1em;
	text-align: center;
	font-size:0.8rem;
}

.navbar-toggle .icon-bar + .icon-bar {
	color:#333;!important
}
.navbar -toggle 
{
	color:#333;!important
}

button
{
	margin-top:2rem;
	color:#333;!important
}

/*back to top Strat*/
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(232, 98, 86, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
/*back to top end*/

.no-padding {
  padding: 0 !important;
}


.portfolio {
  position: relative;
}

.portfolio img {
  width: 100%;
}

.portfolio-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 15px;
  padding: 30px 20px 25px 30px;
  background-color: white;
  z-index: 2 !important;
  display: block;
}

.portfolio-overlay h4 {
  font-size: 15px;
  line-height: 20px;
  color: #111;
  font-weight: 400;
  margin: 0px 0px 10px;
  text-transform: uppercase;
  letter-spacing: 0.045em;
}

.folio-overlay h4 a {
  color: #111111;
}

.folio-overlay p {
  font-size: 14px;
  line-height: 20px;
  color: #999999;
  font-weight: 700;
  margin: 0px;
}

.portfolio-overlay .ico {
  font-size: 16px;
  line-height: 26px;
  color: #1674D1;
  font-weight: 400;
  border-radius: 50%;
  border: 1px solid #1674D1;
  display: table;
  width: 30px;
  height: 30px;
  padding-left: 11px;
  position: absolute;
  right: 35px;
  top: 50%;
  margin-top: -15px;
  opacity: 0;
  transition: .4s;
}

.portfolio-overlay {
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}

.portfolio:hover .portfolio-overlay {
  opacity: 1;
  visibility: visible;
  transition: .3s;
}

.portfolio:hover .portfolio-overlay .ico {
  right: 20px;
  opacity: 1;
  transition-delay: .1s;
  transition: .4s;
}

.portfolio img {
  transform: translate3d(0px, 0px, 0px);
  transition: .4s;
}

.portfolio:hover img {
  transform: translate3d(0px, -105px, 0px);
  transition: .6s;
}

.portfolio {
  overflow: hidden;
}
hr {
    max-width: 50px;
    border-color: #f05f40;
    border-width: 3px;
}

.bg-primary
{
	background-color:#edeed7;
}
#about_team
{
	padding-top:20px;
	padding-bottom:20px;
	color:#333;
}
.dropdown-menu,.dropdown-menu li
{
	background:#fff;
}

.text-muted
{
	text-align:left;
}

.breadcrumb {
    background-color:transparent;

}

.section-heading-tw
{
	font-size:18px;
	color:#333;
}

.carousel-indicators
{
	width:100%;
}

ul.posts {
			list-style: none;
			padding: 0;
		}

			ul.posts li {
				border-top: dotted 1px rgba(160, 160, 160, 0.3);
				margin: 1.5em 0 0 0;
				padding: 1.5em 0 0 0;
			}

				ul.posts li:first-child {
					border-top: 0;
					margin-top: 0;
					padding-top: 0;
				}

			ul.posts article {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-align-items: -moz-flex-start;
				-webkit-align-items: -webkit-flex-start;
				-ms-align-items: -ms-flex-start;
				align-items: flex-start;
				-moz-flex-direction: row-reverse;
				-webkit-flex-direction: row-reverse;
				-ms-flex-direction: row-reverse;
				flex-direction: row-reverse;
			}

				ul.posts article .image {
					display: block;
					margin-right: 1.5em;
					min-width: 4em;
					width: 8em;
				}

					ul.posts article .image img {
						width: 100%;
					}

				ul.posts article header {
					-moz-flex-grow: 1;
					-webkit-flex-grow: 1;
					-ms-flex-grow: 1;
					flex-grow: 1;
					-ms-flex: 1;
				}

					ul.posts article header h3 {
						font-size: 0.7em;
						margin-top: 0.125em;
					}

					ul.posts article header .published {
						display: block;
						font-family: "Raleway", Helvetica, sans-serif;
						font-size: 0.6em;
						font-weight: 400;
					/*	letter-spacing: 0.25em;*/
						margin: -0.625em 0 1.7em 0;
						text-transform: uppercase;
					}

					ul.posts article header > :last-child {
						margin-bottom: 0;
					}

	dl {
		margin: 0 0 2em 0;
	}

		dl dt {
			display: block;
			font-weight: 700;
			margin: 0 0 1em 0;
		}

		dl dd {
			margin-left: 2em;
		}

/* Post */

	.post {
	padding: 3em 3em 1em 3em;
	background: #ffffff;
	margin: 0 0 3em 0;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: rgba(160, 160, 160, 0.3);
	border-right-color: rgba(160, 160, 160, 0.3);
	border-bottom-color: rgba(160, 160, 160, 0.3);
	border-left-color: rgba(160, 160, 160, 0.3);
	}
		.post h2 {
		color:#555;
	}

		.post > header {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			border-bottom: solid 1px rgba(160, 160, 160, 0.3);
			left: -3em;
			margin: -3em 0 3em 0;
			position: relative;
			width: calc(100% + 6em);
		}

			.post > header .title {
				-moz-flex-grow: 1;
				-webkit-flex-grow: 1;
				-ms-flex-grow: 1;
				flex-grow: 1;
				-ms-flex: 1;
				padding-bottom: 10px;
			}

				.post > header .title h2 {
					font-weight: 900;
					font-size: 1.5em;
				}

				.post > header .title > :last-child {
					margin-bottom: 0;
				}

			.post > header .meta {
				padding:10px ;
				/*border-left: solid 1px rgba(160, 160, 160, 0.3);*/
				min-width: 17em;
				text-align: right;
				width: 17em;
			}

				.post > header .meta > * {
					margin: 0 0 1em 0;
				}

				.post > header .meta > :last-child {
					margin-bottom: 0;
				}

				.post > header .meta .published {
					color: #3c3b3b;
					display: block;
					font-family: "Raleway", Helvetica, sans-serif;
					font-size: 0.7em;
					font-weight: 800;
					letter-spacing: 0.25em;
					margin-top: 10px;
					text-transform: uppercase;
					white-space: nowrap;
				}

		.post > .image.featured {
			overflow: hidden;
		}

			.post > .image.featured img {
				-moz-transition: -moz-transform 0.2s ease-out;
				-webkit-transition: -webkit-transform 0.2s ease-out;
				-ms-transition: -ms-transform 0.2s ease-out;
				transition: transform 0.2s ease-out;
			}

			.post > .image.featured:hover img {
				-moz-transform: scale(1.05);
				-webkit-transform: scale(1.05);
				-ms-transform: scale(1.05);
				transform: scale(1.05);
			}

		.post > footer {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-moz-align-items: center;
			-webkit-align-items: center;
			-ms-align-items: center;
			align-items: center;
		}

			.post > footer .actions {
				-moz-flex-grow: 1;
				-webkit-flex-grow: 1;
				-ms-flex-grow: 1;
				flex-grow: 1;
			}

			.post > footer .stats {
				cursor: default;
				list-style: none;
				padding: 0;
			}

				.post > footer .stats li {
					border-left: solid 1px rgba(160, 160, 160, 0.3);
					display: inline-block;
					font-family: "Raleway", Helvetica, sans-serif;
					font-size: 0.6em;
					font-weight: 400;
					letter-spacing: 0.25em;
					line-height: 1;
					margin: 0 0 0 2em;
					padding: 0 0 0 2em;
					text-transform: uppercase;
				}

					.post > footer .stats li:first-child {
						border-left: 0;
						margin-left: 0;
						padding-left: 0;
					}

					.post > footer .stats li .icon {
						border-bottom: 0;
					}

						.post > footer .stats li .icon:before {
							color: rgba(160, 160, 160, 0.3);
							margin-right: 0.75em;
						}

		@media screen and (max-width: 980px) {

			.post {
				border-left: 0;
				border-right: 0;
				left: -3em;
				width: calc(100% + (3em * 2));
			}

				.post > header {
					-moz-flex-direction: column;
					-webkit-flex-direction: column;
					-ms-flex-direction: column;
					flex-direction: column;
					padding: 3.75em 3em 1.25em 3em ;
					border-left: 0;
				}

					.post > header .title {
						-ms-flex: 0 1 auto;
						margin: 0 0 2em 0;
						padding: 0;
						text-align: center;
					}

					.post > header .meta {
						-moz-align-items: center;
						-webkit-align-items: center;
						-ms-align-items: center;
						align-items: center;
						display: -moz-flex;
						display: -webkit-flex;
						display: -ms-flex;
						display: flex;
						-moz-justify-content: center;
						-webkit-justify-content: center;
						-ms-justify-content: center;
						justify-content: center;
						border-left: 0;
						margin: 0 0 2em 0;
						padding-top: 0;
						padding: 0;
						text-align: left;
						width: 100%;
					}

						.post > header .meta > * {
							border-left: solid 1px rgba(160, 160, 160, 0.3);
							margin-left: 2em;
							padding-left: 2em;
						}

						.post > header .meta > :first-child {
							border-left: 0;
							margin-left: 0;
							padding-left: 0;
						}

						.post > header .meta .published {
							margin-bottom: 0;
							margin-top: 0;
						}

						.post > header .meta .author {
							-moz-flex-direction: row-reverse;
							-webkit-flex-direction: row-reverse;
							-ms-flex-direction: row-reverse;
							flex-direction: row-reverse;
							margin-bottom: 0;
						}

							.post > header .meta .author .name {
								margin: 0 0 0 1.5em;
							}

							.post > header .meta .author img {
								width: 3.5em;
							}

		}

		@media screen and (max-width: 736px) {

			.post {
				padding: 1.5em 1.5em 0.1em 1.5em ;
				left: -1.5em;
				margin: 0 0 2em 0;
				width: calc(100% + (1.5em * 2));
			}

				.post > header {
					padding: 3em 1.5em 0.5em 1.5em ;
					left: -1.5em;
					margin: -1.5em 0 1.5em 0;
					width: calc(100% + 3em);
				}

					.post > header .title h2 {
						font-size: 1.1em;
					}

		}

		@media screen and (max-width: 480px) {

			.post > header .meta {
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
			}

				.post > header .meta > * {
					border-left: 0;
					margin: 1em 0 0 0;
					padding-left: 0;
				}

				.post > header .meta .author .name {
					display: none;
				}

			.post > .image.featured {
				margin-left: -1.5em;
				margin-top: calc(-1.5em - 1px);
				width: calc(100% + 3em);
			}

			.post > footer {
				-moz-align-items: stretch;
				-webkit-align-items: stretch;
				-ms-align-items: stretch;
				align-items: stretch;
				-moz-flex-direction: column-reverse;
				-webkit-flex-direction: column-reverse;
				-ms-flex-direction: column-reverse;
				flex-direction: column-reverse;
			}

				.post > footer .stats {
					text-align: center;
				}

					.post > footer .stats li {
						margin: 0 0 0 1.25em;
						padding: 0 0 0 1.25em;
					}

		}

/* Section/Article */

	section.special, article.special {
		text-align: center;
	}

	header p {
		font-family: "Raleway", Helvetica, sans-serif;
		font-size: 0.7em;
		font-weight: 400;
		letter-spacing: 0.25em;
		line-height: 2.5;
		margin-top: -1em;
		text-transform: uppercase;
	}

@media (max-width:1680px) {	
.index_foreign /*首頁海外策略*/
{
	background-position: -300px;
}
	
}

@media (max-width:1280px) {	
.index_foreign /*首頁海外策略*/
{

	background-position: -500px;
}
}



@media (max-width:992px)
{
 
	.navbar-nav > li > a 
{
	width: 100%;
	background-color: #fff;
	color: #333;
	font-size: 16px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}
	
	.logo
{
	width:250px;
}
	.navbar-header
	{
		margin-right:0px;
	}
	
.about_t
{
	margin-top:0px;
}

.about_3
{
	background-color: #edeed7;
	box-sizing: border-box;
	line-height: 220%;
	padding-top: 4em;
	padding-right: 2em;
	padding-bottom: 5em;
	padding-left: 2em;
	height:auto;
	margin-bottom:20px;
}

.about_3 > h4
{
	line-height:180%;
	margin-top:0px;
	color:blue;
	
}

.triangle
{
	background-color:#edeed7;
	padding:2rem;
	margin-right:0px;
	height:auto;
	line-height:220%;
}

/*三角形*/
.triangle:after{
    border:solid transparent;
 border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #edeed7;
    border-width:20px;
    width:0;
    content:" ";
    position:absolute;
    left:50%;
    top:100%;  
	z-index:9;
}
	
.triangle-pic
{
	padding:2rem;
	margin-right:0px;
	height:auto;
	line-height:220%;
}

/*三角形*/
.triangle-pic:after{
    border:solid transparent;
 border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #edeed7;
    border-width:20px;
    width:0;
    content:" ";
    position:absolute;
    left:50%;
    top:100%;  
	z-index:9;
}
	


}

@media (max-width:768px)
{
	
	
.social
{
margin-right:40px;
}	

.index_team
{
	margin-top: 30px;
}
	
}

@media (max-width:640px)
{
	.index_team_text
{
	position:absolute;
	bottom:0px;
	background-color: #f72b31;
	padding:0.5rem;
	color:#fff;
	width:93%;
	margin:0px;
}

}


@media (max-width:480px)
{
.logo
{
	width:200px;
}
}