.wow { animation-name: fadeInUp; animation-duration: 2s; }

#content { position: relative; background-image: url(/images/18/dots.png); background-position: 50% 50%; border-radius: 0; z-index: 1; }

#sub-banner img { width: 100%; }

.inside { overflow: hidden; margin: 0 auto; width: 70%; }

/* side-nav */
#side-nav { position: relative; background: #f6c547; display: none; z-index: 5; }
#side-nav .outside-set { width: 95%; margin: 0 auto; padding: 13px 0; text-align: center; }
#side-nav .side-title { padding: 15px 15px 15px 0; display: inline-block; border-right: 1px solid #dead1a; vertical-align: top; }
#side-nav .Cate { overflow: visible; margin-left: 15px; display: inline-block; vertical-align: top; }
#side-nav .side-title h2 { font-size: 14px; }
#side-nav .side-title h2 b { font-size: 18px; color: #fff; }

/* waylink */
.waylink ol { margin: 10px auto; padding: 0; width: 90%; text-align: right; }
.waylink ol li { position: relative; padding-left: 13px; display: inline-block; vertical-align: top; font-size: 12px; color: #000; }
.waylink ol li:after { position: absolute; color: #d3d3d3; top: 0; left: 0; content: '>'; }
.waylink ol li:first-child { padding-left: 0; }
.waylink ol li:first-child:after { display: none; }
.waylink ol li a { font-weight: 400; font-size: 12px; color: #a3a3a3; }
.waylink ol li:last-child a { color: #989898; }

.main-article .pagetitle { margin-bottom: 50px; font-weight: 600; line-height: 100%; font-size: 30px; color: #333; }
.main-article #describe { font-size: 15px; color: #535353; }

#ssbanner-list .bxslider { overflow: hidden; }

#contact-nav >h3 , #ssbanner-list >h3 , #category-nav >h3 { margin-bottom: 20px; font-size: 16px; line-height: 110%; color: #fff; }
#contact-nav h3 strong , #category-nav h3 strong { font-size: 24px; color: rgb(255 , 187 , 0); }
#side-nav .Cate >li h3 , #side-nav .Cate >li .subUL li .subULHead , #contact-nav ul li , #category-nav .Cate >li h3 , #category-nav .Cate >li .subUL li .subULHead { overflow: hidden; position: relative; border-bottom: 1px solid #d8d8d8; }
#side-nav .Cate >li h3 , #side-nav .Cate >li .subUL li .subULHead p , #category-nav .Cate >li h3 , #category-nav .Cate >li .subUL li .subULHead p { width: calc(100% - 25px); }
#side-nav .Cate >li >h3 , #category-nav .Cate >li >h3 { width: 100%; }
#side-nav .Cate >li h3 span , #category-nav .Cate >li h3 span { margin-right: 8px; vertical-align: bottom; font-weight: 700; font-size: 20px; color: #9fbcb7; }
#side-nav .Cate >li h3 b , #side-nav .Cate >li .subUL li .subULHead b , #category-nav .Cate >li h3 b , #category-nav .Cate >li .subUL li .subULHead b { position: absolute; width: 50px; height: 53px; display: block; text-align: center; line-height: 53px; font-weight: 700; font-size: 20px; color: #9fbcb7; right: 0; top: 0; cursor: pointer; }
#side-nav .Cate >li h3 a , #side-nav .Cate >li .subUL li .subULHead p a , #side-nav .Cate >li .subUL li .sub2UL li .sub2ULHead p a , #contact-nav ul li a , #category-nav .Cate >li h3 a , #category-nav .Cate >li .subUL li .subULHead p a , #category-nav .Cate >li .subUL li .sub2UL li .sub2ULHead p a { padding: 15px 0; }
#side-nav .Cate li a , #contact-nav ul li a , #category-nav .Cate li a { display: block; font-size: 15px; color: #2d2d2d; transition: all linear .2s; }
#side-nav .Cate li a:hover , #side-nav .Cate li.action a , #contact-nav ul li a:hover , #category-nav .Cate li a:hover , #category-nav .Cate li.action a { color: #d8d8d8; }
#side-nav .Cate li ul , #category-nav .Cate li ul { overflow: hidden; display: none; }
#category-nav .Cate li { position: relative; }
#contact-nav ul li a i { margin-right: 10px; width: 25px; height: 25px; background: #a9a9a9; border-radius: 50%; text-align: center; line-height: 25px; color: #fff; }
#category-nav .Cate li.action >ul { display: block; }
#side-nav .Cate >li .subUL li .subULHead p a , #category-nav .Cate >li .subUL li .subULHead p a { padding-left: 20px; color: #eaeaea; }
#side-nav .Cate >li .subUL li.action .subULHead p a , #category-nav .Cate >li .subUL li.action .subULHead p a { color: #95c6d6; }
#side-nav .Cate >li .subUL li .subULHead b , #category-nav .Cate >li .subUL li .subULHead b { color: #d3d3d3; }
#side-nav .Cate >li .subUL li .sub2UL li .sub2ULHead p a , #category-nav .Cate >li .subUL li .sub2UL li .sub2ULHead p a { padding-left: 35px; border-bottom: 1px solid #5393a7; color: #dedede; }
#side-nav .Cate >li .subUL li .sub2UL li.action .sub2ULHead p a , #category-nav .Cate >li .subUL li .sub2UL li.action .sub2ULHead p a { background: #ededed; color: #e6e6e6; }
#ssbanner-list .bxslider div a { width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; background-color: #f6fcfd; display: block; transition: all ease-in-out .3s; }
#ssbanner-list .bxslider div a img { width: 100%; }
#ssbanner-list , #side-nav #fb-wrap , #side-nav #g-map , #side-nav #youtube , #side-nav #contact-nav { margin-top: 50px; text-align: center; }
#side-nav #contact-nav ul li a { text-align: left; }
#side-nav #contact-nav ul li a i { margin-right: 5px; }

/* community */
#community { margin: 50px 0; }
#community li { float: left; margin: 0 5px 5px 0; line-height: 0; }
#g-map iframe { width: 100%; height: 400px; }
aside .webframe { overflow: hidden; margin: 0 auto; padding: 80px 10%; width: 80%; background: #fbfbfb; }
#catalogStyle h3 { padding: 33px 20px; text-align: center; line-height: 120%; font-size: 40px; color: #2b2a29; }
#pagenav { margin: 36px 0; }
.comprehensiveW.content-wrraper .inside { margin: 0 auto; width: 75%; }

/* symptom_box */
#symptom_box h4 { line-height: 1.7; font-size: 20px; color: #035598; }
#symptom_box .audio_box { display: flex; }
#symptom_box .btn_audio { margin-right: 15px; display: flex; align-items: center; font-size: 14px; }
#symptom_box .btn_audio i { margin-right: 5px; width: 25px; height: 25px; background: #d7d7d7; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #4d4d4d; }
#symptom_box .btn_audio i.fa-pause:before { -webkit-transform: scale(.7); transform: scale(.7); }
#symptom_box .top_box , #symptom_box .info_btns { display: flex; align-items: center; margin-bottom: 15px; }
#symptom_box .top_box .pagetitle { margin-bottom: 0; }
#symptom_box .info_btns >div { margin-right: 15px; }
#symptom_box .info_btns a { margin: 10px 15px 5px 0; padding: 10px; min-width: 100px; background: #ee776d; border-radius: 5px; display: inline-block; font-size: 18px; text-align: center; color: #fff; }
#symptom_box .language_box { margin-left: 10px; min-width: 310px; }
#symptom_box .language_box i { margin-right: 5px; }
#symptom_box .language_box a { margin-right: 10px; padding: 5px 10px; background: #7fc740; border-radius: 5px; display: inline-block; color: #fff; }
#symptom_box .language_box a[data-cid="zh-tw"] { background: #fd9c49; }
#symptom_box .language_box a[data-cid="id"] { background: #ad7dcc; }
#symptom_box .question_box { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#symptom_box .question_box .chk_btn { margin: 10px 0; text-align: right; }
#symptom_box .question_box .chk_btn a , .fancybox-slide--current .fancy_box >div .print { padding: 8px 15px; margin-left: 15px; background: #00d2d0; display: inline-block; font-weight: 600; font-size: 17px; color: #fff; }
#symptom_box .question_box .chk_btn a.back { background: #929292; }
#symptom_box .question_box .chk_btn a[data-type="2"] { opacity: .5; cursor: not-allowed; }
#symptom_box .question_box article { line-height: 1.5; font-size: 17px; }
#symptom_box ul { margin-top: 30px; display: grid; grid-gap: 15px; grid-template-columns: repeat(3 , 1fr); grid-template-rows: repeat(3 , 1fr); }
#symptom_box ul li { position: relative; padding: 5px; }
#symptom_box ul li .audio_box { position: absolute; padding: 5px; width: calc(100% - 20px); background: rgb(255 255 255 / 40%); top: 5px; left: 5px; z-index: 3; }
#symptom_box ul li:after , #symptom_box ul li input { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; z-index: 2; }
#symptom_box ul li.action:after { width: calc(100% - 10px); height: calc(100% - 10px); border: 5px #45857e solid; opacity: 1; content: ""; z-index: 1; }
#symptom_box #form3 { margin: 30px 0; }
#symptom_box #form3 p { margin: 15px 0; display: flex; align-items: center; justify-content: space-between; }
#symptom_box #form3 p label { width: 120px; font-size: 18px; }
#symptom_box #form3 p input { padding: 10px 15px; width: calc(100% - 150px); border: 1px #ccc solid; }
#symptom_box .list_box .symptom_item { position: relative; margin-bottom: 25px; display: flex; justify-content: space-between; align-items: center; }
#symptom_box .list_box .symptom_item >div { width: calc(100% / 3); }
#symptom_box .list_box .symptom_item.tit >div { text-align: center; line-height: 1.3; font-weight: 600; font-size: 19px; }
#symptom_box .list_box .symptom_item.info:before { position: absolute; margin-left: 4%;  width: calc((100% / 3) - 8%); height: 1px; border-bottom: 5px #808080 dotted; left: calc(100% / 3); content: ""; }
#symptom_box .list_box .symptom_item.notchk:before , #symptom_box .list_box .symptom_item.notchk >div:last-child img { opacity: 0; }
#symptom_box #describe { margin-top: 50px; line-height: 1.7; font-size: 15px; color: #535353; }

/* fancybox-slide--current */
.fancybox-slide--current .fancy_box { overflow-y: scroll; width: 750px; max-height: 55vh; opacity: 1; }
.fancybox-slide--current .fancy_box::-webkit-scrollbar { width: 5px; }
.fancybox-slide--current .fancy_box::-webkit-scrollbar-track { background: #c5c5c5; }
.fancybox-slide--current .fancy_box::-webkit-scrollbar-thumb { background: #f5d556; }
.fancybox-slide--current .fancy_box::-webkit-scrollbar-thumb:hover { background: #393935; }
.fancybox-slide--current .fancy_box * { line-height: 1.7; font-size: inherit; }
.fancybox-slide--current .fancy_box >div { padding: 15px; }
.fancybox-slide--current .fancy_box >div .describe { display: none; }
.fancybox-slide--current .fancy_box >div .print { margin: 30px 0 0; }
.fancybox-slide--current .fancy_box button { width: 30px; height: 30px; background: #ee776d; line-height: 1; font-size: 30px; color: #fff; top: 10px; right: 10px; }

@media screen and (max-width: 1366px) {
	.inside { width: 90%; }
}
@media screen and (min-width: 1025px) {
	#side-nav .Cate >li { position: relative; padding: 8px 8px 8px 0; display: inline-block; vertical-align: top; }
	#side-nav .Cate >li h3 a , #side-nav .Cate >li .subUL li .subULHead p a , #side-nav .Cate >li .subUL li .sub2UL li .sub2ULHead p a { padding: 5px 18px; border-radius: 8px; border: 2px solid #fff; font-size: 17px; font-weight: 800; color: #926e00; }
	#side-nav .Cate >li .subUL li .subULHead p a { background: #fff; }
	#side-nav .Cate li >ul { overflow: visible; position: absolute; width: 150px; top: 100%; left: 0; }
	#side-nav .Cate >li >h3 { overflow: visible; border: 0; font-weight: 400; }
	#side-nav .Cate >li h3 >a:hover , #side-nav .Cate >li.action h3 a { background: #00a0d7; color: #fff; }
	#side-nav .Cate >li:hover >ul { display: block; }
	#side-nav .Cate >li .subUL li .subULHead p { width: 100%; }
	#side-nav .Cate li >ul >li { position: relative; margin-bottom: 4px; }
	#side-nav .Cate >li h3 b , #side-nav .Cate >li .subUL li .subULHead b { display: none; }
	#side-nav .Cate >li .subUL li .subULHead { border: none; }
	#side-nav .Cate >li .subUL li .subULHead p a:hover , #side-nav .Cate >li .subUL li.action .subULHead p a , #side-nav .Cate >li .subUL li .sub2UL li .sub2ULHead p a:hover { color: #2e5e6d; }
	#side-nav .Cate li .sub2UL { padding-left: 5px; top: 0; left: 100%; }
	#side-nav .Cate li ul li:hover .sub2UL { display: block; }
	#side-nav .Cate li .sub2UL li a { background: #fff; }
	aside #contact-nav { float: left; width: 47%; }
	aside #category-nav { float: right; width: 47%; }
	aside { position: relative; }
	.chooseBox { position: absolute; left: -300px; top: 100px; transition: all linear .3s; z-index: 5; }
	.chooseBox:hover { left: 0; }
	.chooseBox p { float: right; margin-right: -50px; padding: 7px 10px; height: 50px; width: 30px; background: #1d3773; border-top-right-radius: 15px; border-bottom-right-radius: 15px; text-align: center; line-height: 50px; font-size: 30px; color: #fff; }
	.chooseBox .hideBox { float: left; width: 300px; }
	#youtube { top: 30px; }
	#youtube.chooseBox p { background: #e02425; }
	#youtube iframe { width: 300px; }
	#symptom_box { width: 900px; }
}
@media screen and (max-width: 1024px) {
	#sub-banner { margin-top: 92px; }
	.inside { margin: 50px auto; }
	.main-article { width: 100%; }
	#content { background: rgba(255 , 255 , 255 , 0.7); }
	.content-wrraper { display: flex; flex-wrap: wrap; }
	.content-wrraper >div { width: 100%; order: 1; }
	.content-wrraper .inside { width: 90%; }
	.content-wrraper #side-nav { order: 2; background: #3b849a; }
	.content-wrraper aside { width: 100%; order: 3; }
	aside .webframe { padding: 30px 10%; }
	#contact-nav , #category-nav { margin: 50px 0; }
	#side-nav .outside-set { padding: 70px 0 0; width: 80%; }
	#side-nav .side-title { display: block; border: 0; }
	#side-nav .side-title h2 { margin-bottom: 0; font-size: 16px; line-height: 110%; color: #fff; }
	#side-nav .side-title h2 b { font-size: 24px; border: none; color: #fff; }
	#side-nav .Cate { margin: 0; display: block; }
	#side-nav .Cate li.action ul { display: block; }
	#fb-wrap { text-align: center; }
	#youtube { margin: 70px 0 0; text-align: center; }
	.chooseBox p { display: none; }
	.chooseBox .hideBox { width: 300px; display: inline-block; }
	#youtube.chooseBox .hideBox { overflow: hidden; position: relative; padding-bottom: 56.25%; padding-top: 30px; width: 100%; height: 0; display: block; }
	#youtube iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
	#catalogStyle h3 { padding: 70px 20px; font-size: 30px; }
}
@media screen and (min-width: 769px) {
	/* #symptom_box .question_box article { width: calc(100% - 200px); } */
	/* #symptom_box .question_box .chk_btn { width: 200px; } */
}
@media screen and (max-width: 768px) {
	.fancybox-slide--current .fancy_box { width: 90%; }
	#symptom_box .top_box { display: block; }
	#symptom_box .language_box { margin: 20px 0 40px; }
	#symptom_box .question_box .chk_btn { width: 100%; }
	#symptom_box .question_box .chk_btn a.print { display: none; }
	#symptom_box .list_box .symptom_item >div { width: 45%; }
	#symptom_box .list_box .symptom_item.info:before { margin-left: 2%; width: 6%; left: 45%; }
}
@media screen and (max-width: 640px) {
	.inside { margin: 20px auto; }
	.main-article .pagetitle { font-size: 30px; }
	.waylink ol li , .waylink ol li a , .waylink ol li .h3 , .waylink ol li:after { font-size: 6pt; }
	#catalogStyle h3 { padding: 50px 20px; font-size: 24px; }
}
@media screen and (max-width: 480px) {
	.main-article .pagetitle { margin-bottom: 20px; }
	#symptom_box ul { grid-template-columns: repeat(2 , 1fr); grid-template-rows: auto; }
}