@charset "utf-8";

/* ------------------[基本設定]------------------ */
@import url(//fonts.googleapis.com/earlyaccess/notosansthaana.css);
html, body {
	font-family: 'Lato',微軟正黑體;
	font-size: 100%;
	text-rendering: optimizeLegibility !important;/*抗鋸齒*/ 
	-webkit-font-smoothing: antialiased !important;/*抗鋸齒*/
    -moz-osx-font-smoothing: grayscale !important;/*抗鋸齒*/
}
body {
	color: #666666;
	font-size: 1em;
	position: relative;
	margin: 0px;
	padding: 0px;
	
	/*-webkit-font-smoothing: antialiased;*/
}

@font-face {
	font-family: NSH-R;
	src: url(../fonts/NSH-R.eot); /* IE9 Compat Modes */
	src: url(../fonts/NSH-R.eot?#iefix) format("embedded-opentype"), /* IE6-IE8 */
	     url(../fonts/NSH-R.woff) format("woff"), /* Modern Browsers */
	     url(../fonts/NSH-R.ttf) format("truetype"), /* Safari, Android, iOS */
	     url(../fonts/NSH-R.svg#SealmemoryHeader) format("svg"); /* Legacy iOS */
	font-weight: normal;
	font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: "msjh";
		src: url("../fonts/NSH-R.svg#helvetica-condensed-black-sRg") format('svg');
	}
}
@font-face {
	font-family: 'NSH-R';
	font-weight: normal;
	font-style: normal;
	src: local('NSH-R'), local('NSH-R'), url(../fonts/NSH-R.ttf) format('truetype');
}

.container　{width:70%;}
.fa {margin-right: 5px;}
ul,
ul>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 {
	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 {
	letter-spacing: 1px;
	margin: 0;
}
a {color: #bf3f48;}
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());
}
.fa {font-family: FontAwesome !important;}
::selection {
	color: #fff;
	background: #bf3f48;
	text-shadow: none;
}
::-moz-selection {
	color: #fff;
	background: #bf3f48;
	text-shadow: none;
}
@media (max-width: 414px) {
	h2,.h2 {font-size: 2.5em;}
}

/* ------------------[Header]------------------ */
.headerbox {}
.headerbox .headerbox_in {}
/*---LOGO---*/
.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%;}
.logo a　{display:block;}

/*---上選單---*/
.topmenubox {
	/*display: block;
	overflow: hidden;*/
	float: right;
}
.topmenubox ul {
	padding: 0;
	margin: 0;
}
.topmenubox>ul>li {
	font-size: 1.25em;
	cursor: pointer;
	margin-left: 1.5em;
	float: right;
}
.topmenubox ul.topmenulist > li > a {
	color: #333333;
	font-family: NSH-R,source-han-sans-traditional,微軟正黑體;
	font-size: 0.8em;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
.topmenubox ul.topmenulist > li > a:hover,
.topmenubox ul.topmenulist > li > a:active,
.topmenubox ul.topmenulist > li > a:focus {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.topmenubox ul.topmenulist > li:nth-child(4) > a {font-size: 0.9em;}
@media (min-width: 1200px) {
	/*LOGO*/
	.top-header {
		width: 37%;/*40%*/
		float: left;
	}
	/*上選單*/
	.topmenubox {margin-top: 1.4em;}
}
@media (min-width: 1025px) and (max-width: 1199px) {
	/*LOGO*/
	.top-header {
		width: 35%;
		float: left;
	}
	/*上選單*/
	.topmenubox {margin-top: 0.8em;}
}
@media (min-width: 1025px) {
	.headerbox .headerbox_in {
		padding-top: 0.6em;
		padding-bottom: 0.6em;
	}
}
@media (min-width: 1023px) and (max-width: 1024px) {
	.headerbox .headerbox_in {
		padding-top: 0.6em;
		padding-bottom: 0.6em;
	}
	/*LOGO*/
	.top-header {
		width: 40%;
		float: left;
	}
	/*上選單*/
	.topmenubox {margin-top: 1em;}
}
@media (min-width: 992px) and (max-width: 1022px) {
	/*LOGO*/
	.top-header {width: 32%;}
}
@media (min-width: 801px) and (max-width: 1022px) {
	.headerbox .headerbox_in {
		padding-top: 0.6em;
		padding-bottom: 0.6em;
	}
	/*上選單*/
	.topmenubox {margin-top: 0.8em;}
}
@media (min-width: 801px) and (max-width: 991px) {
	/*LOGO*/
	.top-header {width: 40%;}
}
@media (min-width: 801px) {
	.topmenubox > ul > li {color: #333333;}
	.topmenubox > ul > li > a > img {
		width: 24px;
		height: auto;
	}
	.topmenubox > ul > li:nth-child(2) > a > img {
		width: 21px;
		height: auto;
	}
	.topmenubox ul.topmenulist > li:hover > .submenu,
	.topmenubox ul.topmenulist > li:active > .submenu,
	.topmenubox ul.topmenulist > li:focus > .submenu {
		/*display: table;*/
		display: block;
		overflow: hidden;
	}
	.topmenubox ul.topmenulist > li > .submenu {
		font-size: 14px;
		text-align: center;
		border: 1px solid #666666;
		background-color: #666666; 
		display: none;
		position: absolute;
		padding: 0px;
		z-index: 30;
	}	
	.topmenubox ul.topmenulist > li > .submenu a {
		color: #ffffff;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		padding-left: 0.5em;
		padding-right: 0.5em;
		display: block;
		overflow: hidden;
	}
	.topmenubox ul.topmenulist > li > .submenu a:hover,
	.topmenubox ul.topmenulist > li > .submenu a:active,
	.topmenubox ul.topmenulist > li > .submenu a:focus {
		color: #666666;
		background-color: #ffffff; 
		filter:alpha(opacity=100);
		-moz-opacity:1.0;
		opacity:1.0;
	}
	
	/*新的語系*/
	/*
	.languagebox .listfirst {
		font-size: 1.25em;
		-webkit-transform: scale(0.85);
		display: inline-block;
		cursor: pointer;
	}
	.languagebox .dropdown-toggle .listfirst {
		color: #333333;
		line-height: 1.1;
	}
	.languagebox .dropdown-menu {
	}
	.languagebox .dropdown-menu:hover {
		filter: alpha(opacity=100);
		-moz-opacity: 1.0;
		opacity: 1.0;
	}
	.languagebox ul.dropdown-menu li a {color: #ffffff;}
	.languagebox ul.dropdown-menu li a:hover,
	.languagebox ul.dropdown-menu li a:active,
	.languagebox ul.dropdown-menu li a:focus {
		color: #333333;
		text-decoration: none;
		background-color: #ffffff;
		filter: alpha(opacity=100);
		-moz-opacity: 1.0;
		opacity: 1.0;
	}
	.languagebox .dropdown-menu {
		width: auto;
		min-width: 150px;
		left: auto;
		z-index: 66;
		display: none;
		float: right;
		background-color: #666666;
		border: 1px solid #666666;
		position: absolute;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
			border-radius: 0px;
		-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0,0);
				box-shadow: 1px 1px 1px rgba(0, 0, 0,0);
	}
	.languagebox .dropdown-menu > li > a {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-right: 0;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}*/
	
}
@media (max-width: 800px) {
	.headerbox .headerbox_in {
		padding-top: 0.8em;
		padding-bottom: 0.8em;
	}
	/*LOGO*/
	.top-header {width: 100%;}
	.top-header .logobox {
		width: 60%;
		margin-left: auto;
		margin-right: auto;
	}
	/*上選單*/
	.topmenubox {
		display: none;
		visibility: hidden;
	}
}
@media (max-width: 768px) {
	/*LOGO*/
	.top-header .logobox {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (max-width: 767px) {
	/*LOGO*/
	.top-header .logobox {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
}

/*---主選單---*/
.headermainmenu {
	width: 100%;
	position: fixed;
	z-index: 99;
	bottom: 0;
}
.headermainmenu {background: #bf3f48;}
.headermainmenu .menu_main {
	display: block;
	overflow: hidden;
}

.headermainmenu .menu_main ul {padding: 0;}
.headermainmenu .menu_main ul li a,
.headermainmenu .menu_main ul li a:link,
.headermainmenu .menu_main ul li a:visited {	
	-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*/
	transition: all 0.3s ease-in-out;
}
.headermainmenu .menu_main ul li a:hover,
.headermainmenu .menu_main ul li a:active,
.headermainmenu .menu_main ul li a:focus {
	-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*/
	transition: all 0.3s ease-in-out;
}
@media (min-width: 1300px) {
	.headermainmenu .menu_main ul > li > a,
	.headermainmenu .menu_main ul > li > .link {
		font-size: 1.08em;
		padding-left: 50px;
		padding-right: 50px;
	}
	/*第二層*/
	.headermainmenu .menu_main ul li .submenu {
		width: 220px;
		margin-left: -1%;
	}
	.headermainmenu .menu_main ul li:hover .submenu {max-height: 780px!important;}
}
@media (min-width: 1200px) and  (max-width: 1299px) {
	.headermainmenu .menu_main ul > li > a,
	.headermainmenu .menu_main ul > li > .link {
		font-size: 1.08em;
		padding-left: 40px;
		padding-right: 40px;
	}
	/*第二層*/
	.headermainmenu .menu_main ul li .submenu {width: 16%;}
	.headermainmenu .menu_main ul li:hover .submenu {max-height: 650px!important;}
}
@media (min-width: 1024px) and  (max-width: 1199px) {
	.headermainmenu .menu_main ul > li > a,
	.headermainmenu .menu_main ul > li > .link {
		font-size: 1.05em;
		padding-left: 35px;
		padding-right: 35px;
	}
	/*第二層*/
	.headermainmenu .menu_main ul li .submenu {width: 16%;}
}
@media (min-width: 801px) and  (max-width: 1023px) {
	.headermainmenu .menu_main ul > li > a,
	.headermainmenu .menu_main ul > li > .link {
		font-size: 1em;
		padding-left: 18px;
		padding-right: 18px;
	}
	/*第二層*/
	.headermainmenu .menu_main ul li .submenu {width: 16%;}
}
@media (min-width: 801px) {
	.headermainmenu .menu_main {width: 100%;}
	.headermainmenu .menu_main ul {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	.headermainmenu .menu_main li {text-align: center;}
	.headermainmenu .menu_main ul li {
		/*width: 16%;*/
		display: inline-block;
	}
	.headermainmenu .menu_main ul > li > a,
	.headermainmenu .menu_main ul > li > .link {
		color: #ffffff;
		font-family: NSH-R,source-han-sans-traditional,微軟正黑體;
		text-align: center;
		margin-top: 1.1em;
		margin-bottom: 0.8em;
		border-right: 1px solid #ffffff;
		display: block;
		overflow: hidden;
		filter: alpha(opacity=100);
		-moz-opacity: 1.0;
		opacity: 1.0;
		cursor: pointer;
	}
	.headermainmenu .menu_main ul > li:nth-child(5) > a,
	.headermainmenu .menu_main ul > li:nth-child(5) > .link {border-left: 1px solid #ffffff;}
	/*第二層*/
	.headermainmenu .menu_main ul li .submenu {
		padding: 0px;
		display: none;
		/*overflow: hidden;*/
		position: absolute;
		margin-bottom: 62px;
		/*border: 1px solid rgba(0,0,0,0.1);*/
		z-index: 5;
		bottom: 0;
		box-shadow: 0px 0px 1px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.2);
		-webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.2);
	}
	
	.headermainmenu .menu_main ul li:hover .submenu {
		display: block;/*table*/
		max-height: 600px;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.headermainmenu .menu_main ul li .submenu .link {
		width: 100%;
		text-align: center;
		display: block;
		overflow: hidden;
	}
	.headermainmenu .menu_main ul li .submenu .link a {
		font-size: 1.06em;
		font-family: 'Lato',微軟正黑體;
		font-weight: 500;
		line-height: 1.1;
		color: #333333;
		text-align: center;
		padding-top: 0.8em;
		padding-bottom: 0.7em;
		padding-left: 0.5em;
		padding-right: 0.5em;
		background-color: #ffffff;
		filter:alpha(opacity=100);
		-moz-opacity:1.0;
		opacity:1.0;
	}
	.headermainmenu .menu_main ul li .submenu .link a:hover,
	.headermainmenu .menu_main ul li .submenu .link a:active,
	.headermainmenu .menu_main ul li .submenu .link a:focus {
		color: #ffffff;
		background-color: #bf3f48;
	}
	.headermainmenu a#pull,
	.headermainmenu .tbtn,
	#main_mm>li:nth-child(1),
	#main_mm>li:nth-child(2),
	#main_mm>li:nth-child(3),
	#main_mm>li:nth-child(4),
	#main_mm>li:last-child {
		display: none;
		visibility: hidden;
	}
	 {padding-top: 0.5em;}
}
@media screen and (max-width: 800px) {
	.headermainmenu .tbtn {
		width: 87%;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		display: inline-block;
	}
	.headermainmenu .tbtn .tbtn_in {
		padding-top: 0.7em;
		padding-bottom: 0.5em;
		margin-left: -15%;
		display: inline-block;
	}
	.headermainmenu .tbtn .tbtn_in img {
		width: 1.2em;
		margin-right: 1em;
		margin-top: 0.05em;
		float: left;
	}
	.headermainmenu .tbtn .tbtn_in span {
		color: #ffffff;
		font-size: 1.2em;
		line-height: 1em;
		display: block;
		overflow: hidden;
		float: left;
	}

	.headermainmenu a#pull {
		width: 13%;
		font-size: 1.2em;
		color: #ffffff;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		padding-left: 15px;
		display: block;
		overflow: hidden;
		filter:alpha(opacity=100);
		-moz-opacity:1.0;
		opacity:1.0;
		float: left;
	}
	.headermainmenu ul>li a {
		text-decoration: none;
		margin-left: auto;
		margin-right: auto;
		display: inline-block;
	}
	.menu_main {
		width: 50%;
		z-index: 99;		
		position: fixed; /*absolute*/
		margin-bottom: 42px;
		
		bottom: 0;
	}
	ul#main_mm {position: relative;}
	ul#main_mm li:nth-child(1)>a,
	ul#main_mm li:nth-child(2)>a,
	ul#main_mm li:nth-child(3)>a,
	#main_mm>li:nth-child(1)>.link,
	#main_mm>li:nth-child(2)>.link,
	#main_mm>li:nth-child(3)>.link {
		font-family: 'Lato',微軟正黑體!important;
		font-weight: 500!important;
	}
	#main_mm>li:nth-child(1) {padding-top: 0.5em;}
	#main_mm>li:nth-child(3) {
		border-bottom: 2px solid #bf3f48;
		margin-bottom: 0.4em;
	}
	ul#main_mm li>a,
	#main_mm>li>.link {
		color: #333333;
		font-family: NSH-R,source-han-sans-traditional,微軟正黑體;
		font-weight: 600;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		padding-left: 1em;
		padding-right: 1em;
	}
	#main_mm>li>.link {cursor: pointer;}
	#main_mm>li.open>.link {}
	#main_mm {
		border:none;
		padding: 0 0em;
		background: rgba(255,255,255,0.85);
	}
	ul#main_mm {
		display: none;
		height: auto;
		margin: 0;
		padding-top: 0;
		padding-bottom: 0;
		border-bottom: 0;
		float:none;
	}
	ul#main_mm li {}
	
	/*子選單*/
	.headermainmenu .submenu {display: none;}
	.headermainmenu .submenu a {
		color: #333333;
		text-align: left;
		margin-left: 1.2em;
		margin-right: 1.2em;
		margin-top: 0.3em;
		margin-bottom: 0.3em;
		padding-top: 0.3em;
		padding-bottom: 0.3em;
		padding-left: 1em;
		padding-right: 1em;
		filter:alpha(opacity=100);
		-moz-opacity:1.0;
		opacity:1.0;
		-webkit-transition: 0s;
		-moz-transition: 0s;
		-o-transition: 0s;
		-ms-transition: 0s;
		transition: 0s;
		display: block;
	}
	.headermainmenu .submenu a:hover,
	.headermainmenu .submenu a:active,
	.headermainmenu .submenu a:focus {
		color: #ffffff;
		background: #bf3f48;
		-webkit-transition: 0s;
		-moz-transition: 0s;
		-o-transition: 0s;
		-ms-transition: 0s;
		transition: 0s;
	}
}
@media (max-width:800px){
	.headermainmenu .submenu {
		max-height: 500px;
		overflow-x: hidden;
		overflow-y: auto;
	}
}
@media (max-width:736px) and (orientation : landscape){
	.headermainmenu .submenu {max-height: 100px;}
}
@media (max-width:640px) and (orientation : landscape){
	.headermainmenu .submenu {max-height: 100px;}
}
@media (max-width:600px){
	.headermainmenu .submenu {max-height: 460px;}
}
@media (max-width:414px){
	.headermainmenu .submenu {max-height: 250px;}
}
@media (max-width:375px){
	.headermainmenu .submenu {max-height: 200px;}
}
@media (max-width:360px){
	.headermainmenu .submenu {max-height: 180px;}
}

/* ------------------[底選單]------------------ */
.bottommenu {
	display: block;
	overflow: hidden;
}
.bottommenu .menubox {
	color: #a3a3a3;
	display: block;
	overflow: hidden;
}
.bottommenu .menubox .title {font-family: NSH-R,source-han-sans-traditional,微軟正黑體;}
.bottommenu .menubox ul {
	margin: 0;
	padding: 0;
}
.bottommenu .menubox ul li a {color: #a3a3a3;}
@media (min-width:992px){}
@media (max-width:991px){
	.bottommenu .col-md-3 {
		width: 25%;
		float: left;
	}
}
@media (min-width:801px){
	.bottommenu .menubox {
		margin-top: 1.5em;
		margin-bottom: 2.8em;
	}
	.bottommenu .menubox .title {
		font-size: 1.1em;
		margin-bottom: 0.2em;
	}
	.bottommenu .menubox ul li {
		width: 100%;
		margin-bottom: 0.3em;
		display: block;
		overflow: hidden;
	}
	.bottommenu .menubox ul li a {
		font-size: 1em;
		float: left;
	}
}
@media (max-width:800px){
	.bottommenu .menubox {
		margin-top: 1.5em;
		margin-bottom: 2.8em;
	}
	.bottommenu .menubox .title {
		font-size: 1.1em;
		margin-bottom: 0.2em;
	}
	.bottommenu .menubox ul li a {
		font-size: 0.98em;
		margin-bottom: 0.2em;
	}
}
@media (max-width:768px) {
	.bottommenu .menubox {
		margin-top: 1.2em;
		margin-bottom: 2.5em;
	}
}
@media (max-width:767px) {
	.bottommenu .menubox {
		margin-top: 0.5em;
		margin-bottom: 1em;
	}
	.bottommenu .col-md-3 {
		width: 100%;
		float: left;
		margin-bottom: 1em;
	}
}

/* -------------------[底部]------------------- */
.footer {
	color: #ffffff;
	text-align: center;
	padding: 0;
	background: #666666;
}
.footer .footer_in {
	padding-right: 0;
	padding-left: 0;
}
.footer .footer_in .copy-right p {
	width: 100%;
	margin: 0;
	padding: 0;
}
.footer .footer_in .copy-right p.subtitle {
	font-family: 'Lato',微軟正黑體;
	font-weight: 300;
}

/*返回鍵+右邊選單*/
.toTopbox {
	right: 0;
	z-index: 999;
	position: fixed;
}
.toTopbox .upright_menu {
	border-top: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
	border-left: 1px solid #cbcbcb;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.25);
	background-color: rgba(255,255,255,0.9);
	display: block;
	overflow: hidden;
}
.toTopbox .upright_menu ul {
	margin: 0;
	padding: 0;
}
.toTopbox .upright_menu ul li {
	text-align: center;
	border-bottom: 1px solid #cbcbcb;
	display: block;
	overflow: hidden;
}
.toTopbox .upright_menu ul li:last-child {border-bottom: none;}
.toTopbox .upright_menu ul li a {
	display: block;
	overflow: hidden;
}
.toTopbox .upright_menu ul li img {
	width: 100%;
	height: auto;
}
#toTopHover {text-align: center;}
#toTopHover i {
	color: rgba(255,255,255,1.0);
	font-weight: 500;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	margin: 0;
	display: block;
	overflow: hidden;
	line-height: 20px;
}
#toTopHover .iconbottom {
	color: rgba(255,255,255,1.0);
	font-weight: 700;
}
.back-top {
	transform: translateY(0%);
	transition: all 0.2s linear;
	background-color: rgba(191,63,72,0.9);
	border-bottom: 1px solid #bf3f48;
	border-left: 1px solid #bf3f48;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.25);
	cursor: pointer;
}
.back-top:hover {
	opacity: 0.8;
	filter: Alpha(opacity=80);
}
.back-top.hide {
	opacity: 0;
	filter: Alpha(opacity=0);
	transform: translateY(150%);
}

@media (min-width: 992px) {
	/*返回鍵+右邊選單*/
	.toTopbox {
		width: 70px;
		bottom: 14.5%;
	}
	.toTopbox .upright_menu ul li {padding: 0.2em;}
	.toTopbox .upright_menu ul li a {
		padding-top: 0.5em;
		padding-left: 0.7em;
		padding-right: 0.7em;
	}
	.toTopbox .upright_menu ul li div {
		line-height: 1.1;
		word-break: break-all;
		margin-top: 0.3em;
		margin-bottom: 0.3em;
	}
	html[lang="zh-tw"] .toTopbox .upright_menu ul li div,
	html[lang="zh-CN"] .toTopbox .upright_menu ul li div,
	html[lang="ja"] .toTopbox .upright_menu ul li div {
		font-size: 0.95em;
		-webkit-transform:scale(0.9);
	}
	html[lang="en"] .toTopbox .upright_menu ul li div,
	html[lang="th"] .toTopbox .upright_menu ul li div,
	html[lang="km"] .toTopbox .upright_menu ul li div,
	html[lang="pt-PT"] .toTopbox .upright_menu ul li div {
		font-size: 0.45em;
		-webkit-transform:scale(0.8);
		padding-left: 0.2em;
		padding-right: 0.2em;
	}
	#toTopHover {
		width: 70px;
		height: 70px;
	}
	#toTopHover i {
		font-size: 2em;
		padding-top: 10px;
	}
	#toTopHover .iconbottom {
		font-size: 1.2em;
		padding-bottom: 15px;
	}
}
@media (max-width: 991px) {
	.footer {}
	/*返回鍵+右邊選單*/
	.toTopbox {
		width: 70px;
		bottom: 15%;
	}
	.toTopbox .upright_menu ul li {
		padding-top: 0.3em;
		padding-left: 0.2em;
		padding-right: 0.2em;
	}
	.toTopbox .upright_menu ul li a {
		padding-top: 0.3em;
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	.toTopbox .upright_menu ul li div {
		line-height: 1.1;
		word-break: break-all;
		margin-top: 0.3em;
		margin-bottom: 0.6em;
	}
	html[lang="zh-tw"] .toTopbox .upright_menu ul li div,
	html[lang="zh-CN"] .toTopbox .upright_menu ul li div,
	html[lang="ja"] .toTopbox .upright_menu ul li div {
		font-size: 0.88em;
		-webkit-transform:scale(0.9);
	}
	html[lang="en"] .toTopbox .upright_menu ul li div,
	html[lang="th"] .toTopbox .upright_menu ul li div,
	html[lang="km"] .toTopbox .upright_menu ul li div,
	html[lang="pt-PT"] .toTopbox .upright_menu ul li div {
		font-size: 0.5em;
		-webkit-transform:scale(0.75);
		padding-left: 0.2em;
		padding-right: 0.2em;
	}
	#toTopHover {
		width: 60px;
		height: 50px;
	}
	#toTopHover i {
		font-size: 2em;
		padding-top: 8px;
	}
	#toTopHover .iconbottom {
		font-size: 1.2em;
		padding-bottom: 10px;
	}
}
@media (min-width: 801px) {
	.footer .footer_in {
		margin-bottom: 62px;
		padding-top: 1.2em;
		padding-bottom: 1.2em;
	}
	.footer .footer_in .copy-right p.title {font-size: 1em;}
	.footer .footer_in .copy-right p.subtitle {font-size: 0.9em;}
}
@media (max-width: 800px) {
	.footer .footer_in {
		margin-bottom: 42px;
		padding-top: 1em;
		padding-bottom: 1em;
	}
	.footer .footer_in .copy-right p.title {font-size: 0.9em;}
	.footer .footer_in .copy-right p.subtitle {font-size: 0.9em;}
}

