/*main*/
@charset "utf-8";
body {
	font-family: "微軟正黑體", Arial;
	line-height: 24px;
	font-size: 13px;
	color: #666
}
a {
	color: #666
}
.clear {
	clear: both
}
.tbg {
	background-image: url(../images/tbg.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}
.pagetbg {
	background-image: url(../images/pagetop.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}
.pageti {
	padding-bottom: 20px;
	color: #3ea7ba
}
.t_ser {
	float: right;
	background-color: #e4e4e4;
	padding: 3px 5px
}
.mainbox {
	padding: 15px;
	padding-bottom: 50px
}
.pagesnow {
	background-image: url(../images/page_sandow.png);
	width: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 10px
}
.t_ser a {
	margin: 0 2px
}
.sb-icon-search img {
	margin-top: -33px
}
.navbar {
	margin-bottom: 0;
	margin-top: 15px
}
.navbar-default {
	background: none;
	border: 0
}
.navbar-default .navbar-nav>li>a {
	font-size: 12px
}
.navbar .navbar-nav {
	display: inline-block;
	float: none;
	vertical-align: top
}
.navbar .navbar-collapse {
	text-align: center
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	background-color: transparent
}
.navbar-nav>li>.dropdown-menu {
	background-color: rgba(54,147,134,0.6)
}
.tleft {
	text-align: left
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	background-color: rgba(54,147,134,0.6);
	color: #FFF
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	color: #057a69;
	background-color: transparent
}
.gh3 {
	margin: 0;
	line-height: 24px;
	color: #057a69;
	font-weight: 700
}
.gh5 {
	margin: 0;
	line-height: 24px;
	color: #057a69;
	font-weight: 700
}
.agh5 {
	margin: 0;
	line-height: 24px;
	color: #057a69;
	font-weight: 700
}
.bluebtn {
	background-color: #057a69;
	color: #FFF;
	margin-top: 10px
}
.bluebtn:hover {
	background-color: #399;
	color: #FFF
}
.bluebtn:visited {
	background-color: #399;
	color: #FFF
}
.bluebtn:active {
	background-color: #399;
	color: #FFF
}
.inbox {
	background-color: #efefef
}
.sandow {
	position: absolute;
	background-image: url(../images/sandow.png);
	height: 30px;
	background-repeat: repeat-x;
	width: 100%;
	z-index: 99
}
.inboxtext {
	width: 70%;
	margin: auto;
	margin-top: 10%;
	text-align: left;
	margin-bottom: 10%
}
.bline {
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
	padding-top: 10px
}
.blueline {
	border-bottom: 1px solid #bbe0e8;
	margin-bottom: 10px;
	padding-top: 10px
}
.green {
	color: #76acaf
}
.slibox {
	padding-top: 25px;
	padding-bottom: 25px
}
.slider1 .gh5 {
	text-align: center;
	margin-top: 10px
}
.navbar-toggle {
	margin-top: 0
}
.carousel-control.right {
	background-image: none
}
.carousel-control.left {
	background-image: none
}
.dropdown-menu>li>a {
	color: #FFF
}
.logo {
	margin-top: 15px
}
.subcontact {
	color: #107183
}
.totop {
	background-color: #3ea7ba;
	position: fixed;
	right: 15px;
	bottom: 15px;
	color: #FFF;
	padding: 8px;
	cursor: pointer;
	z-index: 111;
	display: none
}
.copyright {
	text-align: center;
	padding: 15px;
	background-color: #2499a0;
	color: #FFF
}
.subcontact span {
	margin-right: 5px;
	color: #2499a0
}
.subcontact a {
	color: #2499a0
}
.foot {
	background-image: url(../images/footbg.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 25px;
	padding-bottom: 25px
}
.mapbg {
	background-image: url(../images/inmapbg.jpg);
	background-size: cover;
	background-position: center top;
	min-height: 350px;
	width: 100%;
	padding-top: 10px
}
.local {
	color: #000;
	padding-top: 10px
}
.local span {
	margin-right: 10px
}
.timeytd {
	width: 70px
}
.timeicon {
	width: 50px;
	background-image: url(../images/timeline.gif);
	background-repeat: repeat-y;
	background-position: center center
}
.triangle-border.left {
	margin-left: 30px
}
.triangle-border {
	position: relative;
	padding: 12px;
	margin: 8px 0 0;
	border: 3px solid #efefef;
	color: #333;
	background: #efefef;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 100%
}
.triangle-border.left:before {
	top: 10px;
	bottom: auto;
	left: -30px;
	border-width: 15px 30px 15px 0;
	border-color: transparent #efefef
}
.triangle-border:before {
	content: "";
	position: absolute;
	bottom: -20px;
	left: 40px;
	border-width: 20px 20px 0;
	border-style: solid;
	border-color: #5a8f00 transparent;
	display: block;
	width: 0
}
.triangle-border.left:after {
	top: 16px;
	bottom: auto;
	left: -21px;
	border-width: 9px 21px 9px 0;
	border-color: transparent #efefef
}
.triangle-border:after {
	content: "";
	position: absolute;
	bottom: -13px;
	left: 47px;
	border-width: 13px 13px 0;
	border-style: solid;
	border-color: #efefef transparent;
	display: block;
	width: 0
}
.timeyear {
	font-size: 22px;
	color: #0d91af
}
.pandow {
	margin-bottom: 30px
}
.careertop {
	background-image: url(../images/careertop.jpg);
	background-size: cover;
	height: 175px;
	width: 100%;
	margin-top: -15px;
	background-position: center center
}
.linktop {
	background-image: url(../images/linktop.jpg);
	background-size: cover;
	height: 175px;
	width: 100%;
	margin-top: -15px;
	background-position: center center
}
.career {
	font-size: 15px;
	color: #76acaf
}
.career span {
	margin-right: 5px;
	color: #057a69
}
.career a {
	color: #76acaf;
	cursor: pointer
}
.linkbox {
	font-size: 15px
}
.linkbox a {
	color: #76acaf
}
.linkbox span {
	margin-right: 5px;
	color: #057a69
}
.linkbox div {
	border-bottom: 1px solid #bce2eb;
	padding-bottom: 10px;
	margin-bottom: 10px
}
.carebox {
	border-bottom: 1px dotted #bce2eb;
	padding-bottom: 10px;
	margin-bottom: 10px
}
.carebox span {
	margin-right: 5px;
	color: #057a69
}
.carebox b {
	color: #50adbe;
	font-size: 15px
}
.popover {
	font-family: "微軟正黑體", Arial;
	line-height: 24px
}
.tendown {
	margin-bottom: 10px
}
.nsize {
	width: 200px;
	height: 200px;
	margin: auto
}
.dline {
	border-bottom: 1px dotted #bbe0e8;
	padding-bottom: 20px;
	margin-bottom: 20px
}
.data {
	padding: 10px;
	background-color: #bbe0e8;
	padding-bottom: 13px;
	color: #FFF;
	border-radius: 5px 5px 0 0;
	margin-right: 8px
}
.twocircle {
	width: 200px;
	height: 200px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-border-radius: 99em;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius: 99em;
	-moz-border-radius-topright: 0;
	border-radius: 99em;
	border-top-right-radius: 0;
	margin-top: -1px;
	margin-left: -1px;
	background-color: #CCC
}
.twocircleline {
	width: 210px;
	height: 210px;
	padding: 5px;
	-webkit-border-radius: 99em;
	border: #CCC 1px solid;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius: 99em;
	-moz-border-radius-topright: 0;
	border-radius: 99em;
	border-top-right-radius: 0
}
.linkbox .blue {
	color: #09F
}
.bore {
	border-radius: 99em;
	background-color: #efefef;
	padding: 15px;
	position: absolute;
	width: 110px;
	height: 110px;
	text-align: center;
	font-size: 16px;
	color: #F90
}
.bore b {
	color: #057a69
}
.table {
	margin-bottom: 10px
}
.table-container {
	width: 100%;
	overflow-y: auto;
	_overflow: auto;
	margin: 0 0 1em
}
.table-container::-webkit-scrollbar {
-webkit-appearance:none;
width:13px;
height:13px
}
.table-container::-webkit-scrollbar-thumb {
border-radius:8px;
border:3px solid #fff;
background-color:rgba(0,0,0,.3)
}
.loginbox {
	border-radius: 10px;
	background-color: #e8f4f4;
	overflow: hidden;
	padding: 20px;
	margin-bottom: 20px
}
.membtn {
	margin-top: -5px
}
.cadown {
	width: 100px
}
.air1img {
	background-image: url(../images/sup-pic06.jpg);
	width: 100%;
	height: 155px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center
}
.air2img {
	background-image: url(../images/formula1.jpg);
	width: 100%;
	height: 155px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center
}
.air3img {
	background-image: url(../images/formula2.jpg);
	width: 100%;
	height: 155px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center
}
.suppimg {
	padding: 5px;
	border: 1px solid #ddd;
	text-align: center;
	height: 250px
}
td.productt01 {
	text-align: center
}
td.productt02 {
	vertical-align: top
}
td.productt03 {
	text-align: center;
	vertical-align: top;
	width: 33%
}
td.productt04 {
	width: 55px
}
td.productt05 {
	background-color: #2f9c97;
	background-repeat: repeat;
	background-position: 0 0;
	color: #FFF;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #A1CCCA;
	padding-top: 5px;
	padding-bottom: 5px
}
td.productt06 {
	background-color: #2e7a76;
	background-repeat: repeat;
	background-position: 0 0;
	color: #FFF;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #A1CCCA;
	border-right-color: #A1CCCA;
	border-bottom-color: #A1CCCA
}
td.productt07 {
	background-image: url(tw/images/product-pic23.jpg);
	background-repeat: repeat;
	background-position: 0 0;
	color: #FFF;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px
}
td.productt08 {
	color: #333;
	background-color: #DBDBDB;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #EDEDED;
	padding-top: 5px;
	padding-bottom: 5px
}
td.productt09 {
	text-align: center;
	color: #333;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF
}
td.productt10 {
	text-align: center;
	background-color: #DBDBDB
}
td.productt11 {
	color: #333;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DBDBDB
}
td.productt12 {
	color: #333;
	text-align: center;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DBDBDB
}
td.productt13 {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	text-align: left;
	font-weight: 700
}
td.productt14 {
	text-align: center
}
td.productt15 {
	width: 50%;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center
}
td.productt16 {
	background-image: url(tw/images/product-pic29.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 35px;
	width: 230px;
	padding-top: 0;
	padding-left: 2px
}
td.productt17 {
	text-align: right;
	color: #317D79;
	padding-right: 10px;
	font-size: 14px;
	font-weight: 700
}
@media(max-width:767px) {
.suppimg {
	height: auto
}
.air1img {
	height: 100px
}
.air2img {
	width: 800px;
	height: 130px
}
.air3img {
	width: 800px;
	height: 130px
}
.membtn {
	margin-top: 5px;
	margin-bottom: 10px
}
.data {
	display: block;
	border-radius: 5px;
	text-align: center;
	margin-bottom: 5px
}
.timeytd {
	width: 40px;
	vertical-align: top
}
.timeyear {
	font-size: 18px;
	position: relative;
	top: 25px
}
.timeicon {
	display: none
}
.pagetbg {
	background-size: auto;
	background-position: bottom;
	background-image: url(../images/mpagetop.jpg)
}
.inboxtext {
	width: 85%;
	margin-top: 10%
}
.gh5 {
	float: left;
	width: auto;
	border-right: 0px solid #fff;
	margin-right: 0px
}
.slider1 .gh5 {
	float: none;
	font-size: 13px;
	text-align: center;
	margin: auto
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: transparent
}
.scenter {
	text-align: center
}
.scenter img {
	margin: auto
}
.sb-search {
	float: left;
	display: block;
	margin: auto;
	margin-top: 10px
}
.t_ser {
	float: none;
	background-color: transparent;
	padding: 3px 5px;
	margin-top: 5px
}
.sb-search.sb-search-open, .no-js .sb-search {
	width: 80%
}
.navbar {
	margin-top: -40px
}
.navbar-default {
	background-color: rgba(255,255,255,0.3)
}
.navbar-default .navbar-toggle {
	border: 0;
	margin-top: 9px
}
.navbar .navbar-nav {
	display: block;
	float: none;
	vertical-align: top;
	text-align: left
}
.nav>li{margin-right:15px;
margin-left:15px;
padding-bottom:10px}
.nav>li>a{ 
display:inline;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover
{ background-color:transparent}
}