@charset "utf-8";

/* ------------------[基本設定]------------------ */
html, body {
	font-family: 'Lato', sans-serif,微軟正黑體,msjh;
	font-size: 100%;
	text-rendering: optimizeLegibility !important;/*抗鋸齒*/
	-webkit-font-smoothing: antialiased !important;/*抗鋸齒*/
    -moz-osx-font-smoothing: grayscale !important;/*抗鋸齒*/
}
body {
	color: #454545;
	font-size: 1em;
	position: relative;
	margin: 0px;
	padding: 0px;

	/*-webkit-font-smoothing: antialiased;*/
}
.container　{width:70%;}
.fa {margin-right: 5px;}
ul,dl,dt,dd,li,ol {list-style: none;}
li{list-style:none;}

h4, h5, h6,
h1, h2, h3 {margin: 0;}
h1,.h1 {font-size: 3.6em;}
h2,.h2 {font-size: 3em;}
h3,.h3 {font-size: 1.7em;}
h4,.h4 {font-size: 1.4em;}
h5,.h5 {font-size: 1.3em;}
h6,.h6 {font-size: 1.2em;}
h7,.h7 {font-size: 1.1em;}
h1,
h2,
h3,
h4,
h5,
h6,
h7,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.h7 {
	font-family: sourcehansans-tc,微軟正黑體,msjh;
	line-height: 1.1;
	/*text-shadow: 1px 1px 0px rgba(0,0,0,0.25);*/
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
h7 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small,
.h7 .small {
	font-size: 65%;
	font-weight: normal;
	line-height: 1;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small,
h7 .small,
.h7 .small {font-size: 75%;}
td ul {
	margin: 0;
	padding: 0;
}
p {
	font-size: 1.1em;
	letter-spacing: 1px;
	margin: 0;
}
a {color: #339aa5;}
a:hover,
a:active,
a:focus {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
a {
	text-decoration: none;
	-webkit-touch-callout: none;
	outline: none;
	hlbr: expression(this.onFocus=this.blur());
}
::selection {
	color: #fff;
	background: #4aa796;
	text-shadow: none;
}
::-moz-selection {
	color: #fff;
	background: #4aa796;
	text-shadow: none;
}
@media (max-width: 414px) {
	h2,.h2 {font-size: 2.5em;}
}

/* ------------------[Header]------------------ */
.headerbox {}
.headerbox .headerbox_in .mainmenubox {
	/*background: url(../images/back_top_back.png) top left repeat-y, linear-gradient(top,#90d1c1,#90d1c1);*/
	background: #85CBBF;
}
/*LOGO*/
.headerbox .headerbox_in .top-header　{padding:2em 0;}
.top-header {
	display: block;
	overflow: hidden;
}
.top-header {float: left;}
.top-header .logobox {}
.top-header .logobox .logo a {opacity: 1.0;}
.top-header .logobox .logo img {
	width: 100%;
	/*-webkit-transform: translateZ(0);*/
}

/*主選單*/
ul.top-nav　{margin:　0;}
ul.top-nav li span {
	width: 1px;
	height: 45px;
	display: inline-block;
	background:#DBDBDB;
	top: 15px;
	position: absolute;
}
.top-nav ul li a　{
	color: #444444;
	padding: 1em 1.5em;
	font-size: 1.1em;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	font-weight: 800;
}
.top-nav ul li a:hover　{color:#EE3023;}
.logo a　{display:block;}
/* top-nav */
.top-nav:before,
.top-nav:after {
    content: " ";
    display: table;
}
.top-nav:after {clear: both;}
nav {position: relative;}
nav ul {
	text-align: right;/*center*/
	/*margin-left: auto;
	margin-right: auto;*/
	padding: 0;
}
nav li:nth-child(6) {border-right: none;}
nav li .title {
	font-family: xingothic-tc,微軟正黑體 !important;
	line-height: 1.1;
	margin-bottom: 0.3em;
}
nav li a {
	text-decoration: none;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
}
html[lang="zh-EN"] nav li .title,
html[lang="EN"] nav li .title {font-size: 1em;}
html[lang="zh-EN"] nav li .title,
html[lang="EN"] nav li .title {
    margin-top: 0.7em;
    margin-bottom: 0.5em;
}
nav li .subtitle {line-height: 1;}
html[lang="zh-EN"] nav li a .subtitle,
html[lang="EN"] nav li a .subtitle {
	display: none;
	visibility: hidden;
}
nav a#pull {display: none;}
.top-header-nav　{position:relative;}
.top-header-search-box {
	right: 27px;
	top: 26px;
	width: 213px;
	z-index: 800;
	position: absolute;
}
.top-header-search-box input[type="text"]{
	color: #D6D6D6;
	border:1px solid #D6D6D6;
	border-radius: 1em;
	outline: none;
	position: relative;
	text-indent: 22px;
	font-size: 0.875em;
	padding: 0.2em;
	width: 100%;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
}
.top-header-search-box input[type="text"]:hover {border-color:#EE3023;}
.top-header-search-box input[type="submit"]{
	position: absolute;
	top: 0px;
	background: url(../images/search-icon.png) no-repeat 0px 3.5px;
	border: none;
	outline: none;
	-webkit-appearance: none;
	cursor: pointer;
	margin-left: 0.2em;
}
/*語系*/
ul.languagebox {
	margin: 0;
	padding:0;
	display: block;
	overflow: hidden;
}
ul.languagebox li {display: inline-block;}
ul.languagebox li {margin-left: 0.6em;}
ul.languagebox li .line {color: #d5d5d5;}

html[lang="zh-TW"] ul.languagebox li a.selected:link,
html[lang="zh-TW"] ul.languagebox li a.selected:visited,
html[lang="EN"] ul.languagebox li a.selected:link,
html[lang="EN"] ul.languagebox li a.selected:visited,
html[lang="zh-EN"] ul.languagebox li a.selected:link,
html[lang="zh-EN"] ul.languagebox li a.selected:visited {
	color: #ffffff;
	background: #3fa29b;
}
ul.languagebox li a:link,
ul.languagebox li a:visited {
	color: #3fa29b;
	background: #d9ebe5;

}
ul.languagebox li a {
	text-align: center;
	vertical-align: middle;
}


ul.languagebox li a:hover,
ul.languagebox li a:active,
ul.languagebox li a:focus,
html[lang="zh-TW"] ul.languagebox li a.selected:hover,
html[lang="zh-TW"] ul.languagebox li a.selected:active,
html[lang="zh-TW"] ul.languagebox li a.selected:focus {
	color: #ffffff !important;
	background:#41b1bd !important;
}
@media (max-width: 1280px) {
	.headerbox .headerbox_in .top-header .col-md-1 {
		display: none;
		visibility: hidden;
	}
	.headerbox .headerbox_in .top-header .col-md-7 {
		width: 66.66666666666666%;
	}
}
@media (min-width: 1200px) {
	/*主選單*/
	.top-header-nav {
		width: 76%;
		padding-top: 2em;
		float: right;
	}
	html[lang="zh-TW"] .top-header-nav {padding-bottom: 2.5em;/*3.39em*/}
	html[lang="EN"] .top-header-nav,
	html[lang="zh-EN"] .top-header-nav {padding-bottom: 2.8em;/*1.9em*/}

	html[lang="zh-TW"] nav ul.top-nav {padding-top: 2em;/*4.7→3.5em*/}
	html[lang="EN"] nav ul.top-nav,
	html[lang="zh-EN"] nav ul.top-nav {padding-top: 2.5em;}
	nav .top-nav li {
		padding-right: 0.9em;
		padding-left: 0.9em;
	}
	nav li a {
		padding-left: 0em;
		padding-right: 0em;
	}
}
@media (max-width: 1199px) {
	/*LOGO*/
	.top-header {
		width: 14%;
		padding-top: 1.8em;
		padding-bottom: 1.8em;
		float: left;
	}
	/*主選單*/
	.top-header-nav {
		width: 76%;
		padding-top: 2em;
		float: right;
	}
	html[lang="zh-TW"] .top-header-nav {padding-bottom: 1.9em;}
	html[lang="EN"] .top-header-nav,
	html[lang="zh-EN"] .top-header-nav {padding-bottom: 1.9em;}

	nav ul.top-nav {padding-top: 2em;}
	ul.top-nav {
		width: 100%;
		padding-top: 0.6em;
		float: right;
	}
	nav .top-nav li {
		padding-right: 0.5em;
		padding-left: 0.5em;
	}
	nav li a {
		padding-left: 0em;
		padding-right: 0em;
	}
}
@media (max-width: 1050px) {
	/*主選單*/
	nav li a {
		padding-left: 0em;
		padding-right: 0em;
	}
}
@media (min-width: 1025px) {
	/*LOGO*/
	.top-header {
		width: 12%;/*14%*/
		padding-top: 1em;/*1.8→1.2em*/
		padding-bottom: 1em;/*1.8→1.2em*/
		float: left;
	}

	/*主選單*/
	.top-header-nav {
		width: 86%;
		padding-top: 1.2em;/*2em*/
		padding-bottom: 4.2em;/*1.9em*/
		float: right;
	}
	nav li .title {
		font-size: 1.2em;
	}
	nav li a .subtitle {
		font-size: 0.6em;
		-webkit-transform: scale(0.90);
	}
}
@media (max-width: 1024px) {
	/*LOGO*/
	.top-header {
		width: 12%;
		padding-top: 1.8em;
		padding-bottom: 1.8em;
		float: left;
	}

	/*主選單*/
	.top-header-nav {
		width: 88%;
		padding-top: 2em;
		padding-bottom: 1.9em;
		float: right;
	}
	nav ul.top-nav {padding-top: 2em;}
	nav li a {
		padding-left: 0em;
		padding-right: 0em;
	}
	nav li .title {
		font-size: 1.15em;
	}
	nav li a .subtitle {
		font-size: 0.5em;
		-webkit-transform: scale(0.80);
	}
	nav .top-nav li {
		padding-right: 0.6em;
		padding-left: 0.6em;
	}
}
@media (min-width: 1024px) {
	.mainleftbox {float: left;}
	.mainrightbox {float: right;}
}
@media (max-width: 1023px) {
	/*LOGO*/
	.top-header {
		width: 24%;
		padding-top: 1.8em;
		padding-bottom: 1.8em;
		float: left;
	}

	/*主選單*/
	.top-header-nav {
		width: 76%;
		padding-top: 2em;
		padding-bottom: 1.9em;
		float: right;
	}
	nav ul.top-nav {padding-top: 4.7em;}
	nav ul {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
	}
	nav li .title {
		font-size: 1.2em;
	}
	nav li a .subtitle {
		font-size: 0.6em;
		-webkit-transform: scale(0.90);
	}
	.mainleftbox {float: left;}
	.mainrightbox {float: left;}
}
@media (max-width: 990px) {
	ul.top-nav {text-align: right;}
}
@media (min-width: 801px) and (max-width: 990px) {
	/*LOGO*/
	.top-header {
		width: 25%;
		padding-top: 1.8em;
		padding-bottom: 1.8em;
		float: left;
	}

	/*主選單*/
	.top-header-nav {
		width: 75%;
		padding-top: 2em;
		padding-bottom: 1.9em;
		float: right;
	}
	nav ul.top-nav {padding-top: 2.2em;}
	nav .top-nav li:nth-child(6),
	nav .top-nav li:nth-child(7),
	nav .top-nav li:nth-child(8) {margin-top: 1.5em;}
	nav .top-nav li:nth-child(6) {
		border-left: 1px solid rgba(255,255,255,0.8);
		box-shadow: 1px 0px 0px rgba(0,0,0,0.2);
	}
}
@media (min-width: 801px) {
	/*語系*/
	ul.languagebox {float: right;}
	ul.languagebox li {float: left;}
	ul.languagebox li .line {padding-top: 0.2em;}
	ul.languagebox li a {
		font-size: 1em;
		width: 2.2em;
		height: 2.2em;
		line-height: 2.2em;
	}

	/*主選單*/
	.top-header-nav {
		background: url(../images/back_top_company.png) bottom right no-repeat;
		background-size: 72% auto;
	}
	nav ul.top-nav {float: right;}
	nav .top-nav li {display: inline-block;}
	nav .top-nav li:first-child {
		border-left: 1px solid rgba(255,255,255,0.8);
	}
	nav .top-nav li {
		border-right: 1px solid rgba(255,255,255,0.8);
		box-shadow: 1px 0px 0px rgba(0,0,0,0.2);
	}
	nav li {
		text-align: right;
		margin-left: auto;
		margin-right: auto;
		display: inline-block;
	}
	nav li .title {
		color: #ffffff;
		font-weight: 500;
		text-shadow: 0.5px 0.5px 0.5px rgba(0,0,0,0.88);/*1px 1px 1px rgba(0,0,0,0.7)*/
		line-height: 1.1;
		text-align: center;
	}
	html[lang="zh-TW"] nav li .title {margin-bottom: 0.3em;}
	html[lang="zh-EN"] nav li .title,
	html[lang="EN"] nav li .title {
		margin-top: 0.2em;
		margin-bottom: 0.1em;
	}

	nav li a .subtitle {
		color: #ffffff;
		-webkit-transform: scale(0.90);
		text-shadow: 1px 1px 1px rgba(0,0,0,0.75)/*rgba(0,0,0,0.6)*/;
		text-align: center;
	}
}
@media screen and (max-width: 800px) {
	/*語系*/
	ul.languagebox li {margin-left: 0em;}
	ul.languagebox li .line {
		margin-bottom: -0.4em;
		display: block;
		overflow: hidden;
	}
	html[lang="zh-TW"] ul.languagebox li a.selected:link,
	html[lang="zh-TW"] ul.languagebox li a.selected:visited,
	html[lang="zh-EN"] ul.languagebox li a.selected:link,
	html[lang="zh-EN"] ul.languagebox li a.selected:visited,
	html[lang="EN"] ul.languagebox li a.selected:link,
	html[lang="EN"] ul.languagebox li a.selected:visited {color: #ffffff;}

	/*主選單*/
	nav ul.top-nav {padding-top: 0em;}
	.headerbox > .headerbox_in > .container {max-width: 100%;}
	.top-header-nav {padding-top: 0;}
	nav {
  		height: auto;
  		float: none;
  	}
  	nav > li {
  		width: 100%;
		margin-top: 0;
		margin-bottom: 0;
		padding: 0;
		border-right: none;
		float: left;
  		position: relative;
  		display: block;
  		height: auto;
  	}
  	nav a {
	  	width: 100%;
	  	text-align: left;
  	}
	nav li .title {
		color: #ffffff;
		font-weight: 400;
		font-size: 1.25em;
		line-height: 1.1;
		margin-bottom: 0.3em;
		float: left;
	}
	nav li .subtitle {
		color: rgba(255,255,255,0.6);
		margin-top: 0.3em;
		margin-left: 0.35em;
		float: left;
	}
	.mainleftbox,
	.mainrightbox {width: 100%;}
}
@media only screen and (max-width : 800px) {
	/*主選單*/
	nav {
		border-bottom: 0;
		float:none;
	}
	nav ul,
	nav ul.languagebox {
		display: none;
		height: auto;
		margin: 0;
		border-bottom: 1px solid rgba(255,255,255,0.25);
	}
	/*行動版*/
	nav a#pull {
		color: #ffffff;
		text-align: left;
		/*top: -30px;*//*-64px*/
		padding-top: 1.2em;
		padding-bottom: 1.2em;
		padding-right: 0.8em;
		padding-left: 0.8em;
		background: linear-gradient(top,#3a9b91,#3a9b91);
		background: -moz-linear-gradient(top,#3a9b91,#3a9b91);
		background: -webkit-linear-gradient(top,#3a9b91,#3a9b91);
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		border-radius: 1px;
		filter:alpha(opacity=100);
		-moz-opacity:1.0;
		opacity:1.0;
		border-top: 1px solid rgba(255,255,255,0.25);
		border-bottom: 1px solid rgba(255,255,255,0.25);
		display: block;
		/*position: absolute;*/
	}
	nav a#pull:after {
		content:"";
		background: url('nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	nav a#pull img {
		margin-left: 2%;
		float: left;
		clear: both;
	}
	.top-nav ul li a {
		padding-top: 0.8em;
		padding-bottom: 0.6em;
		padding-left: 1em;
		padding-right: 1em;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
	}
}
@media (max-width: 800px) {
	/*語系*/
	ul.languagebox li a {
		font-size: 1.3em;
		width: 3em;
		height: 3em;
		line-height: 3em;
		text-align: center;
		vertical-align: middle;
		padding: 0;
		margin: 0.5em;
	}

	/*LOGO*/
	.top-header {
		width: 30%;
		padding-top: 2em;
		padding-bottom: 2em;/*3em*/
		padding-right: 0;
		padding-left: 0;
		margin-right: auto;
		margin-left: auto;
		display: block;
		overflow: hidden;
		float: none;
	}
	.top-header .logo {margin-top: 0em;}

	/*主選單*/
	.top-contact-info {float: right;}
	.top-header-nav {
		width: 100%;
		height: 3.7em;
		margin-left: 0;
		padding-bottom: 0em;
		position: relative;
		z-index: 9999;
		float: left;
	}
	.main-menu {
		border:none;
		padding: 0 0em;
		background: rgba(35,102,114,0.9);/*rgba(47,122,136,0.7)*/
	}
	ul.top-nav {
		margin-top: 0em;
		padding-top: 0em;
		padding-bottom: 1em;
	}
	ul.top-nav li span {display:none;}
}
@media (min-width: 481px) and (max-width: 800px) {
	.top-header-info {
		width: 47%;
		float: right;
	}
	.top-contact-info {
		width: 47%;
		margin-top: 20%;
		float: right;
	}
}
@media (min-width: 769px) {
	/*LOGO*/
	.top-header .logobox {
		width: 100%;
		float: left;
	}
}
@media (max-width: 768px) {
	/*LOGO*/
	.top-header .logobox {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	.logo {margin-top: 3.5em;}
}
@media (max-width: 640px) {
	.top-header {
		padding-top: 2em;
		padding-bottom: 2em;
		padding-right: 0;
		padding-left: 0;
	}
	.top-header .col-md-4 {
		width: 100%;
		float: left;
	}
	.top-header .col-md-7 {
		width: 100% !important;
		float: right;
	}

	/*LOGO*/
	.top-header {width: 60%;}
	.top-header .logo {margin-top: 0em;}

	.top-header-info {
		width: 50%;
		float: right;
	}
	.top-contact-info {
		width: 100%;
	}
	.top-header-info .top-contact-info ul li {width: 100%;}
	.top-header .col-md-4 {
		width: 100%;
		float: left;
	}
	.top-header .col-md-7 {
		width: 100% !important;
		float: right;
	}

	/*主選單*/
	ul.top-nav {margin-top: 1.5em;/*1.6em*/}
	.main-menu {
		border:none;
		padding: 0 0em;
	}
	ul.top-nav li span {display:none;}
	.top-row div.col-xs-4 {
		width: 100%;
		margin-bottom: 1em;
	}
}
@media (max-width: 480px) {
	ul.top-nav {margin-top: 4.1em;/*1.6em*/}

	/*LOGO*/
	.top-header .logobox {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		float: inherit;
	}

	/*主選單*/
	ul.top-nav {
		margin-top: 1em;/*1.6em*/
		padding-bottom: 0.8em;
	}
	.main-menu {
		border:none;
		padding: 0 0em;
	}
	nav li .iconimg {width: 10%;}
	ul.top-nav li span {display:none;}
	.top-row div.col-xs-4{
		padding:0;
	}
	.top-row-col1 {
		padding: 2em;
	}
}
@media only screen and (max-width : 320px) {
	/*主選單*/
	nav {float:　none;}
	nav > li {
		width: 100%;
		display: block;
		float: none;
	}
}
@media (max-width: 320px) {
	/*LOGO*/
	.top-header .logobox {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		float: inherit;
	}
	.logo {
		margin-top: 0;
		text-align: center;
		width: 100%;
		clear: both;
	}

	/*主選單*/
	.main-menu {
		border:none;
		padding: 0 0em;
	}
	ul.top-nav li span {display:none;}
	ul.languagebox li a {
		font-size: 1.3em !important;
	}
}

/* ------------------[共同]------------------ */
/*大圖*/
.sliderviewtop {
    width: 100%;
    top: 0em;/*-19em*/
	margin-bottom: 0em;/*-19em*/
    position: relative;
    z-index: 2;
}
.sliderviewtop .banner_screen_top {
	width: 100%;
	background-repeat: no-repeat;
    position: inherit;
}
.callbacks_container {border-top: 1px solid #dddddd;}

.rslides {
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	list-style: none;
	overflow: hidden;
}
.rslides li {
	width: 100%;
	left: 0;
	top: 0;
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
}
.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}
.rslides img {
	height: auto;
	border: 0;
}

.callbacks_container {}

.login-rigister {float:　right;}
.login-rigister li a.login　{
	color: #444444;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0 0.6em;
	text-decoration: underline;
}
.login-rigister li a.login:hover　{
	color:#EF3626;
	text-decoration:none;
}
.login-rigister li a.rigister{
	background:#F03627;
	color:#FFF;
	padding: 0.5em 2.5em;
	display:inline-block;
	border-radius:0.3em;
	-webkit-border-radius:0.3em;
	-moz-border-radius:0.3em;
	-o-border-radius:0.3em;
	-ms-border-radius:0.3em;
	border:1px solid #B64E30;
	border-top:2px solid #B64E30;
	font-weight:600;
}
.login-rigister li a.rigister:hover {
	text-decoration:none;
	background:#5B5B5B;
	border:1px solid #5B5B5B;
	border-top:2px solid #5B5B5B;
}
a.rigister span　{
	width: 12px;
	height: 12px;
	display: inline-block;
	background: url(../images/arrow.png) no-repeat 2px 0px;
	margin: 0 0.0em 0 0;
	padding: 0;
}

/*頁面*/
.fullpage {
	min-height: 456px;
	padding-top: 3em;/*0em*/
	padding-bottom: 3em;/*2em*/
}
.generalpage {
	min-height: 456px;
	padding-top: 3em;/*0em*/
	padding-bottom: 3em;/*2em*/
}
body.index .content {
	padding-top: 0em;
	padding-bottom: 0em;
}
.content {
	padding-top: 3em;/*0em*/
	padding-bottom: 3em;/*2em*/
}
.fullpage img,
.generalpage img {
	/*display: block;*/
	overflow: hidden;
}
.fullpage > .article > .contentin > .article img {max-width: 1140px;}
.fullpage .article {
	line-height: 1.6;
	letter-spacing: 1px;
	/*margin-top: 1.5em;*/
}
.fullpage .article,
.fullpage .article p,
.fullpage .article span,
.fullpage .article li,
.fullpage .article td,
table th,
table td {
	font-size: 1.1em;
	overflow: hidden;
}
.contact_info {
	margin-top: 1.5em;
	margin-bottom: 0;
}
.news_info {
	margin-top: 1.5em;
	margin-bottom: 0;
}
.contentin {
    margin-top: 0.5em;
    margin-bottom: 1em;
    padding-bottom: 1em;
}
.article .contentin {margin-top: 0em;}

/*標題*/
.fullpage .titlebox,
.content .titlebox,
.generalpage .titlebox,
.fullpage .titlebox {
	display: block;
	overflow: hidden;
}
.content .titlebox .subtitle,
.generalpage .titlebox .subtitle,
.fullpage .titlebox .subtitle,
.content .titlebox .subtitle_white,
.generalpage .titlebox .subtitle_white,
.fullpage .titlebox .subtitle_white {
	font-family: 'Cormorant Garamond', serif;
	color: #4ca79c;
	font-weight: 500;
	text-align: center;
	text-transform: capitalize;
	letter-spacing: 0px;
	line-height: 1;
	padding-bottom: 0.1em;
}
.side_menu .titlebox .subtitle,
.side_menu .titlebox .subtitle_white {
	font-family: 'Cormorant Garamond', serif;
	color: #8ccebf;
	font-weight: 500;
	text-align: left;
	text-transform: capitalize;
	letter-spacing: 0px;
	line-height: 1;
	padding-bottom: 0em;
}
.content .titlebox .title,
.generalpage .titlebox .title,
.fullpage .titlebox .title,
.content .titlebox .title_white,
.generalpage .titlebox .title_white,
.fullpage .titlebox .title_white {
	font-family: cwtexqhei, "微軟正黑體", msjh!important;
	text-align: center;
	line-height: 1;
}
.side_menu .titlebox .title,
.side_menu .titlebox .title_white {
	font-family: sourcehansans-sc, "微軟正黑體", msjh!important;
	text-align: left;
	line-height: 1;
}
.side_menu .titlebox .title {color: #adadad;}

.content .titlebox .title_white,
.side_menu .titlebox .title_white,
.generalpage .titlebox .title_white,
.fullpage .titlebox .title_white,
.content .titlebox .subtitle_white,
.side_menu .titlebox .subtitle_white,
.generalpage .titlebox .subtitle_white,
.fullpage .titlebox .subtitle_white {color: #ffffff;}

/*新聞中心*/
.newslist ul {
	margin: 0;
	padding: 0;
	border-top: 1px solid #dddddd;
}
.newslist ul li {
	padding-top: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #dddddd;
}
.newslist ul li a {
	width: 100%;
	display: block;
	overflow: hidden;
}
.newslist ul li .newsphoto {
	width: 30%;
	float: left;
}
.newslist ul li .newsinfo {
	width: 67%;
	padding-left: 3%;
	float: left;
}
.newslist .newsphoto img {
	width: 100%;
	height: auto;
}
.newslist ul li .newsinfo .newstype {
	color: #ffffff;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.8em;
	padding-right: 0.8em;
	display: block;
	overflow: hidden;
	float: left;
}
.newslist ul li .newsinfo .newstime {
	color: #999999;
	width: 100%;
	margin-bottom: 0.2em;
	display: block;
	overflow: hidden;
}
.newslist ul li .newsinfo .newstitle {
	color: #454545;
	width: 100%;
	display: block;
	overflow: hidden;
}

/*產品、圖片list*/
.productlist {
	display: block;
	overflow: hidden;
}
.productlist,
.productlist ul,
.productlist ul li {display: block;}
.productlist ul {
	margin: 0;
	padding: 0;
}
.productlist ul li a {
	background: #ffffff;
	border: 2px solid #4ca79c;
	display: block;
	overflow: hidden;

}
body.index .productlist ul li a {
    box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
}
.productlist ul li a:hover,
.productlist ul li a:active,
.productlist ul li a:focus {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
.productlist ul li a .productbox {
	width: 100%;
	display: block;
	overflow: hidden;
}
.productlist ul li a .productbox img {
	width: 100%;
    margin-bottom: 0px;
	float: left;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s;
	transition: all 0.3s ease-in-out;
}
.productlist ul li:hover .productbox img,
.productlist ul li:active .productbox img,
.productlist ul li:focus .productbox img {
	width: 110%;
	height: 110%;
}
.productlist ul li .producttitlebox {
    text-align: center;
	padding-top: 0.7em;
	padding-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
	background: rgba(56,132,134,0.7);
	display: block;
	overflow: hidden;
    bottom: 0;
    position: absolute;
    z-index: 1;
}
.productlist ul li .producttitlebox .producttitle {
	color: #ffffff;
    font-size: 1.3em;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	text-align: center;
}
html[lang="zh-EN"] .productlist ul li .producttitle,
html[lang="EN"] .productlist ul li .producttitle {font-size: 1.35em;}

/*品牌故事*/
.brandlist {
	display: block;
	overflow: hidden;
}
.brandlist ul {
	margin: 0;
	padding: 0;
}
.brandlist ul li {margin-bottom: 1.5em;}
.brandlist ul li .brandbox {background: #f6f6f6;}
.brandlist ul li .brandbox img {width: 100%;}
body.page .brandlist ul li .brandbox {border: 1px solid #dddddd;}

/*底部*/
.footer {
	padding: 0;
	background: #85CBBF;/*#5db7ad*/
	background-size: 60%;
    background-position: -50% 50%;
	border-top: 1px solid #dddddd;
}
.footer .footer_in {
	padding-top: 3em;
	padding-bottom: 0em;
	padding-right: 0;
	padding-left: 0;
}
.footer_logo img {width: 100%;}
.footer_links_title {
	margin-bottom: 1.4em;
	font-weight: 600;
}
.footer-links {color: #ffffff;}
.footer-links li {position: relative;}
.footer-links li a {
	color: #ffffff;
	position:relative;
}
.footer-links li {color: #ffffff;}
.footer-links li a:hover {
	color: #5B5B5B;
	text-decoration:none;
}
.footer-links li span {
	width: 1px;
	height: 20px;
	top: 5px;
	right: 0;
	background: #FFF;
	position: absolute;
	display: block;
}
.footer-links ul {
	margin: 0;
	padding: 0;
}
.footer .footer_in .list-inline {}
.footer .footer_in .list-inline > li {
	width: 100%;
    padding-right: 0;
    padding-left: 0;
}
.footer .footer_in .list-inline .icon {
	width: 9%;
	text-align: center;
	float: left;
}
.footer .footer_in .list-inline .info {float: left;}
.footer .footer_in i {color: #ffffff;}
.footer .footer_in .footer_bottom {
	background: #6d6d6d;
}
.footer .footer_in ul.footer_sharebox {
	margin-left: 0;
	padding-left: 0;
	display: block;
	overflow: hidden;
	float: right;
}
.footer .footer_in ul.footer_sharebox li {
	margin-left: 1em;
	display: block;
	overflow: hidden;
	display: inline-block;
	float: right;
}
.footer .footer_in ul.footer_sharebox li i {
	color: #ffffff;
	font-size: 1.2em;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.5em;
}
.footer .footer_in ul.footer_sharebox li a {
	text-align:center;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	padding: 0.4em;
	border: 1px solid rgba(255,255,255,1);
	-webkit-border-radius: 100%;/*導*/
	-moz-border-radius: 100%;/*導圓*/
	border-radius: 100%;/*導圓*/
}
.footer .footer_in ul.footer_sharebox li .fa {margin-right: 0;}
.footer-social {margin-top:0.2em;}
.footer-social ul {
	margin: 0.4em 0 0 0;
	padding: 0;
}
.footer-social ul li a span {
	width: 31px;
	height: 31px;
	display:inline-block;
	background: url(../images/footer-social.png) no-repeat 0px 0px;
}
.footer-social ul li a.pin span {background-position:0px 0px;}
.footer-social ul li a.twitter span {background-position: -38px 0px;}
.footer-social ul li a.facebook span {background-position: -78px 0px;}
.footer-social ul li a:hover {opacity:0.8;}

.copy-right p {
	color: #ffffff;
	margin: 0;
	font-size: 0.8em;
}
.copy-right span {
	color: #ffffff;
	margin: 0;
	font-size: 0.8em;
	height: 3.5em;
	vertical-align: middle;
	letter-spacing: 1px;
	word-spacing: 2px;
}
.copy-right p a {color:#F2262C;}
.copy-right p a:hover {
	text-decoration:none;
	color: #EEE;
}
#toTop {
	color: rgba(255,255,255,0.8);
	width: 3em;
	height: 3em;
	text-decoration: none;
	position: fixed;
	bottom: 40px;
	right: 3%;
	background: rgba(0,43,105,0.5);
	display: block;
	overflow: hidden;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
#toTop i {
	font-size: 3em;
	padding: 0;
	margin: 0;
	display: block;
	overflow: hidden;
	line-height: 40px;
}
#toTopHover {
	width: 40px;
	height: 40px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
@media (min-width: 1200px) {
	/*產品、圖片list*/
	.col-md-12 .productlist ul li.col-md-3 a .productbox {
		max-width: 258.5px;
		max-height: 258.5px;
	}
	.col-md-12 .productlist ul li.col-md-3:hover .productbox img,
	.col-md-12 .productlist ul li.col-md-3:active .productbox img,
	.col-md-12 .productlist ul li.col-md-3:focus .productbox img {
		margin-top: -5%;
		margin-left: -5.5%;
	}
	.col-md-12 .productlist ul li.col-md-3 .producttitlebox {width: 88.5%;}
	.col-md-9 .productlist ul li.col-md-4 a .productbox {
		max-width: 258.48px;
		max-height: 258.48px;
	}
	.col-md-9 .productlist ul li.col-md-4:hover .productbox img,
	.col-md-9 .productlist ul li.col-md-4:active .productbox img,
	.col-md-9 .productlist ul li.col-md-4:focus .productbox img {
		margin-top: -5%;
		margin-left: -5.5%;
	}
	.col-md-9 .productlist ul li.col-md-4 .producttitlebox {width: 88.5%;}
}
@media (max-width: 1199px) {
	/*產品、圖片list*/
	.col-md-12 .productlist ul li.col-md-3 a .productbox {
		max-width: 209px;
		max-height: 209px;
	}
	.col-md-12 .productlist ul li.col-md-3:hover .productbox img,
	.col-md-12 .productlist ul li.col-md-3:active .productbox img,
	.col-md-12 .productlist ul li.col-md-3:focus .productbox img {
		margin-top: -5%;
		margin-left: -5.5%;
	}
	.col-md-12 .productlist ul li.col-md-3 .producttitlebox {width: 86.5%;}
	.col-md-9 .productlist ul li.col-md-4 a .productbox {
		max-width: 208.5px;
		max-height: 208.5px;
	}
	.col-md-9 .productlist ul li.col-md-4:hover .productbox img,
	.col-md-9 .productlist ul li.col-md-4:active .productbox img,
	.col-md-9 .productlist ul li.col-md-4:focus .productbox img {
		margin-top: -5%;
		margin-left: -5.5%;
	}
	.col-md-9 .productlist ul li.col-md-4 .producttitlebox {width: 86.3%;}
}
@media (min-width: 1024px) and (max-width: 1199px) {
}
@media (min-width: 1140px) {
	.fullpage img,
	.generalpage img {max-width: 100%;}
}
@media (max-width: 1139px) {
	.fullpage img,
	.generalpage img {width: 100%;}
}
@media (min-width: 1025px) {
	/*底部*/
	.footer .footer-links {
		padding-top: 0em;
		padding-bottom: 0em;
	}
}
@media (max-width:1024px){
	/*底部*/
	.footer .col-md-1 {
		display: none;
		visibility: hidden;
	}
	.footer .col-md-3.add {width: 33.33333333333333%;}
	.footer .footer-links {
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}
	.footer-social {padding:0;}
}
@media (min-width: 991px) and (max-width: 1023px) {
}
@media (min-width: 991px) {
	/*產品、圖片list*/
	.productlist ul li {margin-bottom: 1.5em;}
}
@media (max-width: 990px) {
	/*產品、圖片list*/
	.productlist ul li {margin-bottom: 1.5em;}
	.col-md-12 .productlist ul li.col-md-3 a .productbox {
		max-width: 716px;
		max-height: 716px;
	}
	.col-md-12 .productlist ul li.col-md-3 .producttitlebox {width: 95.5%;}
	.col-md-9 .productlist ul li.col-md-4 a .productbox {
		max-width: 716px;
		max-height: 716px;
	}
	.col-md-9 .productlist ul li.col-md-4 .producttitlebox {width: 95.5%;}
}
@media (min-width: 801px) {
	/*大圖*/
	.sliderviewtop .banner_screen_top {
		min-height: 1px;/*382px*/
		box-shadow: 0px -2px 6px rgba(0,0,0,0.4);/*x軸、y軸、模糊強度、顏色*/
		-moz-box-shadow: 0px -2px 6px rgba(0,0,0,0.4);/*x軸、y軸、模糊強度、顏色*/
		-webkit-box-shadow: 0px -2px 6px rgba(0,0,0,0.4);
	}
	.rslides {margin-top: 0;}

	/*頁面*/
	.contentin {padding-top: 2em;}
	.page_back {
		background-image: url(../images/back_circlepattern_gray_03half.png);
		background-image: url(../images/back_circlepattern_gray_03half.png)\9;
		background-repeat: no-repeat;
		background-size: 35%;
		background-position: top right;
	}

	.imagelist {
		height: auto;
		min-height: 439px;
		max-height: 439px;
	}
	.imagelist img {
		width: auto;
		min-height: 576px;
		max-height: 439px;
		margin-right: -15%;
		margin-top: -15%;
		float: right;
	}
	.imagelistbox_grid .title {height: 52px;}

	/*標題*/
	.generalpage .titlebox .title,
	.generalpage .titlebox .title_white,
	.fullpage .titlebox .title,
	.fullpage .titlebox .title_white,
	.content .titlebox .title,
	.content .titlebox .title_white {margin-top: 0em;}
	.side_menu .titlebox .title,
	.side_menu .titlebox .title_white {margin-top: -0.2em;}

	.fullpage .productcontentbox .titlebox .title {margin-top: 0em;}

	.generalpage .titlebox .subtitle,
	.generalpage .titlebox .subtitle_white,
	.fullpage .titlebox .subtitle,
	.fullpage .titlebox .subtitle_white,
	.content .titlebox .subtitle,
	.content .titlebox .subtitle_white,
	.side_menu .titlebox .subtitle,
	.side_menu .titlebox .subtitle_white {font-size: 3.2em;}
	.side_menu .titlebox .subtitle.about {padding-left: 1em;}
	.side_menu .titlebox .subtitle.news {padding-left: 1em;}
	.side_menu .titlebox .subtitle.product {padding-left: 1em;}
	.generalpage .titlebox .title,
	.generalpage .titlebox .title_white,
	.fullpage .titlebox .title,
	.fullpage .titlebox .title_white,
	.content .titlebox .title,
	.content .titlebox .title_white {
		font-size: 1.8em;
		font-weight: 500;
	}
	.side_menu .titlebox .title,
	.side_menu .titlebox .title_white {
		font-size: 1.6em;
		font-weight: 500;
	}

	/*新聞中心*/
	.newslist ul li .newsinfo .newstype {margin-bottom: 1em;}

	/*產品、圖片list*/
	body.index .productlist {margin-top: 6.6em;}
	body.page .productlist {margin-top: 2.5em;}
	.productcontentbox {margin-top: 2.8em;}
	body.page .productslist .productcontentbox {margin-top: 0em;}
	body.page .productslist .productcontentbox .productlist {margin-top: 3em;}

	/*底部*/
	.footer_logo {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.footer .footer_in .list-inline {
		margin-top: 0;
		padding-top: 1em;
		padding-bottom: 1em;
		padding-left: 1em;
		padding-right: 0;
		border-right: 1px solid rgba(255,255,255,0.5);
	}
	.footer .footer_in .list-inline .info {width: 91%;}
	.copy-right span {line-height: 3.5em;}
	html[lang="zh-EN"] .footer .footer_in .list-inline,
	html[lang="EN"] .footer .footer_in .list-inline {padding-right: 0.5em;}
	.footer .footer_in .footer_bottom {margin-top: 2.8em;}
	.footer-links ul {min-height: 194px;}
}
@media (max-width: 800px) {
	/*大圖*/
	.sliderviewtop .banner_screen_top {
		min-height: 1px;/*342px*/
		box-shadow: 0px -2px 6px rgba(0,0,0,0.3);/*x軸、y軸、模糊強度、顏色*/
		-moz-box-shadow: 0px -2px 6px rgba(0,0,0,0.3);/*x軸、y軸、模糊強度、顏色*/
		-webkit-box-shadow: 0px -2px 6px rgba(0,0,0,0.3);
	}
	body.index .content {padding-top: 0em;}
	.rslides {margin-top: 0px;}
	.rslides.page img {
		margin-left: -8%;
		width: 120%;
	}
	.rslides.about img {
		margin-left: -8%;
		width: 120%;
	}
	.rslides.contact img {
		margin-left: -8%;
		width: 120%;
	}
	.rslides.faq img {
		margin-left: -8%;
		width: 120%;
	}
	.rslides.news img {
		margin-left: -8%;
		width: 120%;
	}
	.rslides.product img {
		margin-left: -8%;
		width: 120%;
	}

	/*標題*/
	.generalpage .titlebox .title,
	.generalpage .titlebox .title_white,
	.fullpage .titlebox .title,
	.fullpage .titlebox .title_white,
	.content .titlebox .title,
	.content .titlebox .title_white,
	.side_menu .titlebox .title,
	.side_menu .titlebox .title_white {margin-top: 0em;}
	.fullpage .productcontentbox .titlebox .title {margin-top: 0em;}
	.generalpage .titlebox .subtitle,
	.generalpage .titlebox .subtitle_white,
	.fullpage .titlebox .subtitle,
	.fullpage .titlebox .subtitle_white,
	.content .titlebox .subtitle,
	.content .titlebox .subtitle_white,
	.side_menu .titlebox .subtitle,
	.side_menu .titlebox .subtitle_white {font-size: 3.5em;}
	.side_menu .titlebox .subtitle.about {padding-left: 1.2em;}
	.side_menu .titlebox .subtitle.news {padding-left: 1.2em;}
	.side_menu .titlebox .subtitle.product {padding-left: 1.2em;}
	.generalpage .titlebox .title,
	.generalpage .titlebox .title_white,
	.fullpage .titlebox .title,
	.fullpage .titlebox .title_white,
	.content .titlebox .title,
	.content .titlebox .title_white,
	.side_menu .titlebox .title,
	.side_menu .titlebox .title_white {
		font-size: 1.8em;
		font-weight: 500;
	}

	/*頁面*/
	.contentin {padding-top: 1em;}
	.page_back {
		background-position: left top;
		background-size: 110% auto;
	}

	/*新聞中心*/
	.newslist ul li .newsinfo .newstype {margin-bottom: 0.2em;}

	/*產品、圖片list*/
	.productlist {margin-top: 1.5em;}
	.productcontentbox {margin-top: 3em;}
	body.page .productslist .productcontentbox {margin-top: 0em;}
	body.page .productslist .productcontentbox .productlist {margin-top: 3em;}
	.productlist ul li {margin-bottom: 2em;}

	/*底部*/
	.footer {text-align: center;}
	.footer .row {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
	.footer_logo {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 4em;
		display: block;
		overflow: hidden;
	}
	.footer-links .row .col-md-12 .row {
		margin-right: -15px !important;
		margin-left: -15px !important;
	}
	.footer .footer_in .list-inline {
		border-top: 1px solid rgba(255,255,255,1);
	}
	.footer .footer-links {
		font-size: 1.5em;
		padding-top: 0em;
		padding-bottom: 0.5em;
	}
	.footer .col-md-3.add {width: 100%;}
	.footer .col-md-5 {
		width: 30%;
		float: left;
	}
	.footer .footer_in .list-inline {
		margin-top: -1em;
		padding-top: 1.6em;
		padding-bottom: 1.5em;
		padding-left: 2.2em;
		padding-right: 2.2em;
	}
	.footer .footer_in .list-inline .info {width: 100%;}
	.footer .footer_in .footer_bottom {margin-top: 0em;}
	.footer-links ul {min-height: auto;}
}
@media (min-width: 481px) and (max-width: 800px) {
	/*產品、圖片list*/
}
@media (min-width: 769px) {
}
@media (max-width: 768px) {
	/*底部*/
	.footer-social{padding:0;}
	.footer .row {
		margin-right: -15px !important;
		margin-left: -15px !important;
	}
	.footer-links .row .col-md-12 .row {
		margin-right: -15px !important;
		margin-left: -15px !important;
	}
	.footer .footer-links {
		font-size: 1.2em;
		padding-top: 0em;
		padding-bottom: 0.5em;
	}
	.footer .col-md-3.add {
		width: 100%;
		padding-top: 0;
	}
	.footer .footer_in .list-inline {
		margin-top: -1.1em;
		padding-top: 1.6em;
		padding-bottom: 2.5em;
		padding-left: 2.2em;
		padding-right: 2.2em;
	}
}
@media (min-width:641px) {
	.rslides img {width: 100%;}

	/*底部*/
	.copy-right {
		text-align: center;
		padding-top: 1.2em;
		padding-bottom: 1em;
	}
}
@media (max-width:640px) {
	.rslides img {width: 100%;}
	.rslides.index img {
		margin-left: -15%;/*-50%*/
		width: 130%;/*200%*/
	}
	.rslides.page img {
		margin-left: -80%;
		width: 260%;
	}
	.rslides.about img {
		margin-left: -80%;
		width: 260%;
	}
	.rslides.contact img {
		margin-left: -80%;
		width: 260%;
	}
	.rslides.faq img {
		margin-left: -80%;
		width: 260%;
	}
	.rslides.product img {
		margin-left: -80%;
		width: 260%;
	}
	.rslides.news img {
		margin-left: -80%;
		width: 260%;
	}

	/*標題*/
	.generalpage .titlebox .title,
	.generalpage .titlebox .title_white,
	.fullpage .titlebox .title,
	.fullpage .titlebox .title_white,
	.content .titlebox .title,
	.content .titlebox .title_white,
	.side_menu .titlebox .title,
	.side_menu .titlebox .title_white {margin-top: 0em;}
	.fullpage .productcontentbox .titlebox .title {margin-top: 0em;}
	.generalpage .titlebox .subtitle,
	.generalpage .titlebox .subtitle_white,
	.fullpage .titlebox .subtitle,
	.fullpage .titlebox .subtitle_white,
	.content .titlebox .subtitle,
	.content .titlebox .subtitle_white,
	.side_menu .titlebox .subtitle,
	.side_menu .titlebox .subtitle_white {font-size: 2.6em;}
	.side_menu .titlebox .subtitle.about {padding-left: 1.6em;}
	.side_menu .titlebox .subtitle.news {padding-left: 1.6em;}
	.side_menu .titlebox .subtitle.product {padding-left: 1.6em;}
	.generalpage .titlebox .title,
	.generalpage .titlebox .title_white,
	.fullpage .titlebox .title,
	.fullpage .titlebox .title_white,
	.content .titlebox .title,
	.content .titlebox .title_white,
	.side_menu .titlebox .title,
	.side_menu .titlebox .title_white {
		font-size: 1.6em;
		font-weight: 500;
	}

	/*產品、圖片list*/
	.col-md-12 .productlist ul li.col-md-3 a .productbox {
		max-width: 463px;
		max-height: 463px;
	}
	.col-md-12 .productlist ul li.col-md-3 .producttitlebox {width: 93.5%;}
	.col-md-9 .productlist ul li.col-md-4 a .productbox {
		max-width: 479px;
		max-height: 479px;
	}
	.col-md-9 .productlist ul li.col-md-4 .producttitlebox {width: 93%;}

	/*底部*/
	.footer .footer_in ul.footer_sharebox {
		width: 100%;
		text-align: center;
		margin-top: 1em;
		float: none;
	}
	.footer .footer_in ul.footer_sharebox li {
		float: none;
		margin-right: 0.5em;
		margin-left: 0.5em;
	}
	.copy-right {
		text-align: center;
		padding-top: 0;
		padding-top: 1.6em;
		padding-bottom: 1.4em;
	}
}
@media (max-width:600px) {
	/*產品、圖片list*/
	.col-md-12 .productlist ul li.col-md-3 a .productbox {
		max-width: 566px;
		max-height: 566px;
	}
	.col-md-12 .productlist ul li.col-md-3 .producttitlebox {width: 94.5%;}
	.col-md-9 .productlist ul li.col-md-4 a .productbox {
		max-width: 536px;
		max-height: 536px;
	}
	.col-md-9 .productlist ul li.col-md-4 .producttitlebox {width: 94%;}
}
@media (max-width:480px){
	/*產品、圖片list*/
	.rslides.index img {
		margin-left: -80%;/*-50%*/
		width: 260%;/*130%*/
	}
	.col-md-12 .productlist ul li.col-md-3 a .productbox {
		max-width: 397px;
		max-height: 397px;
	}
	.col-md-12 .productlist ul li.col-md-3 .producttitlebox {width: 92%;}
	.col-md-9 .productlist ul li.col-md-4 a .productbox {
		max-width: 410px;
		max-height: 410px;
	}
	.col-md-9 .productlist ul li.col-md-4 .producttitlebox {width: 93%;}

	/*底部*/
	.footer {text-align: center;}
	.footer-social{padding:0;}
}

@media (max-width: 414px) {
	/*產品、圖片list*/
	.col-md-12 .productlist ul li.col-md-3 a .productbox {
		max-width: 380px;
		max-height: 380px;
	}
	.col-md-12 .productlist ul li.col-md-3 .producttitlebox {width: 92%;}
	.col-md-9 .productlist ul li.col-md-4 a .productbox {
		max-width: 380px;
		max-height: 380px;
	}
	.col-md-9 .productlist ul li.col-md-4 .producttitlebox {width: 91.7%;}

	/*底部*/
	.footer .footer-links {padding-bottom: 0em;}
	.footer-links {margin-bottom: 1.5em;}
	.footer .footer_in .list-inline {
		margin-top: -1.1em;
		padding-top: 1.6em;
		padding-bottom: 1.5em;
		padding-left: 0;
		padding-right: 0;
	}
}
@media (min-width: 413px) {
}
@media (max-width: 412px) {
	.rslides.index img {
		margin-left: -80%;
		width: 260%;
	}
	.rslides.contact img {
		margin-left: -100%;
		width: 260%;
	}
}
@media (max-width: 375px) {
	/*產品、圖片list*/
	.col-md-12 .productlist ul li.col-md-3 a .productbox {
		max-width: 341px;
		max-height: 341px
	}
	.col-md-12 .productlist ul li.col-md-3 .producttitlebox {width: 91%;}
	.col-md-9 .productlist ul li.col-md-4 a .productbox {
		max-width: 341px;
		max-height: 341px;
	}
	.col-md-9 .productlist ul li.col-md-4 .producttitlebox {width: 91%;}
}
@media (max-width:320px) {
	.rslides img {
		margin-left: -48%;
		width: 200%;
	}

	/*產品、圖片list*/
	.col-md-12 .productlist ul li.col-md-3 a .productbox {
		max-width: 286px;
		max-height: 286px;
	}
	.col-md-12 .productlist ul li.col-md-3 .producttitlebox {width: 89.5%;}
	.col-md-9 .productlist ul li.col-md-4 a .productbox {
		max-width: 286px;
		max-height: 286px;
	}
	.col-md-9 .productlist ul li.col-md-4 .producttitlebox {width: 89.5%;}

	/*底部*/
	.footer {text-align: center;}
	.footer-social{padding:0;}
}

/* ------------------[首頁]------------------ */
body.index .content {
	background-image: url(../images/banner_screen_bottom.png);
	background-image: url(../images/banner_screen_bottom.png)\9;
	background-repeat: repeat-x;
}
.top-row-col1 {
	background: #FFF;
	border: 1px solid #E2E2E2;
	box-shadow: 0px 0px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.15);

	z-index: 2;
}
.top-row a:hover,
.top-row a:active,
.top-row a:focus {
  -webkit-animation: pulse 0.5s infinite linear;
  -moz-animation: pulse 0.5s infinite linear;
  -o-animation: pulse 0.5s infinite linear;
  animation: pulse 0.5s infinite linear;

	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
img.r-img {
	/*border-radius: 30em;
	-webkit-border-radius:30em;
	-moz-border-radius:30em;
	-o-border-radius:30em;
	-ms-border-radius:30em;*/
}
.top-row-col1 img {width: 100%;}
.top-row-col1 h2 {
	font-size: 1.8em;
	font-weight: 500;
	margin: 0 0 0.8em 0;
	padding: 0;
}
.top-row-col1 .subtitle {
	color: #517f0d;
	font-family: 'Josefin Sans', sans-serif, "微軟正黑體", msjh;
	font-size: 1.6em;
	font-weight: 600;
	display: block;
	text-transform: uppercase;
	margin: 0;
	padding: 0.5em 0 0.3em;
}
.top-row-col1 label {
	color: #949494;
	font-weight: 500;
	font-size: 1.1em;
	display:block;
}
.top-row span img {display:none;}
.top-row-col1:hover span img,
.top-row-col2:hover span img,
.top-row-col3:hover span img {
	display: block;
	position: absolute;
	top: 141px;
	left: 97px;
}

/*新聞中心*/
.index_newsbox .index_news,
.index_news .fb-page {
	display: block;
	overflow: hidden;
}
.index_news .index_fbbox {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
	display: block;
	overflow: hidden;
}
.index_news .index_fbbox iframe {
	min-height: 448px;	/*448*/
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

/*故事*/
.index_story {
	background-image: url(../images/back_story.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	overflow: hidden;
}
.index_story .index_story_in img  {width: 100%;}
.index_story_in {
	display: block;
	overflow: hidden;
}
.index_story .story_article {
	color: #ffffff;
	line-height: 1.6;
	text-align: center;
	display: block;
	overflow: hidden;
}
.index_story .story_article p {font-size: 1.05em;}
.index_story .story_prize {
	margin-top: 2em;
	display: block;
	overflow: hidden;
}

/*客戶logo*/
.index_clientbox {}
/*舊*/
.scroll_clientbox {
	width: 100%;
	position: relative;
}
.scroll_clientbox .box {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.scroll_clientbox .list {
	width: 9999px;
	overflow: hidden;
}
.scroll_clientbox ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.scroll_clientbox .list li {
	text-align: center;
	vertical-align: middle;/*修主機端上bug*/
	margin: 0;
	display: inline-block;/*修主機端上bug*/
	/*float: left;*//*修主機端上bug*/
}

.scroll_clientbox .list li img {width: 100%;}
.scroll_clientbox .plus {
	left: 0px;/*10px*/
	background-image: url(../images/btn_prev_gray.png);
	background-image: url(../images/btn_prev_gray.png)\9;
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	overflow: hidden;
}
.scroll_clientbox .minus {
	right: 0px;/*10px*/
	background-image: url(../images/btn_next_gray.png);
	background-image: url(../images/btn_next_gray.png)\9;
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	overflow: hidden;
}
.scroll_clientbox .plus,
.scroll_clientbox .minus {
	top: 0px;
	height: 100%;
	position: absolute;
	cursor: pointer;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.scroll_clientbox .plus:hover,
.scroll_clientbox .minus:hover,
.scroll_clientbox .plus:active,
.scroll_clientbox .minus:active,
.scroll_clientbox .plus:focus,
.scroll_clientbox .minus:focus {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
/*新*/
.marquee_basicox {
	display: block;
	overflow: hidden;
}
.marquee_basicox {margin-top: 1em;}
.marquee_basicox .marqueeXbox {
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden;
	margin: 0 auto 0 auto;
}
.marquee_basicox .marqueeXbox ul.list {
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
}
.marquee_basicox .marqueeXbox ul.list li {
	padding-left: 0.5em;
	padding-right: 0.5em;
    display: inline-block;
}
.marquee_basicox .marqueeXbox img {
	height: auto;
    border: 1px solid #dddddd;
	display: block;
	overflow: hidden;
}
.str_wrap {
	width: 100%;
	position: relative;
	overflow: hidden;
	//zoom: 1;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	white-space: nowrap;
}
.str_move {
	top: 0;
	left: 0;
	cursor:move;
	white-space:nowrap;
	position:absolute;
}
.str_move_clone {
	left: 100%;
	top: 0;
	vertical-align:top;
	position:absolute;
	display:inline-block;
	//display:inline;
	//zoom:1;
}
.str_vertical .str_move_clone {
	left: 0;
	top: 100%;
}
.str_down .str_move_clone {
	left: 0;
	bottom: 100%;
}
.str_vertical .str_move,
.str_down .str_move {
	width: 100%;
	white-space: normal;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{cursor: inherit;}

@media (min-width:1025px){
	.index_story .story_info .title {
		font-size: 3em;
		margin-top: 1em;
		margin-bottom: 0.1em;
	}
	.index_story .story_info {
		padding-top: 2em;
		padding-bottom: 4em;
		padding-left: 2em;
		padding-right: 2em;
	}
	/*新聞中心*/
	.index_news .index_fbbox iframe {
		width: 100%;
		min-width: 500px;
	}
	.index_news .index_fbbox iframe.computer {
		display: block !important;
		overflow: hidden !important;
		visibility: inherit !important;
		padding-left: 9.5%;
	}
	.index_news .index_fbbox iframe.computer2 {
		display: none;
		visibility: hidden;
	}
}
@media (min-width:1024px){
	/*新聞中心*/
	.index_news .index_fbbox iframe {
		width: 100%;
		min-width: 400px;
		padding-left: 0%;
	}
	.index_news .index_fbbox iframe.computer {
		display: none;
		visibility: hidden;
	}
}
@media (max-width:1024px){
	.index_story .story_info .title {
		font-size: 2em;
		margin-top: 0em;
		margin-bottom: 0.1em;
	}
	.index_story .story_info {
		padding-top: 1.2em;
		padding-bottom: 1em;
		padding-left: 1.2em;
		padding-right: 1.2em;
	}
}
@media (min-width:991px) and (max-width:1023px) {
	/*新聞中心*/
	.index_news .index_fbbox iframe {
		width: 100%;
		min-width: 500px;
		padding-left: 9.5%;
	}
	.index_news .index_fbbox iframe.computer {
		display: none;
		visibility: hidden;
	}
}
@media (min-width:991px){
	/*新聞中心*/
	.index_newsbox {padding-top: 2.5em;}
	.index_newsbox .index_news {
		min-height: 528px;
		padding-top: 2.5em;
		padding-bottom: 2.5em;
	}
	.index_news .index_fbbox iframe.mobile1,
	.index_news .index_fbbox iframe.mobile2 {
		display: none;
		visibility: hidden;
	}
}
@media (max-width:990px){
	/*新聞中心*/
	.index_newsbox {padding-top: 2.5em;}
	.index_newsbox .index_news {
		padding-top: 2.5em;
		padding-bottom: 2.5em;
	}
	.index_news .index_fbbox {
		width: 100% !important;
		margin-top: 1.2em;
		margin-left: auto;
		margin-right: auto;
	}
	.index_news .index_fbbox iframe.computer,
	.index_news .index_fbbox iframe.computer2,
	.index_news .index_fbbox iframe.mobile2 {
		display: none;
		visibility: hidden;
	}
	.index_news .index_fbbox iframe {
		width: 500px;
		height: 500px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
	}
}
@media (min-width:801px){
	.top-row-col1 {
		padding-top: 2.6em;
		padding-bottom: 2.5em;
		padding-right: 3em;
		padding-left: 3em;
	}

	/*作品總覽*/
	.index_productsbox {
		padding-top: 0em;
		background-image: url(../images/back_shows.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		display: block;
		overflow: hidden;
	}
	.index_products {
		padding-top: 3em;
		padding-bottom: 1.5em;
	}
	.index_productsbox .productlist {margin-top: 2.5em;}

	/*品牌總覽*/
	.index_brandbox {
		padding-top: 3em;
		padding-bottom: 1.5em;
	}
	.brandlist {margin-top: 2.5em;}

	/*故事*/
	.index_story {
		margin-top: 0em;
		margin-bottom: 0em;
		margin-right: 0em;
		margin-left: 0em;
		padding-top: 0em;
		padding-bottom: 0em;
		padding-right: 0em;
		padding-left: 0em;
	}
	.index_story_in {
		margin-top: 0em;
		margin-bottom: 0em;
		margin-right: 0em;
		margin-left: 0em;
		padding-top: 3.5em;
		padding-bottom: 0em;
		padding-right: 1.5em;
		padding-left: 1.5em;
	}
	.index_story .story_article {margin-top: 2.5em;}

	/*客戶logo*/
	.index_clientbox {
		padding-top: 3.5em;
		padding-bottom: 3.5em;
		padding-right: 0em;
		padding-left: 0em;
	}
	.marquee_basicox {margin-top: 3em;}
	.marquee_basicox .marqueeXbox img {
		width: 250px;
		height: 250px;
	}
}
@media (max-width:800px){
	.top-row-col1 {
		padding-top: 2.6em;
		padding-bottom: 2.5em;
		padding-right: 3em;
		padding-left: 3em;
	}

	/*作品總覽*/
	.index_productsbox {
		padding-top: 0em;
		background-image: url(../images/back_shows.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		display: block;
		overflow: hidden;
	}
	.index_products {
		padding-top: 3em;
		padding-bottom: 1.5em;
	}

	/*品牌總覽*/
	.index_brandbox {
		padding-top: 3em;
		padding-bottom: 1.5em;
	}
	.brandlist {margin-top: 1.5em;}

	/*故事*/
	.index_story {
		margin-top: 0em;
		margin-bottom: 0em;
		margin-right: 0em;
		margin-left: 0em;
		padding-top: 0em;
		padding-bottom: 0em;
		padding-right: 0em;
		padding-left: 0em;
	}
	.index_story_in {
		margin-top: 0em;
		margin-bottom: 0em;
		margin-right: 0em;
		margin-left: 0em;
		padding-top: 3em;
		padding-bottom: 0em;
		padding-right: 1.5em;
		padding-left: 1.5em;
	}
	.index_story .story_article {margin-top: 1.5em;}

	/*客戶logo*/
	.index_clientbox {
		padding-top: 2.8em;
		padding-bottom: 2.8em;
		padding-right: 0em;
		padding-left: 0em;
	}
	.scroll_clientbox .box {
		width: 90%;
		display: block;
		overflow: hidden;/*父層適應子層高度*/
	}
	.scroll_clientbox .plus,
	.scroll_clientbox .minus {width: 5%;}
	.scroll_clientbox .list li {
		width: 3.4%;
		padding-right: 0.1%;
		padding-left: 0.1%;
	}
	.marquee_basicox {margin-top: 2em;}
	.marquee_basicox .marqueeXbox img {
		width: 400px;
		height: 400px;
	}
}
@media (max-width:768px){
	.top-row-col1 {
		padding-top: 2.6em;
		padding-bottom: 2.5em;
		padding-right: 2em;
		padding-left: 2em;
	}
	/*客戶logo*/
	.scroll_clientbox .list li {
		width: 3.2%;
		padding-right: 0.1%;
		padding-left: 0.1%;
	}
	.marquee_basicox .marqueeXbox img {
		width: 500px;
		height: 500px;
	}
}
@media (min-width:641px){
}
@media (max-width:640px) {
	/*故事*/
}
@media (min-width:415px){
	.top-row {margin-top: -140px;}
}
@media (max-width:414px){
	body.index .top-row {margin-top: -25px;}
	.top-row-col1 {
		padding-top: 2.6em;
		padding-bottom: 2.5em;
		padding-right: 4.5em;
		padding-left: 4.5em;
	}

	/*新聞中心*/
	.index_news .index_fbbox iframe {
		width: 100%;
		padding-left: 0.6%;
	}
	.index_news .index_fbbox iframe.computer,
	.index_news .index_fbbox iframe.mobile1 {
		display: none;
		visibility: hidden;
	}
	.index_news .index_fbbox iframe.mobile2 {
		display: block;
		overflow: hidden;
		visibility: inherit !important;
	}

	/*客戶logo*/
	.scroll_clientbox .list li {
		width: 3.2%;/*3.26*/
		padding-right: 0.1%;
		padding-left: 0.1%;
	}
	.marquee_basicox .marqueeXbox img {
		width: 360px;
		height: 360px;
	}
}
@media (max-width:375px) {
	/*客戶logo*/
	.marquee_basicox .marqueeXbox img {
		width: 320px;
		height: 320px;
	}
}
@media (max-width:320px){
	.top-row-col1 {
		padding-top: 2em;
		padding-bottom: 2em;
		padding-right: 2.5em;
		padding-left: 2.5em;
	}
	/*客戶logo*/
	.marquee_basicox .marqueeXbox img {
		width: 260px;
		height: 260px;
	}
}

/* ------------------[頁面]------------------ */
/*側選單*/
.side_menu .titlebox {padding-bottom: 1em;}
.side_menu ul {
	margin-top: 0;
	margin-bottom: 2em;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}
.side_menu ul li {
	display: block;
	overflow: hidden;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.side_menu ul li a i {
	font-size: 0.4em;
	color: #8ccebf;
	-webkit-transform: scale(0.6);
    margin-top: 1.1em;
	margin-left: 0.8em;
	float: left;
}
.side_menu ul li a .col-md-2,
.side_menu ul li a .col-md-10 {float: left;}
.side_menu ul li a .col-md-2 {width: 16.666666666666664%;}
.side_menu ul li a .col-md-10 {width: 83.33333333333334%;}
.side_menu ul li img {width: 100%;}
.side_menu ul li .img {
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.side_menu a {
	font-family: sourcehansans-tc,微軟正黑體,msjh;
	font-size: 1.3em;
	color: #454545;
}
.side_menu a .title {
	font-family: cwtexqhei,微軟正黑體,msjh;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0;
}
.side_menu ul li:nth-child(1) {
	border-top: 1px solid rgba(44,142,142,0.6);
}
.side_menu ul li:last-child {
	border-bottom: 1px solid rgba(44,142,142,0.6)!important;
}
.side_menu ul li a .title span.name {float: left;}
.side_menu ul li a .title span.quantity {
	font-family: 'Abel', sans-serif;
	color: #b2b2b2;
	font-weight: 500;
	float: right;
}

.side_menu a.map {
	color: #ffffff;
	background-image: url(../images/img_map.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	display: block;
	overflow: hidden;
}
.side_menu a.map .title {
	color: #ffffff;
	text-align: center;
	border: 1px solid rgba(255,255,255,1);
	margin: 0.5em;
	display: block;
	overflow: hidden;
}
.side_menu a.map .title p {
	font-family: 'Lato', sans-serif,微軟正黑體,msjh;
	margin: 0;
	padding-top: 0;
}
.side_menu a.map .title p.col-md-6 {
	width: 50%;
	float: left;
}
.side_menu a.map .title p.antiwhite {
	width: 40%;
	color: #96948e;
	padding-left: 0;
	padding-right: 0;
	margin-left: 5%;
	margin-right: 5%;
    background: rgba(255,255,255,1);
}
.side_menu ul li .info p {
	font-size: 1em;
	color: #999999;
}
.side_menu a.second_link {
	color: #ffffff;
	text-align: center;
	border: 1px solid rgba(156,159,120,0.9);
    background: rgba(156,159,120,0.8);
	display: block;
	overflow: hidden;
}

/*關於*/
.fullpage .aboutinfobox .article .contentin {
	padding-top: 1em;
	padding-bottom: 1em;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

/*產品*/
.productinfobox {
	margin-right: 15px;
	margin-left: 15px;
	padding-top: 1.2em;
	padding-bottom: 1.2em;
	padding-right: 1em;
	padding-left: 1em;
	background: #ffffff;
	display: block;
	overflow: hidden;
    box-shadow: 0px 0px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.15);
}
.productinfobox img {width: 100%;}
.productinfobox .productname {
	font-family: sourcehansans-tc, "微軟正黑體", msjh;
	font-size: 1.7em;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding-bottom: 0.7em;
	line-height: 1;
}
.productinfobox ul {
	margin: 0;
	padding: 0;
}
.productinfobox .product_info ul li {
	width: 100%;
	margin-top: 0.7em;
	margin-bottom: 0.7em;
	display: block;
	overflow: hidden;
}
.productinfobox .product_info ul li:last-child {margin-bottom: 0em;}
.productinfobox .product_info .title {
	font-weight: 600;
}
.productinfobox .product_info .price,
.productinfobox .product_info .specialprice {
	font-size: 1.4em;
	margin-top: -0.2em;
	margin-bottom: 0;
	float: left;
}
.price {
	color: #999999;
	text-decoration: line-through;
}
.specialprice {color: #c76161;}
.allprice {
	color: #c76161;
	font-size: 1.2em;
	font-weight: 600;
}
.productinfobox .product_info .btnbox button {
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}
.productinfobox .product_detailed {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid rgba(0,0,0,0.1);
}
.productinfobox .product_detailed,
.productinfobox .product_detailed p,
.productinfobox .product_detailed span {
	line-height: 1.6;
	letter-spacing: 1.5px;
}

/*消息*/
.newsinfobox {margin-top: 1.5em;}
.newsinfobox h6 {
	text-align: center;
	margin-bottom: 0.1em;
}
.newsinfobox .addtime {
	color: #b9b9b9;
	text-align: center;
}
.newsinfobox .contentin {padding-top: 0em;}
.fullpage .newsinfobox .article {
	padding-top: 1em;
	padding-bottom: 1em;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
.news_info table tbody td {
	vertical-align: middle !important;
}
.news_info table tbody td:nth-child(3) {font-size: 1em;}

/*流程*/
.fullpage .processbox {
	padding-top: 1em;
}

/*合作*/
.cooperationbox {margin-top: 1.5em;}
.cooperationbox h6 {text-align: center;}
.cooperationbox .contentin {padding-top: 0em;}
.fullpage .cooperationbox .article {
	padding-top: 1em;
	padding-bottom: 1em;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}


/*聯絡*/
.contactus .map {
	border: 1px solid #dddddd;
	background: #ffffff;
	display: block;
	overflow: hidden;
}
.contactus .map iframe {
	border: 0.7em solid #ffffff !important;
}

/*表格*/
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
table thead th,
table tfoot th {text-align: center;}

.table thead > tr > th,
.table tfoot > tr > th {
	font-family: xingothic-tc,微軟正黑體 !important;
	font-size: 1.3em;
	font-weight: 400;
}

table tbody th {text-align: left;}
.infotable_b .tablelist table thead,
.infotable_b .tablelist table tfoot {background-color: rgba(0,63,142,0.12);/*rgba(66,57,48,0.1)*/}
.infotable_y .tablelist table thead,
.infotable_y .tablelist table tfoot {background-color: rgba(174,103,46,0.1);/*rgba(66,57,48,0.1)*/}
.infotable_g .tablelist table thead,
.infotable_g .tablelist table tfoot {background-color: rgba(81,127,13,0.1);/*rgba(66,57,48,0.1)*/}

table td a:hover,
table td a:active {color: #5ca979;}
.table thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #c7c7c7;
}

@media (min-width:801px){
	.side_menu.first ul li {border-bottom: 1px dashed rgba(0,0,0,0.2);}

	/*表格*/
	table tbody tr:nth-child(even) {background-color: rgba(0,0,0,0.02);}
	table tbody tr:nth-child(odd) {background-color: rgba(255,255,255,0.1);}
	.table-hover > tbody > tr:hover > td,
	.table-hover > tbody > tr:hover > th {background-color: rgba(140,199,166,0.08);}

	.productinfobox {
		margin-top: 2em;
		margin-bottom: 1.5em;
	}

	/*關於*/
	.fullpage .aboutinfobox .article .contentin {
		margin-top: 2em;
		margin-bottom: 2em;
	}

	/*流程*/
	.fullpage .processbox .article {
		padding-top: 1em;
		padding-bottom: 1em;
	}

	/*消息*/
	.news_info table tbody td:nth-child(1) {width: 15%;}
	.news_info table tbody td:nth-child(3) {width: 20%;}
	.news_info table tbody td .newsphoto img {width: 100%;}

	/*產品*/
	body.page .pageproductbox .pagenumber {margin-top: 1em;}

}
@media (max-width:800px){
	.side_menu.first,
	.side_menu.second,
	.side_menu.first ul li.titlebox {
		width: 100%;
		display: block;
		overflow: hidden;
	}
	.side_menu.first ul li {border-bottom: 1px dashed rgba(0,0,0,0.2);}
	.productinfobox {
		margin-top: 2em;
		margin-bottom: 1.5em;
	}
	.productinfobox {
		margin-top: 0;
		margin-bottom: 0;
	}
	.productinfobox .productname {
		padding-top: 0.7em;
		padding-bottom: 0.7em;
	}

	/*關於*/
	.fullpage .aboutinfobox .article .contentin {
		margin-top: 1em;
		margin-bottom: 2em;
	}

	/*流程*/
	.fullpage .processbox .article {
		padding-top: 0em;
		padding-bottom: 1em;
	}
}
@media (max-width:768px){
	/*消息*/
	.news_info table tbody td:nth-child(1) {width: 25%;}
	.news_info table tbody td:nth-child(3) {width: 20%;}
}
@media (min-width:740px){
	.table thead > tr > th {
		padding-top: 0.8em;
		padding-bottom: 0.1em;
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	.table tfoot > tr > th,
	.table tbody > tr > th {
		padding-top: 0.8em;
		padding-bottom: 0.8em;
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	.table thead > tr > td,
	.table tbody > tr > td,
	.table tfoot > tr > td {
		padding-top: 0.8em;
		padding-bottom: 0.8em;
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	.table thead > tr > td,
	.table tbody > tr > td,
	.table tfoot > tr > td {border-top: 1px solid #dddddd;}
}
@media (max-width:739px){
	.table thead > tr > th,
	.table tfoot > tr > th,
	.table tbody > tr > th,
	.table thead > tr > td,
	.table tbody > tr > td,
	.table tfoot > tr > td {
		padding-top: 0.2em;
		padding-bottom: 0.2em;
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	.table thead > tr > td,
	.table tbody > tr > td,
	.table tfoot > tr > td {text-align: left;}
	.table tbody > tr {border-top: 1px solid #dddddd;}
	.table td[colspan="3"] {text-align: center;}
}

@media screen and (min-width: 740px) {
	table tr {
		min-height: 60px;
		overflow: hidden;/*父層適應子層高度*/
	}
	table td {
		padding-left: 0.4em;
		padding-right: 0.4em;
	}
	table th,
	table td {
		padding-top: 0.6em;
		padding-bottom: 0.6em;
	}
	.member_infobox table th,
	.member_infobox table td {height: 90px;}
	.member_infobox.order table th,
	.member_infobox.order table td {
		height: 3em;
		text-align: center;
	}
	.member_infobox.order table thead {border-top: 1px solid #cecece;}
	.member_infobox.order table tfoot {border-bottom: 1px solid #cecece;}
	.member_infobox table th {padding-left: 0.6em;}
	table thead {border-bottom: 1px solid #cecece;}
	table tfoot {border-top: 1px solid #cecece;}
	table td span.movtitle {
		display: none;
		visibility: hidden;
	}
}
@media screen and (max-width: 739px) {
	body[class="page"] table th,
	body[class="page"] table td {display: block;}

	table tbody tr {
		padding-top: 0.8em;/*1.6em*/
		padding-bottom: 0.8em;/*1.6em*/
		display: block;
		overflow: hidden;/*父層適應子層高度*/
	}
	table thead tr,
	table tfoot tr {
		margin-top: 0em;
		margin-bottom: 0em;
	}
	table thead,
	table tfoot {
		display: none;
		visibility: hidden;
	}
	.tablelist table tbody td {
		padding-top: 0.1em;
		padding-bottom: 0.1em;
	}
	/*客戶logo*/
	.marquee_basicox table td {
		padding-left: 0.4em;
		padding-right: 0.4em;
	}
}
@media (max-width:640px){
	/*消息*/
	.news_info table tbody td:nth-child(1) {width: 100%;}
	.news_info table tbody td:nth-child(3) {width: 100%;}
	.news_info table tbody td:nth-child(3) {text-align: right !important;}
}


/*聯絡*/
.contact_info.contactus {
	margin-top: 2em;
	margin-bottom: 0;
}
.contact_info .map {margin-bottom:30px;}
.contact_info .map iframe {
	width: 100%;
	min-height: 350px;
	border: none;
}
.contact_info .contact-grids ul li {margin-bottom: 1em;}
.contact_info ul {
	margin: 0;
	padding: 0;
}
.contact_info .contact-grids ul li .infobox {
	color: #ffffff;
	text-align: center;
	background:linear-gradient(135deg,#2e878b 15px,#66beaa 0) top left;
	border-bottom: 8px solid #bfbfbf;
}
.contact_info .contact-grids ul li .infobox .infooutbox {
	min-height: 256px;
	padding-top: 0.7em;
	padding-bottom: 0.5em;
	padding-right: 1em;
	padding-left: 1em;
    background-image: url(../images/back_circlepattern_20.png);
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: 222% 0px;
}

.contact_info .contact-grids ul li .infobox .icon {
	text-align: center;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: auto;
	margin-right: auto;
}
.contact_info .contact-grids ul li .infobox .icon img {width: 100%;}
.contact_info .contact-grids ul li .infobox i {
	color: #c6f3d8;
	text-align: right;
	margin-right: 0;
	margin-left: 0;
	float: right;
}
.contact_info .contact-grids ul li .infobox .title {
	font-family: sourcehansans-tc,微軟正黑體,msjh;
	line-height: 1.1;
	font-size: 1.2em;
	font-weight: 500;
	border-bottom: 1px solid rgba(255,255,255,0.5);
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
}
.contact_info .contact-grids ul li .infobox .subtitle {
	color: #ffe329;
	text-transform: uppercase;
	margin-bottom: 0.5em;
}
.contact_info .contact-grids ul li .infobox p.info {
	min-height: 5.4em;
	text-align: left;
}
.contact-form {
	margin-right: 15px;
	margin-left: 15px;
	padding-top: 0.4em;
	padding-bottom: 1.2em;
	padding-right: 1em;
	padding-left: 1em;
	background: #ffffff;
	display: block;
	overflow: hidden;
    border: 1px solid rgba(192, 192, 192, 0.5);
}
.contact-form button,
.contact-form .button {margin-top: 1em;}
.text2 textarea {
	height: 230px;
	resize: none;
}

@media (min-width:1025px){
	html[lang="zh-EN"] .contact_info .contact-grids ul li .infobox,
	html[lang="EN"] .contact_info .contact-grids ul li .infobox {min-height: 285px;}
	html[lang="zh-EN"] .contact_info .contact-grids ul li .infobox p,
	html[lang="EN"] .contact_info .contact-grids ul li .infobox p {font-size: 1em !important;}
	html[lang="zh-TW"] .contact_info .contact-grids ul li .infobox {min-height: 244px;}
	html[lang="zh-TW"] .contact_info .contact-grids ul li .infobox p {font-size: 1.05em;}
	.contact_info .contact-grids ul li:nth-child(1) .infobox i {margin-top: -1.2em;}
	.contact_info .contact-grids ul li:nth-child(2) .infobox i,
	.contact_info .contact-grids ul li:nth-child(3) .infobox i {padding-top: 1.45em;}
}
@media (min-width:801px) and (max-width:1024px){
	html[lang="zh-EN"] .contact_info .contact-grids ul li .infobox,
	html[lang="EN"] .contact_info .contact-grids ul li .infobox {min-height: 277px;}
	html[lang="zh-TW"] .contact_info .contact-grids ul li .infobox {min-height: 258px;}
}
@media (max-width:1024px){
	html[lang="zh-EN"] .contact_info .contact-grids ul li .infobox p,
	html[lang="EN"] .contact_info .contact-grids ul li .infobox p {font-size: 1em !important;}
	html[lang="zh-TW"] .contact_info .contact-grids ul li .infobox p {font-size: 1.05em;}
	.contact_info .contact-grids ul li:nth-child(1) .infobox i {margin-top: -1.2em;}
	.contact_info .contact-grids ul li:nth-child(2) .infobox i,
	.contact_info .contact-grids ul li:nth-child(3) .infobox i {padding-top: 2.8em;}
}
@media (min-width:801px){
	.contact_info .contact-grids ul li .infobox .icon {width: 15%;}
}
@media (max-width:800px){
	.contact_info .contact-grids ul li .infobox .icon {width: 40%;}
	.contact_info .contact-grids ul li:nth-child(1) .infobox i {margin-top: -1.2em;}
	.contact_info .contact-grids ul li:nth-child(2) .infobox i,
	.contact_info .contact-grids ul li:nth-child(3) .infobox i {padding-top: -1.2em;}
	.contact_info .contact-grids ul li .infobox p.info {
		font-size: 1em;
	}
	.contact-form .col-md-4.float_right {
		width: 50%;
		float: none;
	}
}
@media (max-width:600px){
	.contact-form .col-md-4.float_right {width: 100%;}
	.contact_info .contact-grids ul li:nth-child(1) .infobox i {margin-top: -1.2em;}
	.contact_info .contact-grids ul li:nth-child(2) .infobox i,
	.contact_info .contact-grids ul li:nth-child(3) .infobox i {margin-top: -1.2em;}
}

/* ------------------[其他設定]------------------ */

/*頁碼*/
.pagenumber {float: right;}
.pagenumber .fa {margin-right: 0px;}
.pagenumber a {
	color: #82bdad;
	font: 1em;
	text-align: center;
	text-decoration: none;
	width: 2em;
	height: 2em;
	line-height: 2em;
	border: 1px solid #82bdad;
	margin-left: 0.2em;
	float: left;
}
.pagenumber a:hover {
	color: #82bdad;
	font-size: 1.5em;
	font-weight: bold;
	width: 2.01em;
	height: 2.01em;
	line-height: 2.01em;
	position: relative;
	border: 1px solid #82bdad;
	margin-top: -0.2em;
	margin-bottom: 0;
	margin-right: 0.2em;
	margin-left: 0.2em;
}
.pagenumber span {
	color: #ffffff;
	font-weight: bold;
	width: 2em;
	height: 2em;
	text-align: center;
	line-height: 2em;
	margin-left: 0.2em;
	border: 1px solid #82bdad;
	background: #82bdad;
	float: left;
}


@media (min-width:801px){
	img.computer,
	html[lang="zh-TW"] img.computer_TW,
	html[lang="zh-EN"] img.computer_EN,
	html[lang="EN"] img.computer_EN {
		display: block;
		overflow: inherit;
	}

	img.mobile,
	html[lang="zh-TW"] img.computer_EN,
	html[lang="zh-EN"] img.computer_TW,
	html[lang="EN"] img.computer_TW,
	html[lang="zh-TW"] img.mobile_TW,
	html[lang="zh-TW"] img.mobile_EN,
	html[lang="zh-EN"] img.mobile_TW,
	html[lang="EN"] img.mobile_TW,
	html[lang="zh-EN"] img.mobile_EN,
	html[lang="EN"] img.mobile_EN {
		display: none;
		visibility: hidden;
	}
}
@media (max-width:800px){
	img.mobile,
	html[lang="zh-TW"] img.mobile_TW,
	html[lang="zh-EN"] img.mobile_EN,
	html[lang="EN"] img.mobile_EN {
		display: block;
		overflow: inherit;
	}

	img.computer,
	html[lang="zh-TW"] img.mobile_EN,
	html[lang="zh-EN"] img.mobile_TW,
	html[lang="EN"] img.mobile_TW,
	html[lang="zh-TW"] img.computer_TW,
	html[lang="zh-TW"] img.computer_EN,
	html[lang="zh-EN"] img.computer_TW,
	html[lang="zh-EN"] img.computer_EN,
	html[lang="EN"] img.computer_TW,
	html[lang="EN"] img.computer_EN {
		display: none;
		visibility: hidden;
	}
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="color"],
input[type="range"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="url"],
textarea {
	width: 100%;
	color: #454554;
	font-size: 1.1em !important;
	background: #ffffff;
	margin: 12px 0;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	padding-right: 1em;
	padding-left: 1em;

	border: 1px solid rgba(192, 192, 192, 0.5);
	outline: none;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-o-border-radius: 1px;
}
select {
	width: 100%;
	color: #454554;
	font-size: 1.1em !important;
	background: #ffffff;
	margin: 12px 0;
	padding-top: 0.5em;
	padding-bottom: 0.7em;
	padding-right: 1em;
	padding-left: 1em;

	border: 1px solid rgba(192, 192, 192, 0.5);
	outline: none;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-o-border-radius: 1px;
	float: left;
}
.checkinfotable select {margin: 12px 0 !important;}
@media (max-width:600px){
	.checkinfotable select,
	.checkinfotable input,
	.member_infobox select,
	.member_infobox input {
		width: 96%;
		margin-right: 2% !important;
		margin-left: 2% !important;
	}
}

input[type="text"]:hover,
input[type="password"]:hover,
input[type="number"]:hover,
input[type="date"]:hover,
input[type="color"]:hover,
input[type="range"]:hover,
input[type="month"]:hover,
input[type="week"]:hover,
input[type="time"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="email"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="url"]:hover
input[type="text"]:active,
input[type="password"]:active,
input[type="number"]:active,
input[type="date"]:active,
input[type="color"]:active,
input[type="range"]:active,
input[type="month"]:active,
input[type="week"]:active,
input[type="time"]:active,
input[type="datetime"]:active,
input[type="datetime-local"]:active,
input[type="email"]:active,
input[type="search"]:active,
input[type="tel"]:active,
input[type="url"]:active,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="color"]:focus,
input[type="range"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
select:hover,
select:active,
select:focus,
textarea:hover,
textarea:active,
textarea:focus {border: 1px solid rgba(49,136,139,0.7);}
button,
input[type="submit"],
input[type="button"] {
	color: #ffffff !important;
	/*font-size: 1.1em !important;*/
	width: 100%;
	text-align: center;
	vertical-align: middle;


	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	/*
	box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	*/
}
button[type="submit"],
input[type="submit"] {
	font-size: 1.1em;
	line-height: 1;
	padding-top: 0.8em;
	padding-bottom: 0.7em;
}
button[type="button"],
input[type="button"] {
	line-height: 1;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	padding-left: 1em;
	padding-right: 1em;
}

button:hover,
button:focus,
.login_box_in input[type="submit"]:hover,
.login_box_in input[type="button"]:focus {
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}

.button {
    width: 100%;
    text-align: center;
    vertical-align: middle;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}
.button,
.button a {
    color: #ffffff;
    display: block;
    overflow: hidden;
}
.button a {
    letter-spacing: 1px;
    line-height: 1;
    padding-top: 0.8em;
    padding-bottom: 0.7em;
    padding-left: 1em;
    padding-right: 1em;
	margin-bottom: 0.1em;
}

@media (min-width:801px){
	.article .button {width: 30%;}
}
@media (max-width:800px){
	.article .button {width: 30%;}
}
@media (max-width:768px){
	.article .button {width: 30%;}
}
@media (max-width:640px){
	.article .button {width: 100%;}
}

.bevel_white {
	background:linear-gradient(135deg,#9a1b1d 0.8em,#ffffff 0) !important;
	/*background:linear-gradient(-45deg,transparent 0.8em,#f7f7f8 0);*/
}

.color_red1,
.color_red1:link,
.color_red1:visited {background-color: #9a1b1d;}
.color_red1:hover,
.color_red1:focus,
input[type="submit"].color_red1:hover,
input[type="submit"].color_red1:focus {background-color: #8f181a;}

.color_red2,
.color_red2:link,
.color_red2:visited {background-color: #c76161;}
.color_red2:hover,
.color_red2:focus,
input[type="submit"].color_red2:hover,
input[type="submit"].color_red2:focus {background-color: #b85757;}

.color_orange,
.color_orange:link,
.color_orange:visited {background-color: #c7694c;}
.color_orange:hover,
.color_orange:focus,
input[type="submit"].color_orange:hover,
input[type="submit"].color_orange:focus {background-color: #d57a5e;}

.color_gold,
.color_gold:link,
.color_gold:visited {background-color: #f59416;}
.color_gold:hover,
.color_gold:focus,
input[type="submit"].color_gold:hover,
input[type="submit"].color_gold:focus {background-color: #f48d07;}

.color_green,
.color_green:link,
.color_green:visited {background-color: #90B730;}
.color_green:hover,
.color_green:focus,
input[type="submit"].color_green:hover,
input[type="submit"].color_green:focus {background-color: #82a52b;}

.color_bluegreen,
.color_bluegreen:link,
.color_bluegreen:visited {background-color: #4FB3BD;}
.color_bluegreen:hover,
.color_bluegreen:focus,
input[type="submit"].color_bluegreen:hover,
input[type="submit"].color_bluegreen:focus {background-color: #48a7b1;}

.color_blue,
.color_blue:link,
.color_blue:visited {background-color: #4486c0;}
.color_blue:hover,
.color_blue:focus,
input[type="submit"].color_blue:hover,
input[type="submit"].color_blue:focus {background-color: #3374ac;}

.color_bluegray,
.color_bluegray:link,
.color_bluegray:visited {background-color: #7792b5;}
.color_bluegray:hover,
.color_bluegray:focus,
input[type="submit"].color_bluegray:hover,
input[type="submit"].color_bluegray:focus {background-color: #6280a7;}

.color_purple,
.color_purple:link,
.color_purple:visited {background-color: #a277ad;}
.color_purple:hover,
.color_purple:focus,
input[type="submit"].color_purple:hover,
input[type="submit"].color_purple:focus {background-color: #9666a2;}

.color_coffee,
.color_coffee:link,
.color_coffee:visited {background-color: #757376;}
.color_coffee:hover,
.color_coffee:focus,
input[type="submit"].color_coffee:hover,
input[type="submit"].color_coffee:focus {background-color: #686569;}

.color_gray,
.color_gray:link,
.color_gray:visited {background-color: #7e7e7e;}
.color_gray:hover,
.color_gray:focus,
input[type="submit"].color_gray:hover,
input[type="submit"].color_gray:focus {background-color: #6d6d6d;}

.color_basic,
.color_basic:link,
.color_basic:visited {
	color: #82bdad!important;
	background-color: #ffffff;
}
.color_basic_red,
.color_basic_red:link,
.color_basic_red:visited {
	color: #ffffff!important;
	background-color: #c35856;
}
.color_basic_dbluegray,
.color_basic_dbluegray:link,
.color_basic_dbluegray:visited {
	color: #ffffff!important;
	background-color: #2c7785;
}
.color_white,
.color_white:link,
.color_white:visited {
	color: #999999!important;
	background-color: #ffffff;
}
.color_white:hover,
.color_white:focus,
.color_basic:hover,
.color_basic:focus,
input[type="submit"].color_white:hover,
input[type="submit"].color_white:focus {
	color: #82bdad;
	background-color: #ffffff;
}
.color_basic_red:hover,
.color_basic_red:focus {
	color: #ffffff;
	background-color: #b04c49;
}
.color_basic_dbluegray:hover,
.color_basic_dbluegray:focus {
	color: #ffffff;
	background-color: #28717e;
}

.color_red1,
.color_red2,
.color_orange,
.color_gold,
.color_green,
.color_bluegreen,
.color_blue,
.color_bluegray,
.color_purple,
.color_coffee,
.color_gray {
	border: 1px solid rgba(255,255,255,0.3);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s;/*IE8*/
}
.color_white {
	border: 1px solid #cccccc;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s;/*IE8*/
}
.color_basic {
	border: 1px solid #82bdad;
	background:linear-gradient(135deg,#ffffff 0.8em,#ffffff 0) !important;

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s;/*IE8*/
}
.color_basic_red {
	border: 1px solid #c35856;
	background:linear-gradient(135deg,#ffdf88 0.8em,#c35856 0) !important;

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s;/*IE8*/
}
.color_basic_dbluegray {
	border: 1px solid #2c7785;
	background:linear-gradient(135deg,#66beaa 0.8em,#2c7f8b 0) !important;

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s;/*IE8*/
}


.font_red1 {color: #b13c3a;}
.font_red2 {color: #c76161;}
.font_orange {color: #d2753d;}
.font_yellow {color: #f8ba00;}
.font_orangeyellow {color: #f49a00;}
.font_lightyellow {color: #ffe890;}
.font_lightgreen {color: #c3de60;}
.font_green {color: #95bf2a;}
.font_green2 {color: #85CBBF;}
.font_bluegreen {color: #4FB3BD;}
.font_blue {color: #002a5a;}
.font_lightblue {color: #5ac1ff;}
.font_purple {color: #534584;}
.font_white {color: #ffffff;}
.font_gray {color: #cecece;}

.back_red1 {background: #b13c3a;}
.back_red2 {background: #c76161;}
.back_orange {background: #d2753d;}
.back_yellow {background: #f8ba00;}
.back_lightyellow {background: #ffe890;}
.back_green {background: #95bf2a;}
.back_bluegreen {background: #4FB3BD;}
.back_blue {background: #155b9c;}
.back_lightblue {background: #e1eef6;}
.back_purple {background: #534584;}
.back_white {background: #ffffff;}
.back_gray {background: #cecece;}
.back_lightgray {background: #f2f2f2;}

.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-justify {text-align: justify;}
.text-nowrap {white-space: nowrap;}
.text-lowercase {text-transform: lowercase;}
.text-uppercase {text-transform: uppercase;}
.text-capitalize {text-transform: capitalize;}
.text-muted {color: #777;}
.text-primary {color: #337ab7;}

.align_center {text-align: center;}
.align_left {text-align: left;}
.align_right {text-align: right;}

.float_center {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow: hidden;/*父層適應子層高度*/
}
.space_out3_top {margin-top: 0.3em;}
.space_out3_bottom {margin-bottom: 0.3em;}
.space_out3_right {margin-right: 0.3em;}
.space_out3_left {margin-left: 0.3em;}
.space_out5_top {margin-top: 0.5em;}
.space_out5_bottom {margin-bottom: 0.5em;}
.space_out5_right {margin-right: 0.5em;}
.space_out5_left {margin-left: 0.5em;}
.space_out5_topbot {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.space_out5_lefrig {
	margin-right: 0.5em;
	margin-left: 0.5em;
}
.space_out8_top {margin-top: 0.8em;}
.space_out8_bottom {margin-bottom: 0.8em;}
.space_out8_right {margin-right: 0.8em;}
.space_out8_left {margin-left: 0.8em;}
.space_out8_topbot {
	margin-top: 0.8em;
	margin-bottom: 0.8em;
}
.space_out8_lefrig {
	margin-right: 0.8em;
	margin-left: 0.8em;
}
.space_out10_top {margin-top: 1em;}
.space_out10_bottom {margin-bottom: 1em;}
.space_out10_right {margin-right: 1em;}
.space_out10_left {margin-left: 1em;}
.space_out10_topbot {
	margin-top: 1em;
	margin-bottom: 1em;
}
.space_out10_lefrig {
	margin-right: 1em;
	margin-left: 1em;
}
.space_out15_top {margin-top: 1.5em;}
.space_out15_bottom {margin-bottom: 1.5em;}
.space_out15_right {margin-right: 1.5em;}
.space_out15_left {margin-left: 1.5em;}
.space_out20_top {margin-top: 2em;}
.space_out20_bottom {margin-bottom: 2em;}
.space_out20_right {margin-right: 2em;}
.space_out20_left {margin-left: 2em;}
.space_out30_top {margin-top: 3em;}
.space_out30_bottom {margin-bottom: 3em;}
.space_out30_right {margin-right: 3em;}
.space_out30_left {margin-left: 3em;}

.space_out5_topbot,
.space_out8_topbot,
.space_out10_topbot {
	display: block;
	overflow: hidden;
}
.float_right {float: right !important;}
.float_left {float: left !important;}
.float_center {float: center !important;}


#hide,
.hide {
	display: none;
	visibility: hidden;
}
.m_pointer {cursor: pointer;}

.animated {
	/*animation-timing-function: linear;*/
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes twinkling {
	0%{opacity: 0.3;}
	100%{opacity: 1;}
}
@keyframes twinkling {
	0%{opacity: 0.3;}
	100%{opacity: 1;}
}

@keyframes pulsate {
	0% {transform: scale(1);}
	30% {transform: scale(1);}
	40% {transform: scale(1);}
	50% {transform: scale(1.03);}
	60% {transform: scale(0.99);}
	70% {transform: scale(1);}
	80% {transform: scale(1);}
	100% {transform: scale(1);}
}
@keyframes pulsate2 {
	0% {transform: scale(1.05);}
	30% {transform: scale(1.08);}
	40% {transform: scale(1.1);}
	50% {transform: scale(1.12);}
	60% {transform: scale(1.14);}
	70% {transform: scale(1.16);}
	80% {transform: scale(1.18);}
	100% {transform: scale(1.2);}
}