/*@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);*/

body {
    -webkit-text-size-adjust: none;
    font-family: 'Noto Sans TC', sans-serif;
    position: relative;
    font-size: 16px;
    font-weight: lighter;
    color: #3e3a39;
}

h1, h2, h3, h4, h5 {
	font-weight: lighter;
}

p {
	line-height: 2.5em;
	text-align: justify;
}
/*
p {
	font-size: 0.4em;
	font-weight: normal;
	font-family:微軟正黑體;
}*/

img {
	max-width: 100%;
}

a {
	-webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

a:hover,
a:focus {
	text-decoration: none;
}

.dp_table {
	display: table;
	width: 100%;
}
.dp_table:before {
	content: none;
}
.dp_table:after {
	content: none;
}
.dp_table > div {
	display: table-cell;
	float: none !important;
	vertical-align: bottom;
	/*padding: 15px 25px;*/
}
.dp_table.va_top > div {
	vertical-align: top;
}

.blue {
	color: #0622b0;
}

.bg_white {
	background-color: #fff !important;
}

.bg_blue {
	background-color: #14126f !important;
}

.relative {
	position: relative;
}

body {
	min-width: 1140px;
}

.container {
    width: 1140px !important;
}

section {
	position: relative;
}

.section {
	position: relative;
	background-color: #fff;
}
.mt_40 {
	margin-top: 40px;
}
.mb_40 {
	margin-bottom: 40px;
}
.mb_50 {
	margin-bottom: 50px;
}
.mb_60 {
	margin-bottom: 60px;
}
.mb_80 {
	margin-bottom: 80px;
}
.mb_100 {
	margin-bottom: 100px;
}
.pb_30 {
	padding-bottom: 30px;
}
.pb_40 {
	padding-bottom: 40px;
}
.pb_60 {
	padding-bottom: 60px;
}
.pb_80 {
	padding-bottom: 80px;
}
.pb_100 {
	padding-bottom: 100px;
}
.pt_30 {
	padding-top: 30px;
}
.pt_40 {
	padding-top: 40px;
}
.pt_50 {
	padding-top: 50px;
}
.pt_100 {
	padding-top: 100px;
}
.pt_150 {
	padding-top: 150px;
}

.bg_yellow {
	background-color: #fffcdf;
}

.bg_gray {
	background-color: #908c89;
}

.bg_cover {
	background-repeat: no-repeat;
	-webkit-background-size: cover;
 	-moz-background-size: cover;
	background-size: cover;
	background-position: center;
}

.top_line {
	border-top: 2px solid #3f9fa8;
	position: relative;
	padding-top: 100px;
}
.top_line .arrow {
	width: 0;
	height: 0;
	border-top: 60px solid;
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -40px;
}
.top_line .arrow.yellow {
	border-top-color: #fffcdf;
	margin-top: -4px;
}
.top_line .arrow.green {
	border-top-color: #3f9fa8;
}
.top_line .arrow.white {
	border-top-color: #fff;
	margin-top: -4px;
}
.justify {
	text-align: justify;
}
.lh_25 {
	line-height: 2.5em;
}


/*header*/
header {
	position: relative;
	z-index: 99;
	height: 85px;
}
.logo {
	position: absolute;
	top: 0;
	left: 60px;
}
.logo img {
	width: 120px;
}
.main_menu {
	float: left;
	margin-left: 165px;
	margin-top: 40px;
	list-style: none;
	padding: 0;
}
.main_menu li {
	float: left;
	border-right: 1px solid #00808c;
	line-height: 1em;
}
.main_menu li:last-child {
	border-right: none;
}
.main_menu li a {
	font-size: 18px;
	color: #00808c;
	line-height: 1em;
	padding: 0 60px;
}
.main_menu li.active a {
	color: #00808c;
}
.main_menu li a:hover {
	color: #EC0069;
}


/*social*/
.social {
	list-style: none;
	margin-top: 18px;
}
.social li {
	float: left;
	margin-right: 20px;
}
.social li:last-child {
	margin-right: 0;
}
.social li a {
	display: block;
	/*width: 30px;*/
	/*height: 30px;*/
	border-radius: 100%;
	/*border: 1px solid #00808c;*/
	color: #00808c;
	text-align: center;
	/*line-height: 30px;*/
}
.social a img {
	-webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}
.social a:hover img {
	transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	-moz-transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
	-o-transform:rotateY(360deg); 
}


/*preface*/
.preface img {
	max-width:auto;
	height: 152px;
}
.preface p {
	font-size: 14px;
	line-height: 2em;
	color: #00808c;
	padding: 20px 0;
	/*font-size: 16px;*/
}


/*info*/
.info {
	text-align: center;
}
.info_box {
	font-size: 14px;
	float: left;
	background-color: #f6f7f5;
	width: 32.6%;
	margin-right: 1.1%;
	padding: 2em 1.5em;
}
.info_box:last-child {
	margin-right: 0;
}
.info img {
	height: 100px;
}
.info h3 {
	margin: 25px 0;
}
.info p {
	/*font-size: 14px;*/
	text-align: left;
	line-height: 2em;
}


/*order*/
.order_link {
	float: left;
	width: 45%;
	margin-right: 10%;
	border-radius: 40px;
	border: 4px solid #00808c;
	overflow: hidden;
}
.order_link:last-child {
	margin-right: 0;
}
.order_icon1 {
	padding-top: 80%;
	background: #fff url(../images/icon_05.png) no-repeat 60% 50%;
	background-size: 60%;
}
.order_icon2 {
	position: relative;
	padding-top: 80%;
	background: #fff url(../images/icon_06.png) no-repeat 45% 45%;
	background-size: 45%;
}
.order_icon2 p {
	position: absolute;
	bottom: 0px;
	padding: 0 20px;
	font-size: 32px;
	line-height: 1.2em;
	width: 100%;
	letter-spacing: 0.15em;
	text-align: center;
	font-weight: bold;
}
.order_txt {
	background-color: #00808c;
	color: #fff;
	padding: 1em 1.5em;
	font-size: 20px;
	letter-spacing: 0.2em;
}


/*contact*/
#contact h2 {
	font-size: 50px;
	letter-spacing: 0.42em;
	font-weight: bold;
}
#contact h3 {
	letter-spacing: 0.15em;
}
#contact .form-control {
	background-color: #ddedeb;
	border-radius: 0;
	border-color: #eff7f6;
	box-shadow: none;
	margin-bottom: 20px;
}
#contact label {
	margin-bottom: 10px;
	font-size: 18px;
}
.contact_btn img {
	height: 40px;
}
#contact .form-inline label {
	line-height: 34px;
	margin-bottom: 20px;
	vertical-align: top;
}