/* -------------------[共同]------------------- */
/*BANNER*/
.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 img {
	height: auto;
	border: 0;
}
.callbacks_container {}
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}
.slider-grid {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 0;
}
.slider-grid .title,
body.index .slider-grid .slider_content {
	font-family: NSH-R,source-han-sans-traditional,微軟正黑體;
	display: block;
	overflow: hidden;
}
.slider-grid .title p {
	display: block;
	overflow: hidden;
}
.slider-grid .btnbox .tbtn {
	font-size: 1.2em;
	line-height: 1;
	text-shadow: none;
	letter-spacing: 1px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	padding-top: 0.5em;
	padding-bottom: 0.6em;
	padding-left: 1.5em;
	padding-right: 1.5em;
	display: inline-block;
	border: 1px solid rgba(0,145,181,0.8);
	background-color: rgba(0,145,181,0.8);
	border-radius: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
	user-select: none;
}
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;
}
@media (min-width: 801px) {
	.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;	
	}
	.slider-grid .title {font-size: 2.5em;}
}
@media (max-width: 800px) {
	body.page .rslides .container {
		max-width: 100%;
		padding-right: 0;
		padding-left: 0;	
	}
	body.page .rslides .container .row {
		margin-right: 0;
		margin-left: 0;
	}
	.rslides {margin-top: 0px;}
	.callbacks_container .container {
		max-width: 100%;
		padding-right: 0;
		padding-left: 0;	
	}
	.callbacks_container .container .row {
		margin-right: 0;
		margin-left: 0;	
	}
}
@media (max-width: 640px) {}

