@charset "UTF-8";
/*思源黑體*/
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,iframe,button,a{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	letter-spacing: 0.7px;
	vertical-align: baseline;
	text-decoration: none;
	box-sizing: border-box;
	line-height: 100%;
	font-weight: 400;
}

body {
	color: #1b1b1b;
	/*background:#f4fcff;*/
	font: 18px/100% "Noto Sans TC","微軟正黑體",sans-serif;
}

html, body { height: 100%; }

a{
	color:#1b1b1b;
	text-decoration:none;
}
button{	background: none; }

h1, h2, h3, h4, h5, h6{ font-weight: 300; font-size:1rem; }

ol, ul {
	list-style: none;
}

table {width:auto; 	border-collapse: collapse; border-spacing: 0; }

input, button, textarea,select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  outline: none;
}
/*reset end*/

/*Input*/
input[type="text"],
input[type="password"] { width: 100%; min-width: 100px; padding: 10px 10px; height: 40px; line-height: 32px; border: solid 1px #ddd; }

/*select*/
select { width: 100%; min-width: 60px; height: 40px; line-height: 32px; padding: 0 35px 0 10px; vertical-align:middle; color: #434343;
 appearance:none; -moz-appearance:none; -webkit-appearance:none;
 background-image:url(../images/icon_select.png); background-repeat: no-repeat; background-size: auto 12px; background-position: calc(100% - 10px) center; border: solid 1px #ddd;  }
select::-ms-expand { display: none; }

/*checkbox*/
input[type="checkbox"]{ display: none; appearance: none; outline:none; opacity: 0; line-height: 22px; }
input[type="checkbox"] + label { line-height: 32px; cursor: pointer; }
input[type="checkbox"] + label span { display: inline-block; width: 22px; height: 22px;  margin: 0 10px 0 0; padding: 0; vertical-align: middle; cursor: pointer; background: url(../images/icon_check.png) left top no-repeat; background-size: 22px auto;}
input[type="checkbox"]:checked + label span { background: url(../images/icon_check.png) left bottom no-repeat; background-size: 22px auto; }
input[type="checkbox"] + label span.reverse { margin: 0 0 0 10px; }

textarea { width: 100%; min-height: 120px; padding: 10px 10px; border: solid 1px #ddd; overflow-y: auto; resize: none; }

.smallT { font-size: 14px; }
.bigT { font-size: 21px; }
.biggerT { font-size: 24px; }
.biggestT { font-size: 28px; }

.tL{ text-align:left; }
.tR{ text-align:right; }
.tC{ text-align:center; }
.tB{ font-weight:bold; }

.fL{ float:left; }
.fR{ float:right; }

.inline{display: inline-block}
.clr{clear:both;}

.web{ display:block; }
.pad, .mobile{ display:none; }

.tMid{font-size: 16px;}
.tBig { font-size: 18px; }
.tBigger { font-size: 21px; }
.tBigger01 { font-size: 40px; }
.tBigger02 { font-size: 44px; }
.botM0 { margin-bottom: 0; }
.botM { margin-bottom: 15px !important; }
.botM2 { margin-bottom: 30px !important; }

.red { color: #e60012; }
.redlight { color: #ed6a62; }
.orange { color: #ea9214; }
.green { color: #22ac38; }
.blue { color: #3e8abe; }
.gray { color: #818290; }
.tiffany{color: #c09400;}

a.lgtYellow{border-bottom: 1px solid #8e6a04; color: #8e6a04;}
a.lgtYellow:hover{border-color: transparent;}

.bg_blue { background-color: #eff6fa; }
.bg_gray { background-color: #f8f8f8; }

/*-----------------頁面-----------------*/
.wrapper { height: 100vh; min-height: 100vh; position: relative; padding-top: 90px; }
.pagesize { max-width: 1200px; margin: 0 auto; }
.container.container02 { padding: 20px 0 40px; background: #f6f6f6; }
.contentInner { height: 100%; background: #fff; border-radius: 10px; }
.contentInner .innerBox { padding: 20px; }

/*header*/
.header { width: 100%; height: 90px; padding: 20px 0;position: fixed; top: 0; left: 0; background-color: #fff;z-index: 9999;transition: 0.2s;
}
.headerIn { display: flex; justify-content: space-between; align-items: center; position: relative;  }
.headerIn .logo a { display: block; width: 222px; height: 50px; background: url(../images/logo.svg) left center no-repeat; background-size: 100% auto; }
/*選單*/
.headerNav { display: flex; align-items: center; }
.headerMenu { display: inline-flex; align-items: center; margin-right: 20px; }
.headerMenu > li { padding: 0 10px; font-size: 20px; border-right: solid 1px #bababa; }
.headerMenu > li:nth-last-child(1) { padding-right: 0; border-right: 0; }
.headerMenu a{ color: #666666;}
.headerMenu a:hover, .headerMenu a.on{ font-weight: bold;transition-duration: 0.3s}

/*聯繫icon*/
.contactLink a {display: inline-block;width: 40px;height: 40px;margin-right: 8px;}
.contactLink a:nth-last-child(1) {margin: 0;}
.contactLink a.link01 {background: url(../images/btn_link01_01.png) center no-repeat;background-size: 100%;}
.contactLink a.link02 {background: url(../images/btn_link01_02.png) center no-repeat;background-size: 100%;}
.contactLink a.link03 {background: url(../images/btn_link01_03.png) center no-repeat;background-size: 100%;}
.contactLink a.link04 {background: url(../images/btn_link01_04.png) center no-repeat;background-size: 100%;}
.header .contactLink a {width: 30px;height: 30px;}
.header .contactLink a:hover {opacity: 0.8;}




/*專利號*/
.header .patentCode { position: absolute; bottom: 6px; right: 0; font-size: 12px; color: #787878; }
/*header 捲動*/
.header.sticky { height: 60px; padding:0; }
.header.sticky .headerIn { height: 60px; }
.header.sticky .headerIn .logo a { width: 155px; height: 35px; }
.header.sticky .headerMenu > li { font-size: 18px; }
.header.sticky .patentCode { display: none; }

/*footer*/
.footer { margin: 0; padding: 0; background: #f6f2ed; }
.footer_app { border-top: solid 4px #d6b48f; }
.footer_app .pagesize { display: flex; justify-content: space-between; align-items: center; padding: 50px 0; }
.footer_app img { max-width: 100%; height: auto; }
.footer .copyright { padding: 20px 10px; text-align: center; font-size: 15px; color: #f6f2ed; background: #875721; }
.footer .copyright .patentCode { margin-bottom: 10px; font-size: 13px; }

/*swiper*/
.swiper-button-prev ,
.swiper-button-next { outline: none; }

/*popup*/
.area_popup { }
.popup_bg { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 10000; background: rgba(0, 0, 0, 0.5); }
.popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, calc(-50% - 30px)); width: calc(100% - 20px); max-width: 720px; z-index: 10001;  }
.popup_close { display: block; width: 21px; height: 21px; margin: 0 0 10px auto; background: url(../images/btn_popup_close.png) center no-repeat; }
.popup_box { width: 100%; padding: 60px 40px 40px; background: #fff; border-radius: 10px; }
/*聯絡*/
.formbox { display: flex; margin-bottom: 20px; font-weight: 400; }
.formbox > p { flex: 1 0 5em; margin-right: 20px; line-height: 40px; font-size: 21px; }
.formbox .formInner { flex: 1 1 100%; }
/*按鈕*/
.btnMain { text-align: center; }
.btnMain a { display: inline-block; width: 100%; max-width: 300px; line-height: 48px; font-size: 21px; text-align: center; color: #fff; background: #448aca; }


/*分享*/
.reviewBox {  }
.reviewImg { margin-bottom: 16px; }
.reviewImg img { max-width: 100%; }
.reviewBox h4 { margin-bottom: 20px; font-size: 21px; font-weight: 400; }
.reviewBox p { font-size: 18px; line-height: 1.2em; }


@media screen and (max-width: 1220px) {
	.pagesize { padding: 0 20px; }
	.header .patentCode { right: 20px; }
	.headerMenu > li { padding: 0 5px; }
}

@media screen and (max-width: 1100px) {
	.headerIn .logo { flex: 0 1 180px; margin-right: 20px; }
	.headerIn .logo a { width: 100%; }

	.headerNav { flex: 1 0 auto; justify-content: flex-end; }
	.headerMenu { margin-right: 10px; }
	.headerMenu > li { line-height: 17px; }
	.headerMenu a { display: block; vertical-align: baseline; font-size: 17px; }

	.footer_app .pagesize { flex-wrap: wrap; justify-content: center;}

}

@media screen and (max-width: 1024px) {
	.pad-none{display: none;}
	.pad{ display:block; }
	.headerMenu a { font-size: 15px; }
}

@media screen and (max-width: 800px) {
	.web{ display:none; }
	.pad{ display:none; }
	.mobile{ display:block; }

	body { font-size: 16px; }

	.wrapper { padding-top: 60px; }
	.pagesize { padding: 0 10px; }

	/* page */
	.wrapper { border-top: 0;}

	.bigT { font-size: 18px; }
	.biggerT { font-size: 21px; }
	.biggestT { font-size: 24px; }

	/* header */
	.header { height: 60px; position: fixed; top: 0; left: 0; padding: 0 0 0 10px;  display: flex; justify-content: space-between; align-items: center;  border-bottom: 0; z-index: 1000; transition: 0.2s; border-bottom: solid 1px #e5e5e5; }
	.header .logo a { display: block; width: 180px; height: 40px; background: url(../images/logo.svg) center no-repeat; background-size: auto 40px; }
	.headerNav{display: none;}
	.header .btnNav{ display: block; width: 60px; height: 60px; }
.header .btnNav a { display: block; width: 60px; height: 60px; background: url(../images/btn_mmenu_01.png) center no-repeat; background-size: auto 20px; }
	/* footer */
	.footer { border-top: solid 1px #e5e5e5; }
	/*下載*/
	.footer_app02 { text-align: center; padding: 20px 0 0; }
	.footer_app02 .title { margin-bottom: 20px; font-size: 30px; font-weight: bold; color: #875721; }
	.footer_app02 .desc { margin-bottom: 20px; font-size: 18px; color: #1b1b1b; }
	.footer_app02_link { display: flex; }
	.footer_app02_link a { flex: 1 1 auto; height: 48px; }
	.footer_app02_link .link01 { background: #191a1a url(../images/btn_link_ios.png) center no-repeat; background-size: auto 36px; }
	.footer_app02_link .link02 { background: #000 url(../images/btn_link_android.png) center no-repeat; background-size: auto 36px; }
	.footer_app02_link .link03 { background: #3b5998 url(../images/btn_link_fb.png) center no-repeat; background-size: auto 36px; }
	.footer_app02_link .link04 { background: #e71f19 url(../images/btn_link_yt.png) center no-repeat; background-size: auto 36px; }

	/*popup*/
	.popup_box { padding: 20px; }
	/*聯絡*/
	.formbox { display: block; }
	.formbox > p { font-size: 18px; }
	.formbox .formInner { flex: 1 1 100%; }
	/*按鈕*/
	.btnMain a { font-size: 18px; }


	/* MMENU */
	.mm-menu { background: #eee; }
	/* 選單 */
	.mm-panel { padding: 0; }
	.mm-panel:not(.mm-hidden){ z-index: 999;}
	.mm-panels > .mm-panel > .mm-listview { margin: 0; }
	.mm-listitem::after { left: 0; }
	.mm-listitem__text { padding: 0 10px; line-height: 50px; text-align: center; font-size: 18px; font-weight: 400; }
	.mm-menu a.on{color: #c09400; font-weight: bold;}
	/*.mm-panel { padding: 60px 15px 0; }
	.mm-panel::after, .mm-panel::before { content: none; }
	.mm-panel_has-navbar { padding-top: 60px; }
	.mm-listitem { border-color: #c9c9c9; }
	.mm-panels>.mm-panel>.mm-listview { margin: 0 0 20px; }
	.mm-panels>.mm-panel>.mm-listview:first-child, .mm-panels>.mm-panel>.mm-navbar+.mm-listview { margin: 0; }
	.mm-listitem.mm-listitem_selected .mm-listitem__text,
	.mm-listitem.mm-listitem_opened > .mm-listitem__text ,
	.mm-listitem.mm-listitem_opened .mm-btn_next { background: #eee; border-bottom: solid 1px #c9c9c9; }
	.mm-listitem__text { padding: 15px 10px; }
	.mm-listitem__text::before { content: ""; display: inline-block; width: 6px; height: 6px; margin: -4px 5px 0 0; vertical-align: middle; background: #0382df; border-radius: 3px; }*/
}

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