/*footer*/
footer {
	color: #fff;
	background-color: #00808c;
	padding: 50px 0;
	position: relative;
	font-size: 14px;
}
footer p {
	font-weight: normal;
	font-size: 16px;
	line-height: 1.4em;
	margin-bottom: 0;
}
.logo_footer img {
	height: 66px;
}
.goToTop {
	position: absolute;
	top: -75px;
	left: 50%;
	margin-left: -19px;
	cursor: pointer;
	border-radius: 100%;
	-webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.goToTop:hover {
	background-color: #000;
}


/*doctor*/
.doctor h3 {
	font-size: 26px;
	line-height: 2.5em;
	color: #00808c;
	border-bottom: 2px solid #00808c;
	/*padding-bottom: 16px;*/
	margin-top: 10px;
	margin-bottom: 20px;
}
.doctor p {
	line-height: 2.5em;
}


/*video*/
.video_container {
    width: 1000px;
    max-width: 100%;
}
.fluid-width-video-wrapper {
    width: 100%;
    position: relative;
    padding: 0;
    padding-top: 56.25%;
}
.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*product*/
.page_title {
	font-size: 24px;
	color: #00808c;
	letter-spacing: 0.2em;
	font-weight: bold;
}
.page_title_sub {
	font-size: 24px;
	letter-spacing: 0.2em;
	margin-bottom: 20px;
	font-weight: bold;
}

.product_info_green {
	margin-bottom: 40px;
}
.product_info_green th:nth-child(1) {
	width: 14%;
}
.product_info_green th:nth-child(2) {
	width: 23%;
}
.product_info_green th:nth-child(3) {
	width: 63%;
}
.product_info_green.table-bordered > thead > tr > th,
.product_info_green.table-bordered > tbody > tr > th,
.product_info_green.table-bordered > tfoot > tr > th {
	background-color: #eff5e1;
	border-color: #eff5e1;
	color: #006834;
	font-size: 24px;
	text-align: center;
	padding: 0.7em;
}
.product_info_green.table-bordered > thead > tr > td,
.product_info_green.table-bordered > tbody > tr > td,
.product_info_green.table-bordered > tfoot > tr > td {
	background-color: #d6e7ae;
	border-color: #eff5e1;
	padding: 1em 1.5em;
	font-size: 18px;
}

.product_info_orange {
	margin-bottom: 10px;
}
.product_info_orange th:nth-child(1) {
	width: 14%;
}
.product_info_orange th:nth-child(2) {
	width: 23%;
}
.product_info_orange th:nth-child(3) {
	width: 63%;
}
.product_info_orange.table-bordered > thead > tr > th,
.product_info_orange.table-bordered > tbody > tr > th,
.product_info_orange.table-bordered > tfoot > tr > th {
	background-color: #fdebd1;
	border-color: #fdebd1;
	color: #f18d00;
	font-size: 24px;
	text-align: center;
	padding: 0.7em;
}
.product_info_orange.table-bordered > thead > tr > td,
.product_info_orange.table-bordered > tbody > tr > td,
.product_info_orange.table-bordered > tfoot > tr > td {
	background-color: #fbd6a0;
	border-color: #fdebd1;
	padding: 1em 1.5em;
	font-size: 18px;
}
.product_info_orange.table-bordered > thead > tr:nth-child(odd) > td,
.product_info_orange.table-bordered > tbody > tr:nth-child(odd) > td,
.product_info_orange.table-bordered > tfoot > tr:nth-child(odd) > td {
	background-color: #fdebd1;
}
.table strong {
	display: block;
	white-space: nowrap;
	text-align: center;
}
.product_note {
	color: #f18d00;
	font-size: 18px;
	letter-spacing: 0.2em;
}

.product_table {
	text-align: center;
	width: 100%;
	margin-bottom: 50px;
}
.product_table img {
	width: 150px;
	margin: 20px 0;
}
.product_txt {
	display: inline-block;
	text-align: left;
	font-size: 14px;
	line-height: 1.4em;
	padding: 0 20px;
	margin-bottom: 0;
}
.product_table.table-bordered > thead > tr > th,
.product_table.table-bordered > tbody > tr > th,
.product_table.table-bordered > tfoot > tr > th,
.product_table.table-bordered > thead > tr > td,
.product_table.table-bordered > tbody > tr > td,
.product_table.table-bordered > tfoot > tr > td {
	width: 33.333%;
	border-width: 2px;
	border-color: #00808c;
}
.fancybox-title-over-wrap {
	width: 100%;
}
img.img-mob-a{
	height: 90px;
}
img.img-mob-b{
	height: 90px;
}




/* hamburgler menu */
.top-animate {
    /* background: #fff !important; */
    top: 13px !important;
    -webkit-transform: rotate(45deg);
    /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}
.mid-animate {
    opacity: 0;
}
.bottom-animate {
    /* background: #fff !important; */
    top: 13px !important;
    -webkit-transform: rotate(-225deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-225deg);
}
.top-menu {
    top: 5px;
    width: 25px;
    height: 2px;
    border-radius: 10px;
    background-color: #fff;
}
.mid-menu {
    top: 13px;
    width: 25px;
    height: 2px;
    border-radius: 10px;
    background-color: #fff;
}
.bottom-menu {
    top: 21px;
    width: 25px;
    height: 2px;
    border-radius: 10px;
    background-color: #fff;
}
.menui {
    background:#00808c;
    transition: 0.6s ease;
    transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
    margin-top: 10px;
    position: absolute;
}
.icon {
	display: none;
    z-index: 1000;
    position: fixed;
    padding: 9px;
    height: 32px;
    width:32px;
    margin: 0px;
    top:20px;
    right:30px;
}
.mobilenav {
    font-family: inherit;
    top: 0;
    left:0;
    z-index: 999;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    padding:0;
    margin:0;
}
.mobilenav li {
    list-style-type: none;
    text-align: center;
    padding: 10px;
}
.mobilenav li a {
    font-size: 150%;
    color:#00808c;
    text-decoration: none;
    font-weight:bold;
	width: 100%;
	font-size: 28px;
	margin: 0 0 10px 0;
}
.mobilenav li:first-child {
    margin-top:150px;
}
.mobilenav li.mob-sns{
	margin: 30px 0 0 0;
}
.mobilenav li.mob-sns a{
	margin:0 5px;
}


@media only screen and (max-width: 1140px) {
	body {
		min-width: 95%;
	}
	.container {
		width: 100% !important;
	}
	.logo {
		position: relative;;
		left:0;
		display: inline-block;
		vertical-align: middle;
	}
	.logo img {
		width: 70px;
	}
	.main_menu {
		float: none;
		display: inline-block;
		margin-left: 0;
		margin-top: 0;
		vertical-align: middle;
	}
	.main_menu li a {
		padding: 0 40px;
	}
	.social {
		float: right;
		margin:25px 0 0 0;
	}
	.dp_table .logo_footer {
		vertical-align: middle;
	}
	.logo_footer img {
		height:40px;
	}
	.order_icon2 p {
		font-size: 26px;
	}
}

@media only screen and (max-width: 991px) {
	.main_menu li a {
		padding: 0 22px;
	}
	.social li {
		margin-right:10px;
	}
	.order_txt p{
		line-height: 1.85em;
	}
	.dp_table {
		display:block;
		text-align: center;
	}
	.dp_table > div {
		display: block;
		margin: 0 0 15px 0;
	}
	.dp_table > div p{
		text-align: center;
	}
	.logo_footer img {
		height:55px;
	}
	footer {
		padding:30px 0 20px 0;
	}
	.order_icon2 p {
		font-size: 26px;
	}
	.pt_150 {
		padding-top:100px;
	}
	.mb_80 {
		margin-bottom: 50px;
	}
}

@media only screen and (max-width: 767px) {
	.icon {
		display: block;
	}
	.main_menu, .social{
		display: none;
	}
	img.img-mob-a{
		max-width: 100%;
		height: auto;
	}
	img.img-mob-b{
		max-width: 70%;
		height: auto;
	}
	.info_box {
		width: 48.9%;
		margin-right: 1.1%;
		padding: 2em 1.5em;
	}
	.info_box:last-child {
		width: 100%;
		margin-top: 5px;
	}
	.order_txt p{
		line-height: 1.25em;
	}
	.order_icon2 p {
		font-size:16px;
	}
	.product_note {
		text-align: left;
		line-height: 26px;
	}
}

@media only screen and (max-width: 480px) {
	.logo img {
		width:60px;
	}
	.info_box {
		width: 100%;
		margin-right:0;
		margin-bottom:10px;
	}
	.order_link {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom:30px;
	}
	.info_box:last-child {
		margin-top: 0;
	}
	.order_icon2 p {
		font-size:24px;
	}
	.pt_150 {
		padding-top:80px;
	}
	.pt_100 {
		padding-top: 80px;
	}
	.product_info_green.table-bordered > thead > tr > th,
	.product_info_green.table-bordered > tbody > tr > th,
	.product_info_green.table-bordered > tfoot > tr > th {
		font-size: 20px;
	}
	.product_info_green.table-bordered > thead > tr > td,
	.product_info_green.table-bordered > tbody > tr > td,
	.product_info_green.table-bordered > tfoot > tr > td {
		font-size: 16px;
		padding: 1em 0.5em;
	}
	.product_info_orange.table-bordered > thead > tr > th,
	.product_info_orange.table-bordered > tbody > tr > th,
	.product_info_orange.table-bordered > tfoot > tr > th {
		font-size: 20px;
	}
	.product_info_orange.table-bordered > thead > tr > td,
	.product_info_orange.table-bordered > tbody > tr > td,
	.product_info_orange.table-bordered > tfoot > tr > td {
		font-size: 16px;
		padding: 1em 0.5em;
	}
}