/*頁面*/
.fullpage {
	padding-top: 0;
	padding-bottom: 0;
}
body.page .fullpage .article .content_computer a,
body.page .fullpage .article .content_mobile a {
	display: inline-block;
	line-height: 1;
	margin-bottom: -2px;
}
.generalpage {
	min-height: 456px;
	padding-top: 3em;/*0em*/
	padding-bottom: 3em;/*2em*/
}
body.index .content {
	padding-top: 0em;
	padding-bottom: 0em;
}
.content {
	padding-top: 2em;
	padding-bottom: 2em;/*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;
}
.fullpage .article,
.fullpage .article p,
.fullpage .article span,
.fullpage .article>ul>li,
.fullpage .article td,
table th,
table td {
	color: #666666;
	/*font-size: 1.1em;*/
	overflow: hidden;
}
.fullpage .article li {color: #666666;}

body.page .fullpage .article .content_computer ul,
body.page .fullpage .article .content_computer li,
body.page .fullpage .article .content_mobile ul,
body.page .fullpage .article .content_mobile li {list-style: inherit;}
body.page .fullpage .article .content_document {
	width: 100%;
	border-top: 1px dashed #a3a3a3;
	margin-top: 1em;
	display: block;
	overflow: hidden;
}
body.page .fullpage .article .content_document ul {
	list-style: none;
	margin-top: 2em;
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	display: block;
	overflow: hidden;
}
body.page .fullpage .article .content_document ul li {
	width: 100%;
	font-size: 1em;
	margin-top: 0em;
	margin-bottom: 1em;
	background: #fff2f3;
	float: left;
}
body.page .fullpage .article .content_document ul li .filename {
	color: #ffffff;
	font-weight: 500;
	margin-right: 1em;
	padding-top: 0.15em;
	padding-bottom: 0.15em;
	padding-left: 0.8em;
	padding-right: 0.8em;
	background: #e5737d;
	border: 1px solid #e5737d;
	float: left;
}
body.page .fullpage .article .content_document ul li a {
	font-weight: 600;
	margin-top: 3px;
	float: left;
}
.fullpage .article p {
	letter-spacing: 2px;
	margin: 0 0 1em;
}

.contact_info {
	margin-top: 1.5em;
	margin-bottom: 0;
}
.contentin {
    margin-top: 0.5em;
    margin-bottom: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
	/*border-top: 1px solid rgba(0,0,0,0.3);*//*dddddd*/
	/*border-bottom: 1px solid rgba(0,0,0,0.15);*//*dddddd*/
}
.article .contentin {margin-top: 0em;}
hr.bottomline {border-top: 1px dashed #a3a3a3;}
@media (min-width:801px){
	.fullpage {min-height: 350px;}
	body.index hr.bottomline {margin-top: 3em;}
	body.page hr.bottomline {margin-top: 2em;}
}
@media (max-width:800px){
	body.index hr.bottomline {margin-top: 3em;}
	body.page hr.bottomline {margin-top: 2em;}
}
@media (max-width:767px){
	body.index hr.bottomline {margin-top: 1.8em;}
	body.page hr.bottomline {margin-top: 1.8em;}
}
@media (min-width:641px) {
	.content {min-height: 300px;}
}

/*標題*/
.fullpage .titlebox,
.content .titlebox,
.generalpage .titlebox,
.fullpage .titlebox {
	display: block;
	overflow: hidden;
}
.titlebox .title {color: #000000;}
body.index .content .titlebox .title {
	color: #000000;
	font-family: NSH-R,source-han-sans-traditional,微軟正黑體;
	font-weight: 400;
	text-align: center;
	letter-spacing: 1px;
	padding-bottom: 0.6em;
}
body.page .fullpage .titlebox {
	border-bottom: 1px dashed #a3a3a3;
	padding-bottom: 0.6em;
}
body.page .fullpage .titlebox .title {
	color: #676767;
	font-family: NSH-R,source-han-sans-traditional,微軟正黑體;
	font-weight: 400;
	text-align: left;
	letter-spacing: 1px;
}
@media (min-width: 1200px) {
	.slider-grid .title p {margin-bottom: 0.6em;}
	body.page .slider-grid .title p {margin-bottom: 0;}
}
@media (min-width: 801px) {
	/*標題*/
	.content .titlebox .title,
	.col-md-3 .product_menu .titlebox .title,
	.generalpage .titlebox .title,
	.fullpage .titlebox .title {font-size: 1.6em;}
}
@media (max-width: 800px) {
	/*標題*/
	.content .titlebox .title,
	.product_menu .titlebox .title,
	.generalpage .titlebox .title,
	.fullpage .titlebox .title {font-size: 1.5em;}
}
@media (max-width:640px) {
	/*標題*/
	.content .titlebox .title,
	.generalpage .titlebox .title,
	.fullpage .titlebox .title,
	.product_menu .titlebox .title {font-size: 1.3em;}
}

/* -------------------[首頁]------------------- */
/*BANNER*/
@media (min-width: 1700px) {
	.rslides.index li {height: 880px;}
	.rslides.index li img {
		/*width: 100%;*/
		min-width: 1500px;
		height: auto;
		margin-top: 0;
	}
}
@media (min-width: 1500px) and (max-width: 1699px) {
	.rslides.index li {height: 810px;}
	.rslides.index li img {
		/*width: 100%;*/
		min-width: 1500px;
		height: auto;
		margin-top: 0;
		margin-left: 0%;/*-5%*/
	}
}
@media (min-width: 1300px) and (max-width: 1499px) {
	.rslides.index li {height: 810px;}
	.rslides.index li img {
		width: 1500px;
		height: auto;
		margin-top: 0;
		margin-left: 0%;
	}
}
@media (min-width: 1200px) and (max-width: 1299px) {
	.rslides.index li img {
		width: 1500px;
		margin-top: 0;
		margin-left: -10%;/*-18%*/
		height: auto;
	}
}
@media (min-width: 1200px) {
	body.index .slider-grid {
		height: 250px;
		top: 38%;
	}
}
@media (min-width: 1024px) and (max-width: 1199px) {
	body.index .slider-grid {
		width: 500px;
		height: 120px;
		top: 38%;
	}
	.rslides.index li img {
		width: 1500px;
		margin-top: 0;
		margin-left: -17%;/*-27%*/
		height: auto;
	}
}
@media (min-width: 991px) and (max-width: 1023px) {
	body.index .slider-grid {
		width: 500px;
		height: 120px;
		top: 42%;
	}
	.rslides.index li img {
		width: 1500px;
		margin-top: 0;
		margin-left: -17%;/*-27%*/
		height: auto;
	}
}
@media (min-width: 801px) and (max-width: 990px) {
	body.index .slider-grid {
		width: 500px;
		height: 120px;
		top: 40%;
	}
	.rslides.index li img {
		width: 1562px;
		margin-top: 0;
		margin-left: -30%;/*-50%*/
		height: auto;
	}
}
@media (min-width: 801px) {
	.rslides.index li {width: 100%;}
	body.index .slider-grid .title {font-size: 3.5em;}
	body.index .slider-grid .slider_subtitle {font-size: 1.45em;}
	body.index .slider-grid .slider_content {
		margin-top: 9%;
		font-size: 1.8em;
	}
}
@media (max-width: 800px) {
	body.index .content {padding-top: 0em;}
	body.index .slider-grid .title {font-size: 3.5em;}
	body.index .slider-grid .slider_subtitle {font-size: 1.45em;}
	body.index .slider-grid .slider_content {
		margin-top: 9%;
		font-size: 1.8em;
	}
}
@media (min-width: 769px) and (max-width: 800px) {
	.rslides.index img {
		width: 113.355%;
		margin-left: -6.8%;
		height: 650px;
	}
	.rslides.index li {
		width: 100%;
		height: 650px;
	}
	body.index .slider-grid {
		width: 500px;
		height: 120px;
		top: 40%;
	}
	.rslides.index li img {
		width: 1562px;
		margin-top: 0;
		margin-left: -30%;/*-50%*/
		height: auto;
	}
}
@media (max-width: 768px) {
	body.index .slider-grid .title {font-size: 2.6em;}
	body.index .slider-grid .slider_subtitle {font-size: 1.1em;}
}
@media (min-width: 641px) and (max-width: 768px) {
	.rslides.index img {
		width: 113.355%;
		margin-left: -6.8%;
		height: 650px;
	}
	.rslides.index li {
		width: 100%;
		height: 700px;
	}
	body.index .slider-grid {
		width: 500px;
		height: 120px;
		top: 40%;
	}
	.rslides.index li img {
		width: 1562px;
		margin-top: -10%;/*加*/
		margin-left: -53%;
		height: auto;
	}
}
@media (max-width:640px) {
	.rslides.index img {
		margin-left: -15%;/*-50%*/
		width: 130%;/*200%*/
	}
}
@media (min-width: 601px) and (max-width: 640px) {
	.rslides.index img {
		width: 113.355%;
		margin-left: -6.8%;
		height: 650px;
	}
	.rslides.index li {
		width: 100%;
		height: 650px;
	}
	body.index .slider-grid {
		width: 500px;
		height: 120px;
		top: 40%;
	}
	.rslides.index li img {
		width: 1562px;
		margin-top: -10%;/*加*/
		margin-left: -75%;
		height: auto;
	}
}
@media (min-width: 481px) and (max-width: 600px) {
	.rslides.index img {
		width: 113.355%;
		margin-left: -6.8%;
		height: 650px;
	}
	.rslides.index li {
		width: 100%;
		height: 600px;
	}
	body.index .slider-grid {
		width: 500px;
		height: 120px;
		top: 40%;
	}
	.rslides.index li img {
		width: 1562px;
		margin-top: -10%;/*加*/
		margin-left: -84%;
		height: auto;
	}
}
@media (max-width:480px){
	.rslides.index img {
		width: 113.355%;
		margin-left: -6.8%;
		height: 650px;
	}
	.rslides.index li {
		width: 100%;
		height: 480px;
	}
	body.index .slider-grid {
		width: 100%;
		height: 110px;
		top: 40%;
	}
	.rslides.index li img {
		width: 1100px;
		margin-top: -20%;/*加*/
		margin-left: -50%;
		height: auto;
	}
}
@media (max-width: 414px) {
	.rslides.index li {
		width: 100%;
		height: 414px;
	}
	.rslides.index li img {
		width: 1000px;
		margin-left: -50%;
		height: auto;
	}
	.rslides.index img {
		width: 113.355%;
		margin-left: -6.8%;
		height: 580px;
	}
	body.index .slider-grid {
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
		height: 110px;
		top: 35%;
	}
	body.index .slider-grid .title {font-size: 2.4em;}
	body.index .slider-grid .slider_subtitle {font-size: 1em;}
	body.index .slider-grid .slider_content {
		margin-top: 8%;
		font-size: 1.6em;
	}
}
@media (max-width: 412px) {
	.rslides.index li img {
		margin-left: -50%;
		height: auto;
	}
}
@media (max-width: 375px) {
	.rslides.index li {height: 375px;}
	.rslides.index li img {
		width: 1000x;
		margin-left: -50%;
		height: auto;
	}
}
@media (max-width: 360px) {
	body.index .slider-grid {
		width: 80%;
		top: 32%;
	}
	body.index .slider-grid .title {font-size: 2em;}
	body.index .slider-grid .slider_content {
		margin-top: 8%;
		font-size: 1.2em;
	}
	.rslides.index li {height: 360px;}
	.rslides.index li img {
		width: 1000x;
		margin-left: -50%;
		height: auto;
	}
}
@media (max-width:320px){
	.rslides.index li {height: 320px;}
	.rslides.index li img {
		width: 800px;
		margin-left: -50%;
		height: auto;
	}
	body.index .slider-grid {top: 30%;}
	body.index .slider-grid .title {font-size: 2em;}
	body.index .slider-grid .slider_subtitle {font-size: 1em;}
	body.index .slider-grid .slider_content {
		margin-top: 8%;
		font-size: 1.2em;
	}
}

/*內容*/
.index_firstbox,
.index_secondbox,
.index_secondbox .secondcontent,
.index_thirdbox,
.index_thirdbox .middle_title,
.index_thirdbox .thirdlist .third_content_out,
.index_fourthbox,
.index_fourthbox .fourthcontent,
.index_fifthbox,
.index_fifthbox .info {
	display: block;
    overflow: hidden;
}
@media (min-width:801px){
	.index_secondbox,
	.index_thirdbox,
	.index_fifthbox {margin-top: 2.6em;}
}
@media (max-width:800px){
	.index_firstbox,
	.index_secondbox,
	.index_thirdbox,
	.index_fifthbox {margin-top: 2.6em;}
}
@media (min-width:768px){
	body.index .titlebox {margin-bottom: 2em;}
}
@media (max-width:767px){
	body.index .titlebox {margin-bottom: 1.6em;}
}

/*第一區*/
.index_firstbox .firstcontent {
	line-height: 1.6;
	letter-spacing: 1px;
	display: block;
    overflow: hidden;
}
@media (min-width:801px){
	.index_firstbox {
		margin-top: 3em;
		margin-bottom: 3em;
	}
	.index_firstbox .firstcontent {
		font-size: 1.1em;
		text-align: center;
	}
}
@media (max-width:800px){
	.index_firstbox {margin-bottom: 2.6em;}
	.index_firstbox .firstcontent {
		font-size: 1em;
		text-align: left;
	}
}

/*第二區*/
.index_secondbox {}
.index_secondbox .col-md-3 {
    padding-right: 0;
    padding-left: 0;
}
.index_secondbox .secondcontent {color: #ffffff;}
.index_secondbox .secondcontent .photo img {width: 100%;}
.index_secondbox .secondcontent.one {background: #ffb001;}
.index_secondbox .secondcontent.two {background: #66baff;}
.index_secondbox .secondcontent.three {background: #59c685;}
.index_secondbox .secondcontent.four {background: #ff8889;}
.index_secondbox .secondcontent .photo {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.index_secondbox .secondcontent .txtbox {text-align: center;}
@media (min-width:1200px){
	.index_secondbox .secondcontent .photo {width: 60%;}
}
@media (max-width:1199px){
	.index_secondbox .secondcontent .photo {width: 60%;}
}
@media (min-width:1024px){
	.index_secondbox .secondcontent .txtbox {
		font-size: 1.05em;
		margin-top: 0.5em;
		min-height: 46px;
	}
	html[lang="ja"] .index_secondbox .secondcontent .txtbox {min-height: 66px;}
	html[lang="km"] .index_secondbox .secondcontent .txtbox {min-height: 64px;}
	html[lang="pt-PT"] .index_secondbox .secondcontent .txtbox {min-height: 64px;}
}
@media (min-width:992px) and (max-width:1023px) {
	.index_secondbox .secondcontent .txtbox {
		font-size: 1.05em;
		margin-top: 0.5em;
		min-height: 46px;
	}
}
@media (max-width:991px){
	.index_secondbox .col-md-3 {
		width: 25%;
		float: left;
	}
}
@media (min-width:801px) and (max-width:991px) {
	.index_secondbox .secondcontent .txtbox {
		font-size: 1.1em;
		margin-top: 0.5em;
		min-height: 69px;
	}
}
@media (min-width:801px){
	.index_secondbox {margin-bottom: 2.6em;}
	.index_secondbox .secondcontent {
		padding-top: 1.5em;
		padding-bottom: 1.3em;
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media (max-width:800px){
	.index_secondbox {margin-bottom: 2.6em;}
	.index_secondbox .secondcontent {
		padding-top: 1.5em;
		padding-bottom: 1.3em;
		padding-left: 1.2em;
		padding-right: 1.2em;
	}
	.index_secondbox .col-md-3 {
		width: 50%;
		float: left;
	}
	.index_secondbox .secondcontent .photo {width: 60%;}
	.index_secondbox .secondcontent .txtbox {
		font-size: 1.1em;
		margin-top: 1em;
	}
}
@media (min-width:641px) and (max-width:767px){
	.index_secondbox .secondcontent .txtbox {min-height: 46px;}
}
@media (max-width:640px){
	.index_secondbox .secondcontent {
		padding-top: 1.8em;
		padding-bottom: 1.6em;
		padding-left: 1.4em;
		padding-right: 1.4em;
	}
	.index_secondbox .col-md-3 {
		width: 100%;
		margin-bottom: 0;
	}
	.index_secondbox .secondcontent .photo {width: 45%;}
	.index_secondbox .secondcontent .txtbox {
		font-size: 1em;
		margin-top: 1em;
	}
}

/*第三區*/
.index_thirdbox {}
.index_thirdbox ul.thirdlist {
	margin: 0;
	padding: 0;
}
.index_thirdbox ul.thirdlist li.col-md-6 {
    padding-right: 0;
    padding-left: 0;
}
.index_thirdbox ul.thirdlist li .txt {
	font-family: NSH-R,source-han-sans-traditional,微軟正黑體;
	color: #000000;
    font-weight: 400;
    text-align: center;
    letter-spacing: 1px;
}
.index_thirdbox ul.thirdlist li .third_content {text-align: center;}
.index_thirdbox ul.thirdlist li .txt,
.index_thirdbox ul.thirdlist li .third_content {text-align: center;}
.index_thirdbox .middle_title {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.index_thirdbox .middle_title .title {
	font-family: NSH-R,source-han-sans-traditional,微軟正黑體;
	color: #ffffff;
	background: #003c94;
	letter-spacing: 1px;
}
@media (min-width:1901px){
	html[lang="zh-tw"] .index_thirdbox .middle_title .title,
	html[lang="zh-CN"] .index_thirdbox .middle_title .title {
		left: 44.6%;
		margin-top: 176px;
	}
	html[lang="en"] .index_thirdbox .middle_title .title {
		left: 44.6%;
		margin-top: 130px;
	}
	html[lang="ja"] .index_thirdbox .middle_title .title {
		left: 44.6%;
		margin-top: 115px;
	}
	html[lang="th"] .index_thirdbox .middle_title .title {
		left: 44.6%;
		margin-top: 176px;
	}
	html[lang="km"] .index_thirdbox .middle_title .title {
		left: 44.6%;
		margin-top: 115px;
	}
	html[lang="pt-PT"] .index_thirdbox .middle_title .title {
		left: 44.6%;
		margin-top: 160px;
	}
}
@media (min-width:1801px) and (max-width:1900px) {
	html[lang="zh-tw"] .index_thirdbox .middle_title .title,
	html[lang="zh-CN"] .index_thirdbox .middle_title .title {
		left: 44.5%;
		margin-top: 176px;
	}
	html[lang="en"] .index_thirdbox .middle_title .title {
		left: 44.5%;
		margin-top: 130px;
	}
	html[lang="ja"] .index_thirdbox .middle_title .title {
		left: 44.5%;
		margin-top: 115px;
	}
	html[lang="th"] .index_thirdbox .middle_title .title {
		left: 44.5%;
		margin-top: 176px;
	}
	html[lang="km"] .index_thirdbox .middle_title .title {
		left: 44.5%;
		margin-top: 115px;
	}
	html[lang="pt-PT"] .index_thirdbox .middle_title .title {
		left: 44.5%;
		margin-top: 160px;
	}
}
@media (min-width:1701px) and (max-width:1800px) {
	html[lang="zh-tw"] .index_thirdbox .middle_title .title,
	html[lang="zh-CN"] .index_thirdbox .middle_title .title {
		left: 44%;
		margin-top: 176px;
	}
	html[lang="en"] .index_thirdbox .middle_title .title {
		left: 44%;
		margin-top: 140px;
	}
	html[lang="ja"] .index_thirdbox .middle_title .title {
		left: 44%;
		margin-top: 115px;
	}
	html[lang="th"] .index_thirdbox .middle_title .title {
		left: 44%;
		margin-top: 120px;
	}
	html[lang="km"] .index_thirdbox .middle_title .title {
		left: 44%;
		margin-top: 120px;
	}
	html[lang="pt-PT"] .index_thirdbox .middle_title .title {
		left: 44%;
		margin-top: 160px;
	}
}
@media (min-width:1601px) and (max-width:1700px) {
	html[lang="zh-tw"] .index_thirdbox .middle_title .title,
	html[lang="zh-CN"] .index_thirdbox .middle_title .title {
		left: 43.8%;
		margin-top: 176px;
	}
	html[lang="en"] .index_thirdbox .middle_title .title {
		left: 43.8%;
		margin-top: 140px;
	}
	html[lang="ja"] .index_thirdbox .middle_title .title {
		left: 43.8%;
		margin-top: 120px;
	}
	html[lang="th"] .index_thirdbox .middle_title .title {
		left: 43.8%;
		margin-top: 165px;
	}
	html[lang="km"] .index_thirdbox .middle_title .title {
		left: 43.8%;
		margin-top: 165px;
	}
	html[lang="pt-PT"] .index_thirdbox .middle_title .title {
		left: 43.8%;
		margin-top: 165px;
	}
}
@media (min-width:1501px) and (max-width:1600px) {
	html[lang="zh-tw"] .index_thirdbox .middle_title .title,
	html[lang="zh-CN"] .index_thirdbox .middle_title .title {
		left: 43.6%;
		margin-top: 176px;
	}
	html[lang="en"] .index_thirdbox .middle_title .title {
		left: 43.5%;
		margin-top: 140px;
	}
	html[lang="ja"] .index_thirdbox .middle_title .title {
		left: 43.5%;
		margin-top: 120px;
	}
	html[lang="th"] .index_thirdbox .middle_title .title {
		left: 43.2%;
		margin-top: 165px;
	}
	html[lang="km"] .index_thirdbox .middle_title .title {
		left: 43.5%;
		margin-top: 120px;
	}
	html[lang="pt-PT"] .index_thirdbox .middle_title .title {
		left: 43.2%;
		margin-top: 165px;
	}
}
@media (min-width:1401px) and (max-width:1500px) {
	html[lang="zh-tw"] .index_thirdbox .middle_title .title,
	html[lang="zh-CN"] .index_thirdbox .middle_title .title {
		left: 43%;
		margin-top: 176px;
	}
	html[lang="en"] .index_thirdbox .middle_title .title {
		left: 43%;
		margin-top: 140px;
	}
	html[lang="ja"] .index_thirdbox .middle_title .title {
		left: 43%;
		margin-top: 120px;
	}
	html[lang="th"] .index_thirdbox .middle_title .title {
		left: 42.7%;
		margin-top: 165px;
	}
	html[lang="km"] .index_thirdbox .middle_title .title {
		left: 42.5%;
		margin-top: 120px;
	}
	html[lang="pt-PT"] .index_thirdbox .middle_title .title {
		left: 42.7%;
		margin-top: 165px;
	}
}
@media (min-width:1301px) and (max-width:1400px) {
	html[lang="zh-tw"] .index_thirdbox .middle_title .title,
	html[lang="zh-CN"] .index_thirdbox .middle_title .title {
		left: 42.7%;
		margin-top: 176px;
	}
	html[lang="en"] .index_thirdbox .middle_title .title {
		left: 42.5%;
		margin-top: 145px;
	}
	html[lang="ja"] .index_thirdbox .middle_title .title {
		left: 42.5%;
		margin-top: 120px;
	}
	html[lang="th"] .index_thirdbox .middle_title .title {
		left: 42.5%;
		margin-top: 160px;
	}
	html[lang="km"] .index_thirdbox .middle_title .title {
		left: 42.5%;
		margin-top: 120px;
	}
	html[lang="pt-PT"] .index_thirdbox .middle_title .title {
		left: 42.5%;
		margin-top: 160px;
	}
}
@media (min-width:1200px) and (max-width:1300px) {
	html[lang="zh-tw"] .index_thirdbox .middle_title .title,
	html[lang="zh-CN"] .index_thirdbox .middle_title .title {
		left: 42%;
		margin-top: 176px;
	}
	html[lang="en"] .index_thirdbox .middle_title .title {
		left: 41.5%;
		margin-top: 140px;
	}
	html[lang="ja"] .index_thirdbox .middle_title .title {
		left: 41.5%;
		margin-top: 120px;
	}
	html[lang="th"] .index_thirdbox .middle_title .title {
		left: 41.5%;
		margin-top: 160px;
	}
	html[lang="km"] .index_thirdbox .middle_title .title {
		left: 41.5%;
		margin-top: 120px;
	}
	html[lang="pt-PT"] .index_thirdbox .middle_title .title {
		left: 41.5%;
		margin-top: 160px;
	}
}
@media (min-width:1200px){
	html[lang="zh-tw"] .index_thirdbox .middle_title .title,
	html[lang="zh-CN"] .index_thirdbox .middle_title .title {
		font-size: 1.6em;
		width: 200px;
		min-height: 180px;
	}
	html[lang="en"] .index_thirdbox .middle_title .title {
		font-size: 1.4em;
		width: 200px;
		min-height: 180px;
	}
	html[lang="ja"] .index_thirdbox .middle_title .title {
		font-size: 1.6em;
		width: 200px;
		min-height: 180px;
	}
	html[lang="th"] .index_thirdbox .middle_title .title {
		font-size: 1.6em;
		width: 200px;
		min-height: 180px;
	}
	html[lang="km"] .index_thirdbox .middle_title .title {
		font-size: 1.4em;
		width: 200px;
		min-height: 180px;
	}
	html[lang="pt-PT"] .index_thirdbox .middle_title .title {
		font-size: 1.4em;
		width: 200px;
		min-height: 180px;
	}
	.index_thirdbox .middle_title .title {
		padding-top: 2.5em;
		padding-bottom: 2.5em;
		padding-left: 1.5em;
		padding-right: 1.5em;
	}
	.index_thirdbox ul.thirdlist li {
		padding-top: 3em;
		padding-bottom: 2em;
	}
	html[lang="zh-tw"] .index_thirdbox ul.thirdlist li .third_content_out {width: 100%;/*33%*/}
	html[lang="zh-CN"] .index_thirdbox ul.thirdlist li .third_content_out {width: 100%;/*33%*/}
	html[lang="en"] .index_thirdbox ul.thirdlist li .third_content_out {width: 100%;/*33%*/}
	html[lang="ja"] .index_thirdbox ul.thirdlist li .third_content_out {width: 100%;/*33%*/}
	html[lang="th"] .index_thirdbox ul.thirdlist li .third_content_out {width: 100%;/*33%*/}
	html[lang="km"] .index_thirdbox ul.thirdlist li .third_content_out {width: 100%;/*33%*/}
	html[lang="pt-PT"] .index_thirdbox ul.thirdlist li .third_content_out {width: 100%;/*33%*/}
	.index_thirdbox ul.thirdlist li:nth-child(1) .third_content_out,
	.index_thirdbox ul.thirdlist li:nth-child(3) .third_content_out {
		padding-left: 0%;
		padding-right: 20%;
	}
	.index_thirdbox ul.thirdlist li:nth-child(2) .third_content_out,
	.index_thirdbox ul.thirdlist li:nth-child(4) .third_content_out {
		padding-left: 20%;
		padding-right: 0%;
	}
	.index_thirdbox ul.thirdlist li .third_content {min-height: 115px;/*89px*/}
}
@media (min-width:1025px) and (max-width:1199px) {
	html[lang="zh-tw"] .index_thirdbox .middle_title .title,
	html[lang="zh-CN"] .index_thirdbox .middle_title .title {
		font-size: 1.6em;
		width: 185px;
		min-height: 182px;
		margin-top: 228px;/*176px*/
		left: 42%;
	}
	html[lang="en"] .index_thirdbox .middle_title .title {
		font-size: 1.4em;
		width: 185px;
		min-height: 182px;
		margin-top: 200px;/*176px*/
		left: 41%;
	}
	html[lang="ja"] .index_thirdbox .middle_title .title {
		font-size: 1.6em;	
		width: 185px;
		min-height: 182px;
		margin-top: 170px;/*176px*/
		left: 41%;
	}
	html[lang="th"] .index_thirdbox .middle_title .title {
		font-size: 1.6em;
		width: 185px;
		min-height: 182px;
		margin-top: 228px;/*176px*/
		left: 42%;
	}
	html[lang="km"] .index_thirdbox .middle_title .title {
		font-size: 1.4em;
		width: 185px;
		min-height: 182px;
		margin-top: 175px;/*176px*/
		left: 41%;
	}
	html[lang="pt-PT"] .index_thirdbox .middle_title .title {
		font-size: 1.4em;
		width: 185px;
		min-height: 182px;
		margin-top: 200px;/*176px*/
		left: 41%;
	}
	.index_thirdbox .middle_title .title {
		padding-top: 2em;
		padding-bottom: 2em;
		padding-left: 1.2em;
		padding-right: 1.2em;
	}
	html[lang="zh-tw"] .index_thirdbox ul.thirdlist li .third_content_out {width: 100%;/*50%*/}
	html[lang="zh-CN"] .index_thirdbox ul.thirdlist li .third_content_out {width: 100%;/*50%*/}
	html[lang="en"] .index_thirdbox ul.thirdlist li .third_content_out {width: 100%;/*50%*/}
	html[lang="ja"] .index_thirdbox ul.thirdlist li .third_content_out {width: 100%;/*50%*/}
	html[lang="th"] .index_thirdbox ul.thirdlist li .third_content_out {width: 100%;/*50%*/}
	html[lang="km"] .index_thirdbox ul.thirdlist li .third_content_out {width: 100%;/*50%*/}
	html[lang="pt-PT"] .index_thirdbox ul.thirdlist li .third_content_out {width: 100%;/*50%*/}
	.index_thirdbox ul.thirdlist li:nth-child(1) .third_content_out,
	.index_thirdbox ul.thirdlist li:nth-child(3) .third_content_out {
		padding-left: 0%;
		padding-right: 20%;
	}
	.index_thirdbox ul.thirdlist li:nth-child(2) .third_content_out,
	.index_thirdbox ul.thirdlist li:nth-child(4) .third_content_out {
		padding-left: 20%;
		padding-right: 0%;
	}
	.index_thirdbox ul.thirdlist li .third_content {
		width: 100%;
		min-height: 138px;
		margin-left: auto;
		margin-right: auto;
	}
	.index_thirdbox ul.thirdlist li {
		padding-top: 3em;
		padding-bottom: 3em;
	}
}
@media (min-width:1023px) and (max-width:1024px) {
	html[lang="zh-tw"] .index_thirdbox .middle_title .title,
	html[lang="zh-CN"] .index_thirdbox .middle_title .title {
		font-size: 1.6em;
		width: 185px;
		min-height: 182px;
		margin-top: 210px;
		left: 41%;
	}
	html[lang="en"] .index_thirdbox .middle_title .title {
		font-size: 1.4em;
		width: 185px;
		min-height: 182px;
		margin-top: 170px;
		left: 41%;
	}
	html[lang="ja"] .index_thirdbox .middle_title .title {
		font-size: 1.6em;
		width: 185px;
		min-height: 182px;
		margin-top: 150px;
		left: 41%;
	}
	html[lang="th"] .index_thirdbox .middle_title .title {
		font-size: 1.6em;
		width: 185px;
		min-height: 182px;
		margin-top: 210px;
		left: 41%;
	}
	html[lang="km"] .index_thirdbox .middle_title .title {
		font-size: 1.3em;
		width: 185px;
		min-height: 182px;
		margin-top: 170px;
		left: 41%;
	}
	html[lang="pt-PT"] .index_thirdbox .middle_title .title {
		font-size: 1.4em;
		width: 185px;
		min-height: 182px;
		margin-top: 175px;
		left: 41%;
	}
	.index_thirdbox .middle_title .title {
		padding-top: 2em;
		padding-bottom: 2em;
		padding-left: 1.5em;
		padding-right: 1.5em;
	}
	.index_thirdbox ul.thirdlist li .third_content_out {width: 100%;}
	.index_thirdbox ul.thirdlist li:nth-child(1) .third_content_out,
	.index_thirdbox ul.thirdlist li:nth-child(3) .third_content_out {
		padding-left: 0%;
		padding-right: 20%;
	}
	.index_thirdbox ul.thirdlist li:nth-child(2) .third_content_out,
	.index_thirdbox ul.thirdlist li:nth-child(4) .third_content_out {
		padding-left: 20%;
		padding-right: 0%;
	}
	.index_thirdbox ul.thirdlist li .third_content {
		width: 100%;
		min-height: 120px;
		margin-left: auto;
		margin-right: auto;
	}
	.index_thirdbox ul.thirdlist li {
		padding-top: 3em;
		padding-bottom: 3em;
	}
}
@media (min-width:992px) and (max-width:1022px) {
	html[lang="zh-tw"] .index_thirdbox .middle_title .title,
	html[lang="zh-CN"] .index_thirdbox .middle_title .title {
		font-size: 1.6em;
		width: 160px;
		min-height: 160px;
		margin-top: 228px;
		left: 41.8%;
	}
	html[lang="en"] .index_thirdbox .middle_title .title {
		font-size: 1.3em;
		width: 160px;
		min-height: 160px;
		margin-top: 200px;
		left: 41.8%;
	}
	html[lang="ja"] .index_thirdbox .middle_title .title {
		font-size: 1.6em;
		width: 160px;
		min-height: 160px;
		margin-top: 170px;
		left: 41.8%;
	}
	html[lang="th"] .index_thirdbox .middle_title .title {
		font-size: 1.6em;
		width: 160px;
		min-height: 160px;
		margin-top: 228px;
		left: 41.8%;
	}
	html[lang="km"] .index_thirdbox .middle_title .title {
		font-size: 1.6em;
		width: 210px;
		min-height: 160px;
		margin-top: 165px;
		left: 39.5%;
	}
	html[lang="pt-PT"] .index_thirdbox .middle_title .title {
		font-size: 1.6em;
		width: 210px;
		min-height: 160px;
		margin-top: 200px;
		left: 39.5%;
	}
	.index_thirdbox .middle_title .title {
		padding-top: 2em;
		padding-bottom: 2em;
		padding-left: 1em;
		padding-right: 1em;
	}
	.index_thirdbox ul.thirdlist li .third_content_out {width: 100%;}
	.index_thirdbox ul.thirdlist li:nth-child(1) .third_content_out,
	.index_thirdbox ul.thirdlist li:nth-child(3) .third_content_out {
		padding-left: 0%;
		padding-right: 20%;
	}
	.index_thirdbox ul.thirdlist li:nth-child(2) .third_content_out,
	.index_thirdbox ul.thirdlist li:nth-child(4) .third_content_out {
		padding-left: 20%;
		padding-right: 0%;
	}
	.index_thirdbox ul.thirdlist li .third_content {
		width: 100%;
		min-height: 140px;
		margin-left: auto;
		margin-right: auto;
	}
	.index_thirdbox ul.thirdlist li {
		padding-top: 3em;
		padding-bottom: 3em;
	}
}
@media (max-width:991px){
	.index_thirdbox ul.thirdlist li.col-md-6 {
		width: 50%;
		float: left;
	}
}
@media (min-width:801px) and (max-width:991px) {
	html[lang="zh-tw"] .index_thirdbox .middle_title .title,
	html[lang="zh-CN"] .index_thirdbox .middle_title .title {
		font-size: 1.6em;
		width: 150px;
		min-height: 150px;
		margin-top: 258px;
		left: 42%;
	}
	html[lang="en"] .index_thirdbox .middle_title .title {
		font-size: 1.2em;
		width: 150px;
		min-height: 150px;
		margin-top: 230px;
		left: 42%;
	}
	html[lang="ja"] .index_thirdbox .middle_title .title {
		font-size: 1.2em;
		width: 150px;
		min-height: 150px;
		margin-top: 248px;
		left: 41%;
	}
	html[lang="th"] .index_thirdbox .middle_title .title {
		font-size: 1.6em;
		width: 150px;
		min-height: 150px;
		margin-top: 258px;
		left: 42%;
	}
	html[lang="km"] .index_thirdbox .middle_title .title {
		font-size: 1.2em;
		width: 150px;
		min-height: 150px;
		margin-top: 220px;
		left: 42%;
	}
	html[lang="pt-PT"] .index_thirdbox .middle_title .title {
		font-size: 1.2em;
		width: 150px;
		min-height: 150px;
		margin-top: 258px;
		left: 42%;
	}
	.index_thirdbox .middle_title .title {
		padding-top: 1.6em;
		padding-bottom: 1.6em;
		padding-left: 0.8em;
		padding-right: 0.8em;
	}
	.index_thirdbox ul.thirdlist li .third_content_out {width: 100%;}
	.index_thirdbox ul.thirdlist li:nth-child(1) .third_content_out,
	.index_thirdbox ul.thirdlist li:nth-child(3) .third_content_out {
		padding-left: 0%;
		padding-right: 20%;
	}
	.index_thirdbox ul.thirdlist li:nth-child(2) .third_content_out,
	.index_thirdbox ul.thirdlist li:nth-child(4) .third_content_out {
		padding-left: 20%;
		padding-right: 0%;
	}
	.index_thirdbox ul.thirdlist li .third_content {
		width: 100%;
		min-height: 160px;
		margin-left: auto;
		margin-right: auto;
	}
	.index_thirdbox ul.thirdlist li {
		padding-top: 3em;
		padding-bottom: 3em;
	}
}
@media (min-width:801px){
	.index_thirdbox {margin-bottom: 2.6em;}
	.index_thirdbox ul li:nth-child(1),
	.index_thirdbox ul li:nth-child(2) {border-bottom: 1px dashed #003c94;}
	.index_thirdbox ul li:nth-child(1),
	.index_thirdbox ul li:nth-child(3) {border-right: 1px dashed #003c94;}
	.index_thirdbox .middle_title {
		display: block;
		overflow: hidden;
	}
	.index_thirdbox .middle_title .title {
		text-align: center;
		display: inline-block;
		overflow: hidden;
		position: absolute;
		z-index: 1;	
	}
	.index_thirdbox ul.thirdlist li .third_content_out {
		text-align: center;
		/*margin-left: auto;
		margin-right: auto;*/
		padding-bottom: 2em;
	}
	.index_thirdbox ul.thirdlist li .txt {font-size: 1.4em;}
	.index_thirdbox ul.thirdlist li .third_content {
		font-size: 1.1em;
		text-align: center;
		letter-spacing: 1px;
		margin-top: 1em;
	}
}
@media (max-width:800px){
	.index_thirdbox {margin-bottom: 2.6em;}
	.index_thirdbox .middle_title .title {
		font-size: 1.6em;
		padding-top: 0.7em;
		padding-bottom: 0.8em;
	}
	.index_thirdbox ul.thirdlist li:nth-child(1) {
		padding-top: 1.5em;
		border-left: 1px solid #003c94;
	}
	.index_thirdbox ul.thirdlist li:nth-child(2) {
		padding-top: 1.5em;
		border-right: 1px solid #003c94;
	}
	.index_thirdbox ul.thirdlist li:nth-child(3) {
		padding-top: 1em;
		border-left: 1px solid #003c94;
		border-bottom: 1px solid #003c94;
	}
	.index_thirdbox ul.thirdlist li:nth-child(4) {
		padding-top: 1em;
		border-right: 1px solid #003c94;
		border-bottom: 1px solid #003c94;
	}
	.index_thirdbox ul.thirdlist li {padding-bottom: 1em;}
	.index_thirdbox ul.thirdlist li .txt {font-size: 1.3em;}
	.index_thirdbox .thirdlist .third_content_out {
		padding-left: 15px;
		padding-right: 15px;
	}
	.index_thirdbox ul.thirdlist li .third_content {
		font-size: 1.1em;
		margin-top: 1em;
		min-height: 115px;
	}
}
@media (max-width:640px) {
	.index_thirdbox .middle_title .title {
		font-size: 1.3em;
		padding-top: 0.6em;
		padding-bottom: 0.6em;
		padding-left: 15px;
		padding-right: 15px;
	}
	.index_thirdbox ul.thirdlist li.col-md-6 {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
		float: left;
	}
	.index_thirdbox ul.thirdlist li:nth-child(1) {
		padding-top: 1.5em;
		padding-bottom: 0;
		border-left: 1px solid #003c94;
		border-right: 1px solid #003c94;
	}
	.index_thirdbox ul.thirdlist li:nth-child(2) {
		padding-top: 1em;
		padding-bottom: 0;
		border-left: 1px solid #003c94;
		border-right: 1px solid #003c94;
	}
	.index_thirdbox ul.thirdlist li:nth-child(3) {
		padding-top: 1em;
		padding-bottom: 0;
		border-left: 1px solid #003c94;
		border-right: 1px solid #003c94;
		border-bottom: none;
	}
	.index_thirdbox ul.thirdlist li:nth-child(4) {
		padding-top: 1em;
		padding-bottom: 1.5em;
		border-left: 1px solid #003c94;
		border-right: 1px solid #003c94;
		border-bottom: 1px solid #003c94;
	}
	.index_thirdbox ul.thirdlist li .txt {font-size: 1.2em;}
	.index_thirdbox ul.thirdlist li .third_content {
		font-size: 1em;
		margin-top: 1em;
		min-height: auto;
	}
}

/*第四區-為什麼*/
.index_fourthbox {}
.index_fourthbox .index_fourthbox_in {background: #bf3f48;}
.index_fourthbox .fourthcontent {color: #ffffff;}
.index_fourthbox .fourthcontent ul {
	margin: 0;
	padding: 0;
}
.index_fourthbox .fourthcontent ul li {
	width: 100%;
	text-align: center;
}
@media (max-width:991px){
	.index_fourthbox .col-md-3 {
		width: 25%;
		float: left;
	}
}
@media (min-width:801px){
	.index_fourthbox .index_fourthbox_in  {
		padding-top: 2.6em;
		padding-bottom: 3em;
	}
	.index_fourthbox .fourthcontent ul li span.digital {font-size: 2em;}
	.index_fourthbox .fourthcontent ul li span.unit {font-size: 1.1em;}
	.index_fourthbox .fourthcontent ul li.txt {
		font-size: 1.2em;
		margin-top: 0.3em;
	}
}
@media (max-width:800px){
	.index_fourthbox .index_fourthbox_in  {
		padding-top: 2.6em;
		padding-bottom: 3em;
	}
	.index_fourthbox .fourthcontent ul li span.digital {font-size: 1.6em;}
	.index_fourthbox .fourthcontent ul li span.unit {font-size: 1.1em;}
	.index_fourthbox .fourthcontent ul li.txt {font-size: 1.2em;}
}
@media (max-width:767px){
	.index_fourthbox .index_fourthbox_in  {
		padding-top: 1.9em;
		padding-bottom: 1em;
	}
}
@media (max-width:600px){
	.index_fourthbox .col-md-3 {
		width: 50%;
		margin-bottom: 1.5em;
		float: left;
	}
	.index_fourthbox .fourthcontent ul li span.digital {font-size: 1.3em;}
	.index_fourthbox .fourthcontent ul li span.unit {font-size: 1em;}
	.index_fourthbox .fourthcontent ul li.txt {font-size: 1em;}
}
@media (max-width:414px){
	.index_fourthbox .col-md-3 {width: 100%;}
	.index_fourthbox .fourthcontent ul li span.digital {font-size: 1.5em;}
	.index_fourthbox .fourthcontent ul li span.unit {font-size: 1em;}
	.index_fourthbox .fourthcontent ul li.txt {font-size: 1.1em;}
}

/*第五區-聯絡表單*/
.index_fifthbox .info {
	line-height: 1.6;
	letter-spacing: 1px;
}
ul.contactbox {
	margin: 0;
	padding: 0;
}
ul.contactbox li.half {
	width: 50%;
	float: left;
}
ul.contactbox li.all {width: 100%;}
.index_fifthbox .button {margin-top: 1em;}
@media (min-width:992px){
	ul.contactbox li.half {margin-bottom: 1em;}
	ul.contactbox li.half:nth-child(even) {padding-left: 8px;}
	ul.contactbox li.half:nth-child(odd) {padding-right: 8px;}
	.index_fifthbox textarea {min-height: 200px;}
}
@media (max-width:991px){
	.index_fifthbox .col-md-6 {
		width: 50%;
		float: left;
	}
	ul.contactbox li.half {margin-bottom: 1em;}
	ul.contactbox li.half:nth-child(even) {padding-left: 8px;}
	ul.contactbox li.half:nth-child(odd) {padding-right: 8px;}
	.index_fifthbox textarea {min-height: 200px;}
}
@media (min-width:801px){
	.index_fifthbox form .button {
		width: 33%;
		float: right;
	}
}
@media (max-width:800px){
	ul.contactbox li.half {margin-bottom: 0.5em;}
	.index_fifthbox .info {font-size: 1.1em;}
}
@media (min-width:768px){
	.index_fifthbox .col-md-6.right {float: right;}
	.index_fifthbox .col-md-6.left {float: left;}
}
@media (max-width:767px){
	.index_fifthbox {margin-top: 1.9em;}
	.index_fifthbox .col-md-6 {
		width: 100%;
		float: left;
	}
	.index_fifthbox .col-md-6.left {margin-top: 2em;}
}
@media (max-width:414px){
	body.index .content .button {
		width: 55%;
		margin-left: auto;
		margin-right: auto;
	}
}

/* ------------------[內頁頁面]------------------ */
/*BANNER*/
@media (min-width: 1200px) {
	body.page .slider-grid {
		height: 60px;
		top: 40%;
	}
}
@media (min-width: 1024px) and (max-width: 1199px) {
	body.page .slider-grid {
		width: 500px;
		height: 60px;
		top: 45%;
	}
}
@media (min-width: 991px) and (max-width: 1023px) {
	body.page .slider-grid {
		width: 500px;
		height: 60px;
		top: 45%;
	}
}
@media (min-width: 801px) and (max-width: 990px) {
	body.page .slider-grid {
		width: 500px;
		height: 60px;
		top: 33%;
	}
}
@media (min-width: 801px) {
	body.page .rslides img {width: 100%;}
}
@media (max-width: 800px) {
	body.page .slider-grid .title {font-size: 2em;}
}
@media (min-width: 769px) and (max-width: 800px) {
	body.page .slider-grid {
		width: 500px;
		height: 60px;
		top: 40%;
	}
	body.page .rslides img {width: 196%;}
}
@media (max-width: 768px) {
	body.page .slider-grid .title {font-size: 2.6em;}
}
@media (min-width: 641px) and (max-width: 768px) {
	body.page .slider-grid {
		width: 500px;
		height: 60px;
		top: 40%;
	}
	body.page .rslides img {
		/*width: 196%;*/
		height: 300px;
	}
}
@media (min-width: 601px) and (max-width: 640px) {
	body.page .slider-grid {
		width: 500px;
		height: 60px;
		top: 50%;
	}
	body.page .rslides img {
		/*width: 252%;*/
		height: 300px;
	}
}
@media (min-width: 481px) and (max-width: 600px) {
	body.page .slider-grid {
		width: 500px;
		height: 60px;
		top: 40%;
	}
	body.page .rslides img {
		/*width: 312%;*/
		height: 280px;
	}
}
@media (max-width:480px){
	body.page .slider-grid {
		width: 100%;
		height: 110px;
		top: 40%;
	}
	body.page .rslides img {
		/*width: 312%;*/
		height: 250px;
	}
}
@media (min-width: 415px) {
}
@media (max-width: 414px) {
	body.page .slider-grid {
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
		height: 110px;
		top: 40%;
	}
	body.page .slider-grid .title {font-size: 2.4em;}
	body.page .rslides img {height: 200px;}
}
@media (max-width: 360px) {
	body.page .slider-grid .title {font-size: 2em;}
}
@media (max-width:320px){
	body.page .slider-grid .title {font-size: 2em;}
}

/*標題*/
@media (min-width: 641px) {
	body.page .fullpage .titlebox {margin-bottom: 1.6em;}
}
@media (max-width:640px) {
	body.page .titlebox.contenttit .title {font-size: 1.2em;}
	body.page .fullpage .titlebox {margin-bottom: 1em;}
}

body.page.about .fullpage img,
body.page.training .fullpage img,
body.page.systems .fullpage img,
body.page.question .fullpage img {max-width: 100% !important;}

/*側選單*/
.rightmenu,
.rightmenu ul,
.rightmenu ul li,
.rightmenu ul li a {
	display: block;
	overflow: hidden;
}
.rightmenu ul {
	margin: 0;
	padding: 0;
}
.rightmenu ul li.telbox {background: #e5737d;}
.rightmenu ul li.telbox,
.rightmenu ul li.fbbox a {
	color: #ffffff;
	text-align: center;
}
.rightmenu ul li.fbbox {background: #c1c1c1;}
@media (min-width: 1025px) {
	html[lang="zh-tw"] .rightmenu ul li.telbox .number {font-size: 1.6em;}
	.rightmenu ul li.telbox .number {font-size: 1.2em;}
	.rightmenu ul li.telbox .txt {font-size: 1em;}
	.rightmenu ul li.fbbox a .txt {font-size: 1.2em;}
}
@media (min-width: 1023px) and (max-width: 1024px) {
	html[lang="zh-tw"] .rightmenu ul li.telbox .number {font-size: 1.2em;}
	.rightmenu ul li.telbox .number {font-size: 1em;}
	.rightmenu ul li.telbox .txt {font-size: 1em;}
	.rightmenu ul li.fbbox a .txt {font-size: 1em;}
}
@media (min-width: 992px) and (max-width: 1022px) {
	html[lang="zh-tw"] .rightmenu ul li.telbox .number {font-size: 1.4em;}
	.rightmenu ul li.telbox .number {font-size: 1.2em;}
	.rightmenu ul li.telbox .txt {font-size: 1em;}
	.rightmenu ul li.fbbox a .txt {font-size: 1.6em;}
}
@media (min-width: 992px) {
	.rightmenu ul li.telbox {
		margin-bottom: 1.2em;
		padding-top: 1.8em;
		padding-bottom: 1.8em;
		padding-left: 15px;
		padding-right: 15px;
	}
	.rightmenu ul li.telbox img {
		width: 104px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1.8em;
	}
	.rightmenu ul li.fbbox {
		padding-top: 0.5em;
		padding-bottom: 1.6em;
		padding-left: 15px;
		padding-right: 15px;
	}
	.rightmenu ul li.fbbox a img {
		width: 97%;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (max-width: 991px) {
	.rightmenu {margin-top: 1.8em;}
	.rightmenu ul li {
		width: 47.9%;
		min-height: 374px;
		float: left;
	}
	.rightmenu ul li:nth-child(1) {margin-right: 15px;}
	.rightmenu ul li:nth-child(2) {margin-left: 15px;}
	.rightmenu ul li.telbox {
		margin-bottom: 1.2em;
		padding-top: 3.6em;
		padding-bottom: 1.8em;
		padding-left: 15px;
		padding-right: 15px;
	}
	.rightmenu ul li.telbox img {
		width: 170px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1.8em;
	}
	.rightmenu ul li.telbox .number {font-size: 1.6em;}
	.rightmenu ul li.telbox .txt {font-size: 1.4em;}
	.rightmenu ul li.fbbox {
		padding-top: 0.5em;
		padding-bottom: 1.6em;
		padding-left: 15px;
		padding-right: 15px;
	}
	.rightmenu ul li.fbbox a img {
		width: 97%;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	.rightmenu ul li.fbbox a .txt {font-size: 1.6em;}
}
@media (max-width: 767px) {
	.rightmenu ul li {
		width: 47.6%;
		min-height: 374px;
	}
}
@media (min-width: 641px) {
	.rightmenu ul li.fbbox a.computer {}
	.rightmenu ul li.fbbox a.mobile {
		display: none;
		visibility: hidden;
	}
}
@media (max-width: 640px) {
	.rightmenu ul li {
		width: 100%;
		min-height: auto;
	}
	.rightmenu ul li.telbox {padding-bottom: 3em;}	
	.rightmenu ul li:nth-child(1) {margin-right: 0;}
	.rightmenu ul li:nth-child(2) {margin-left: 0;}
	.rightmenu ul li.telbox img {margin-bottom: 2em;}
	.rightmenu ul li.fbbox a.computer {
		display: none;
		visibility: hidden;
	}
	.rightmenu ul li.fbbox a.mobile {}
}
@media (max-width: 414px) {
	.rightmenu ul li {
		width: 100%;
		min-height: auto;
	}
	.rightmenu ul li.telbox {
		padding-top: 2.6em;
		padding-bottom: 2.5em;
	}	
	.rightmenu ul li:nth-child(1) {margin-right: 0;}
	.rightmenu ul li:nth-child(2) {margin-left: 0;}
	.rightmenu ul li.telbox img {margin-bottom: 2em;}
}

/*LOGIN*/
body.page.login .loginbox .info {
	margin-bottom: 2em;
	display: block;
	overflow: hidden;
}
@media (max-width: 991px) {
	body.page.login .loginbox .info .col-md-4 {
		width: 50%;
		float: left;
	}
	body.page.login .loginbox .gbtn {
		width: 55%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
}

/*聯絡我們頁*/
body.page.contactus .fullpage.contactus {
	display: block;
	/*overflow: hidden;*/
}
body.page.contactus ul.contactbox {
	margin: 0;
	padding: 0;
}
body.page.contactus ul.contactbox li.half {
	width: 50%;
	float: left;
}
body.page.contactus ul.contactbox li.all {width: 100%;}
body.page.contactus form .button {margin-top: 1em;}
@media (min-width:992px){
	body.page.contactus ul.contactbox li.half {margin-bottom: 1em;}
	body.page.contactus ul.contactbox li.half:nth-child(even) {padding-left: 8px;}
	body.page.contactus ul.contactbox li.half:nth-child(odd) {padding-right: 8px;}
	
	body.page.contactus ul.contactbox li.half:nth-child(6) {
		margin-top: 1em;
		padding-left: 0px;
		padding-right: 8px;
	}
	body.page.contactus ul.contactbox li.half:nth-child(7) {
		margin-top: 1em;
		padding-left: 8px;
		padding-right: 0px;
	}

	body.page.contactus textarea {min-height: 200px;}
	
	body.page.contactus ul.contactbox li .scodebox {margin-bottom: 0.5em;}
	body.page.contactus ul.contactbox li .scodebox img {height: 40px}
}
@media (max-width:991px){
	body.page.contactus .col-md-6 {
		width: 50%;
		float: left;
	}
	body.page.contactus ul.contactbox li.half {margin-bottom: 1em;}
	body.page.contactus ul.contactbox li.half:nth-child(even) {padding-left: 8px;}
	body.page.contactus ul.contactbox li.half:nth-child(odd) {padding-right: 8px;}
	
	body.page.contactus ul.contactbox li.half:nth-child(6) {
		margin-top: 1em;
		padding-left: 0px;
		padding-right: 8px;
	}
	body.page.contactus ul.contactbox li.half:nth-child(7) {
		margin-top: 1em;
		padding-left: 8px;
		padding-right: 0px;
	}

	body.page.contactus textarea {min-height: 200px;}
	
	body.page.contactus ul.contactbox li .scodebox {margin-bottom: 0.5em;}
	body.page.contactus ul.contactbox li .scodebox img {height: 40px}
}
@media (min-width:801px){
	body.page.contactus form .button {
		width: 33%;
		float: right;
	}
}
@media (max-width:800px){
	body.page.contactus ul.contactbox li.half {margin-bottom: 0.5em;}
	body.page.contactus .info {font-size: 1.1em;}
}
@media (min-width:768px){
	body.page.contactus .col-md-6.right {float: right;}
	body.page.contactus .col-md-6.left {float: left;}
}
@media (max-width:767px){
	body.page.contactus {margin-top: 1.9em;}
	body.page.contactus .col-md-6 {
		width: 100%;
		float: left;
	}
	body.page.contactus .col-md-6.left {margin-top: 2em;}
}
@media (max-width:414px){
	body.page.contactus form .button {
		width: 55%;
		margin-left: auto;
		margin-right: auto;
	}
	body.page.contactus ul.contactbox li .remark {margin-bottom: 1em;}
}

/*搜尋頁*/
body.page.search .fullpage.search {
	display: block;
	/*overflow: hidden;*/
}
body.page.search .fullpage.search .title .key {
	color: #e5737d;
	margin-left: 0.5em;
	display: inline-block;
}
body.page.search ul {
	margin: 0;
	padding: 0;
}
body.page.search ul li {margin-bottom: 0.5em;}
body.page.search ul.search_listbox {margin-top: 2em;}
body.page.search ul.search_listbox li a {
	color: #333333;
	display: block;
	overflow: hidden;
}
body.page.search ul.search_listbox li .listbox {
	width: 100%;
	padding-top: 0.6em;
	padding-bottom: 0.4em;
	padding-left: 1em;
	padding-right: 1em;
	border: 1px solid #f7a7ad;
	display: block;
	overflow: hidden;
}
body.page.search ul.search_listbox li .listbox .typepage {
	font-size: 0.95em;
	color: #ffffff;
	text-align: center;
	padding-top: 0.2em;
	padding-bottom: 0.3em;
	padding-left: 0.8em;
	padding-right: 0.8em;
	background: #999999;
	float: left;
}
body.page.search ul.search_listbox li .listbox .title {
	width: 100%;
	font-weight: 600;
	margin-top: 0.1em;
	float: left;
}

body.page.search ul li.half {
	width: 50%;
	float: left;
}
body.page.search ul li.all {width: 100%;}
body.page.search form {
	display: block;
	overflow: hidden;
}
body.page.search form input#selectkey {float: left;}
body.page.search form input.btnbox {
	float: right;
	border: 1px solid #bf3f48;
	letter-spacing: 1pt;
    background-color: #bf3f48;
}
body.page.search .no_information {
	font-weight: 600;
	text-align: center;
	margin-top: 3em;
}
@media (min-width:1200px){
	body.page.search form input#selectkey {width: 80%;}
	body.page.search form input.btnbox {width: 150px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	body.page.search form input#selectkey {width: 78%;}
	body.page.search form input.btnbox {width: 125px;}
}
@media (min-width: 801px) and (max-width: 991px) {
	body.page.search form input#selectkey {width: 80%;}
	body.page.search form input.btnbox {width: 120px;}
}
@media (max-width:800px){
	body.page.search form input#selectkey {width: 100%;}
	body.page.search form input.btnbox {
		width: 100%;
		margin-top: 1.5em;
		margin-left: auto;
		margin-right: auto;
	}
}

/*留言板*/
.messagebox,
.messagebox .controlbox,
.messagebox .listbox,
.messagebox .listbox ul,
.messagebox .listbox ul li,
.messagebox .listbox .askbox,
.messagebox .listbox .askbox .box,
.messagebox .listbox .replybox,
.messagebox .listbox .replybox .box {
	display: block;
	overflow: hidden;
}
.messagebox .controlbox {
	padding-top: 1em;
	padding-bottom: 1em;
}
.messagebox .listbox ul {
	margin: 0;
	padding: 0;
}
.messagebox .listbox ul li {margin-bottom: 2.5em;}
.messagebox .listbox ul li:last-child {margin-bottom: 0;}
.messagebox .listbox .askbox,
.messagebox .listbox .replybox {
	width: 96.4%;
	padding-top: 0.8em;
	padding-bottom: 0.9em;
	padding-left: 1.1em;
	padding-right: 1.1em;
}
.messagebox .listbox .askbox {
	border: 1px solid #cecece;
	float: left;
}
.messagebox .listbox .replybox {
	border: 1px solid #deb3b6;
	background: #fff5f6;
	margin-top: 0.4em;
	float: right;
}
.messagebox .listbox .subject {
    font-family: NSH-R,source-han-sans-traditional,微軟正黑體;
    font-weight: 400;
	font-size: 1.1em;
	letter-spacing: 1px;
}
.messagebox .listbox i {
	margin-top: 0.2em;
	margin-right: 0.3em;
	display: inline-block;
}
.messagebox .listbox .hiss {text-align: center;}
.messagebox .listbox .ask_name,
.messagebox .listbox .reply_name {
	font-weight: 600;
	letter-spacing: 1px;
}
.messagebox .listbox .ask_time,
.messagebox .listbox .reply_time {
	color: #b3b3b3;
	text-align: right;
}
.messagebox .listbox .ask_content,
.messagebox .listbox .reply_content {
	letter-spacing: 1px;
	line-height: 1.6;
	margin-top: 0.6em;
	padding-top: 0.7em;
}
.messagebox .listbox .ask_content {border-top: 1px solid #cecece;}
.messagebox .listbox .reply_content {border-top: 1px solid #deb3b6;}
.messagebox .listbox .askbox .box,
.messagebox .listbox .replybox .box {margin-top: 0.5em;} 
.messagebox .controlbox .button {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.messagebox .messagepost td .remember {float: right;}
.messagebox .messagepost td input[type="radio"],
.messagebox .messagepost td input[type="checkbox"] {
	width: 22px;
	height: 22px;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0.3em;
	float: left;
}
.messagebox .messagepost textarea {min-height: 200px;}
.messagebox .messagepost td.validcode input {
	width: 50%;
	float: left;
}
.messagebox .messagepost td.validcode img {float: left;}
.messagebox .messagepost td.validcode .remarkbox {
	color: #999999;
	float: left;
}
.messagebox .messagepost .btnlistbox {margin-top: 1em;}
.messagebox .messagepost td.title .txt {font-weight: 600;}
.messagebox .messagepost td.title .must {color: #bf3f48;}
.messagebox .messagepost td.title .ps {color: #999999;}
.messagebox .messagepost td.title .must,
.messagebox .messagepost td.title .ps {margin-left: 0.3em;}
.messagebox .messagepost td ul li {
	display: block;
	overflow: hidden;
	float: left;
}
.messagebox .messagepost td ul li:nth-child(1) {margin-right: 2em;}
.messagebox .messagepost td ul li p {
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
	float: left;
}
.messagebox .btnlistbox {
	margin-top: 2em;
	margin-bottom: 0.4em;
	display: block;
	overflow: hidden;
}
@media (min-width: 992px) {
	.messagebox .controlbox .button {width: 16%;}
	
	.messagebox .messagepost tbody td.title {width: 15%;}
	.messagebox .messagepost tbody td {width: 85%;}
	.messagebox .messagepost td.validcode img {
		height: 25px;
		margin-top: 8px;
		margin-left: 1em;
	}
	.messagebox .messagepost td.validcode .remarkbox {
		margin-top: 10px;
		margin-left: 1em;
	}
}
@media (max-width: 991px) {
	.messagebox .controlbox .button {width: 16%;}
	
	.messagebox .btnlistbox .col-md-8,
	.messagebox .btnlistbox .col-md-2 {
		width: 33.33333333333333%;
		float: left;
	}
}
@media (min-width: 801px) and (max-width: 991px) {
	.messagebox .messagepost td.validcode img {
		height: 25px;
		margin-top: 8px;
		margin-left: 1em;
	}
	.messagebox .messagepost td.validcode .remarkbox {
		margin-top: 10px;
		margin-left: 1em;
	}
}
@media (min-width: 801px) {
	.messagebox .listbox .ask_name,
	.messagebox .listbox .reply_name {
		font-size: 1.1em;
		width: 50%;
		float: left;
	}
	.messagebox .listbox .ask_time,
	.messagebox .listbox .reply_time {
		width: 50%;
		float: left;
	}
}
@media (max-width: 800px) {
	.messagebox .controlbox .button {width: 25%;}
	.messagebox table td.title {width: 20%;}
}
@media (min-width: 641px) and (max-width: 800px) {
	.messagebox .messagepost td.validcode img {
		height: 25px;
		margin-top: 8px;
		margin-left: 1em;
	}
	.messagebox .messagepost td.validcode .remarkbox {
		margin-top: 10px;
		margin-left: 1em;
	}
}
@media (min-width: 641px) {
	.messagebox .listbox {
		margin-top: 1em;
		margin-bottom: 1em;
	}	
	.messagebox .messagepost td.validcode img {
		height: 25px;
		margin-top: 8px;
		margin-left: 1em;
	}
	.messagebox .messagepost td.validcode .remarkbox {
		margin-top: 10px;
		margin-left: 1em;
	}
}
@media (max-width: 640px) {
	.messagebox .controlbox .button {width: 50%;}
	.messagebox .controlbox.bottom {
		padding-top: 1em;
		padding-bottom: 0;
	}	
	.messagebox .listbox {
		margin-top: 0;
		margin-bottom: 0;
	}
	.messagebox .messagepost tbody td {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 5px;
		float: left;
	}
	.messagebox .messagepost td ul li:nth-child(1) {margin-bottom: 0.5em;}
	.messagebox .btnlistbox .col-md-8 {
		display: none;
		visibility: hidden;
	}
	.messagebox .btnlistbox .col-md-2 {
		width: 50%;
		float: left;
	}
	.messagebox .messagepost td.validcode img {
		height: 25px;
		margin-top: 8px;
		margin-left: 1em;
	}
	.messagebox .messagepost .btnlistbox input[name="Submit3"] {margin-top: 1em;}
}
@media (max-width: 360px) {
}
@media (max-width: 320px) {
}

/*頁碼*/
.pagecode,
.pagecode form,
.pagecode ul,
.pagecode ul li a {
	display: block;
	overflow: hidden;
}
.pagecode form {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.pagecode ul {
	padding: 0;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 1px;
	display: inline-block;
}
.pagecode ul li {
	color: #666666;
	line-height: 1;
	letter-spacing: 1px;
	padding-top: 0.72em;
	padding-bottom: 0.6em;
	margin-left: 0.2em;
	margin-right: 0.2em;
	float: left;
}
.pagecode ul.page1 li {
	color: #999999;
	padding-right: 0.7em;
	padding-left: 0.7em;
	border: 1px solid rgba(192, 192, 192, 0.8);
}
.pagecode ul.page3 li:nth-child(2),
.pagecode ul.page3 li:nth-child(4) {padding: 0;}
.pagecode ul.page3 li:nth-child(4) {width: 100px;}
.pagecode ul li a {
	color: #666666;
	padding-top: 1px;
	padding-bottom: 1px;
}
.pagecode form input[type="text"] {text-align: center;}
.pagecode form input[type="submit"] {width: 100%;}

@media (min-width: 992px) {
	.pagecode .clearfix {
		display: none;
		visibility: hidden;
	}
}
@media (min-width: 801px) {
	.pagecode ul li,
	.pagecode ul li a,
	.pagecode form input[type="text"],
	.pagecode form input[type="submit"] {font-size: 0.9em;}
}
@media (max-width: 800px) {
}
@media (max-width: 640px) {
	.pagecode ul.page3 {margin-top: 0.2em;}
}


/*表格*/
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: NSH-R,source-han-sans-traditional,微軟正黑體;
	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: rgba(0,145,181,1.0);}

table tbody tr:nth-child(even) {background-color: rgba(0,0,0,0.03);}
table tbody tr:nth-child(odd) {background-color: rgba(255,255,255,0.1);}
@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 screen and (min-width: 740px) {
	table tr {
		min-height: 60px;
		overflow: hidden;/*父層適應子層高度*/
	}
	table td {
		padding-left: 0.6em;
		padding-right: 0.6em;
	}
	table th,
	table td {
		padding-top: 0.8em;
		padding-bottom: 0.8em;
	}
	.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 (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 (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;
	}
}

/*頁碼*/
.pagenumber {float: right;}
.pagenumber .fa {margin-right: 0px;}
.pagenumber a {
	color: #91ad00;
	font: 1em;
	text-align: center;
	text-decoration: none;
	width: 2em;
	height: 2em;
	line-height: 2em;
	border: 1px solid #91ad00;
	margin-left: 0.2em;
	float: left;
}
.pagenumber a:hover {
	color: #000;
	font-size: 1.5em;
	font-weight: bold;
	width: 2.01em;
	height: 2.01em;
	line-height: 2.01em;
	position: relative;
	border: 1px solid #91ad00;
	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 #91ad00;
	background: #91ad00;
	float: left;
}

/* ------------------[其他設定]------------------ */
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;
	background: #ffffff;
	padding-top: 0.6em;
	padding-bottom: 0.65em;
	padding-right: 0.5em;
	padding-left: 0.5em;
	
	border: 1px solid rgba(192, 192, 192, 0.8);
	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);
}
select {
	width: 100%;
	color: #454554;
	background: #ffffff;
	padding-top: 0.6em;
	padding-bottom: 0.65em;
	padding-right: 0.5em;
	padding-left: 0.5em;
	
	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);
	float: left;
}
.checkinfotable select {margin: 12px 0 !important;}

@media (min-width:801px){
	.content_computer {
		display: block;
		overflow: hidden;
	}
	.content_mobile {
		display: none;
		visibility: hidden;
	}
}
@media (max-width:800px){
	.content_computer {
		display: none;
		visibility: hidden;
	}
	.content_mobile {
		display: block;
		overflow: hidden;
	}
}
@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(0,0,0,0.5);}
button,
.btnbox a,
input[type="submit"],
input[type="reset"],
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"],
input[type="reset"] {
	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="reset"]: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 !important;
    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;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
@media (max-width:1024px){
	.article .button {width: 33.333333%;}
}
@media (min-width:641px) and (max-width:901px) {
	.article .button {
		width: 33.333333%;
		float: left;
	}
}
@media (max-width:640px){
	.article .button {
		width: 100%;
		margin-top: 0.8em;
	}
}

.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,
input[type="reset"].color_red1:hover,
input[type="reset"].color_red1:focus {background-color: #8f181a;}

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

.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,
input[type="reset"].color_orange:hover,
input[type="reset"].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,
input[type="reset"].color_gold:hover,
input[type="reset"].color_gold:focus {background-color: #e48100;}

.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,
input[type="reset"].color_green:hover,
input[type="reset"].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,
input[type="reset"].color_bluegreen:hover,
input[type="reset"].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,
input[type="reset"].color_blue:hover,
input[type="reset"].color_blue:focus {background-color: #3374ac;}

.color_bluepurple,
.color_bluepurple:link,
.color_bluepurple:visited {background-color: #6c8ae4;}
.color_bluepurple:hover,
.color_bluepurple:focus,
input[type="submit"].color_bluepurple:hover,
input[type="submit"].color_bluepurple:focus,
input[type="reset"].color_bluepurple:hover,
input[type="reset"].color_bluepurple:focus {background-color: #5870c1;}

.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,
input[type="reset"].color_bluegray:hover,
input[type="reset"].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,
input[type="reset"].color_purple:hover,
input[type="reset"].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,
input[type="reset"].color_coffee:hover,
input[type="reset"].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,
input[type="reset"].color_gray:hover,
input[type="reset"].color_gray:focus {background-color: #6d6d6d;}

.color_basic,
.color_basic:link,
.color_basic:visited {
	color: #8b8b8b!important;
	background-color: #ffffff;
}
.color_basic_red,
.color_basic_red:link,
.color_basic_red:visited {
	color: #ffffff!important;
	background-color: #c35856;
}
.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: #a2a2a2;
	background-color: #ffffff;
}
.color_basic_red:hover,
.color_basic_red:focus {
	color: #ffffff;
	background-color: #b04c49;
}

.color_red1,
.color_red2,
.color_orange,
.color_gold,
.color_green,
.color_bluegreen,
.color_blue,
.color_bluepurple,
.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 #cccccc;
	background:linear-gradient(135deg,#4fb3bd 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*/
}

.font_red1 {color: #9a1b1d;}
.font_red2 {color: #bf3f48;}
.font_orange {color: #d2753d;}
.font_yellow {color: #ffd43e;}
.font_orangeyellow {color: #f49a00;}
.font_lightyellow {color: #ffe890;}
.font_lightgreen {color: #c3de60;}
.font_green {color: #90B730;}
.font_bluegreen {color: #4FB3BD;}
.font_blue {color: #002a5a;}
.font_lightblue {color: #5ac1ff;}
.font_purple {color: #534584;}
.font_white {color: #ffffff !important;}
.font_gray {color: #cecece;}

.back_red1 {background: #9a1b1d;}
.back_red2 {background: #bf3f48;}
.back_orange {background: #d2753d;}
.back_yellow {background: #f49a00;}
.back_lightyellow {background: #ffe890;}
.back_green {background: #90B730;}
.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;}

#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);}
}