@charset "utf-8";
/***************************************
    copyright by MakeWeb.com.tw 
***************************************/

h2{
	padding: 0;
	margin: 10px 0;
}
h3{
	padding: 0;
	margin: 10px 0;
}
h4{
	padding: 0;
	margin: 14px 0;
}
.canvas_post img{
	max-width: 100%;
}
.sub_menu ul {
	display: table;
	padding: 0;
	margin: 0 auto;
	list-style: none;
}
.sub_menu ul li{
	float: left;
	margin: 10px;
}


/*-------------------------------------------------
 disease
--------------------------------------------------*/



a.main_green_btn.deactive {
	margin-right: 12px;
	border: 2px solid #8cb82b;
	color: #8cb82b !important;
	background: none;
	color: #FFF;
}
a.main_green_btn.deactive:hover {
	border: 2px solid #83c41a;
	color: #83c41a !important;
	background: none;
	color: #FFF;
}


/*video*/
.video_lang_box {
	width: 100%;
	height: auto;
	padding: 15px 0;
}
.video_lang_box .scroll-wrap {
	/*display: table;*/
	/*width: 440px;*/
	width: 100%;
	height: 100%;
	text-align: center;
}
.video_lang_box .scroll-wrap div{
	display: inline-block;
}


.video_list_box {
	/*width: 280px;*/
	width: 100%;
	height: auto;
	padding: 15px 0;
	/*overflow-x: scroll;*/
	/*overflow-y: auto;*/
	/*-webkit-overflow-scrolling: touch;*/
}
.video_list_box .scroll-wrap {
	/*display: table;*/
	/*width: 440px;*/
	width: 100%;
	height: 100%;
	text-align: center;
}
.video_list_box .btn{
	margin: 10px 0;
}
.video_list_box .btn a{
	color: #FFF;
}
.video_list_box .btn.u0{
	background: #46C6E1;
}
.video_list_box .btn.u1{
	background: #ED5540;
}
.video_list_box .btn.u2{
	background: #E2C54F;
}
.video_list_box .btn.u3{
	background: #71CA90;
}
.video_list_box .btn.u4{
	background: #BFA9C4;
}

.rehabilitation_videos h3{
	margin: 20px 0;
}
.rehabilitation_videos ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
.rehabilitation_videos li {
	overflow: hidden;
	position: relative;
	/*float: left;*/
	width: 100%;
	/*height: 48px;*/
	border-top: 1px solid #e0e0e0;
	cursor: pointer;
}
.rehabilitation_videos li h4{
	float: left;
	width: calc( 100% - 60px);
}
.rehabilitation_videos li h4 a{
	display: inline-block;
	width: 100%;
	line-height: 55px;
}
.rehabilitation_videos li .videos_box{
	display: none;
}
.rehabilitation_videos li .mg_stats{
	float: right;
	line-height: 55px;
}
.rehabilitation_videos li .icon_svg{
	display: block;
	float: left;
	margin: 0px ;
	padding: 20px 2px;
	width: 14px;
	height: 14px;
	fill:#AAA;
}
.rehabilitation_videos li .mg_nums{
	display: block;
	float: left;
	color: #999;
	line-height: 55px;
	/*font-size: 1.4rem;*/
	margin: 0 0px 0 0px;
}

.rehabilitation_videos h3.u0, .rehabilitation_videos ul.u0 .first{
	color: #46C6E1;
}
.rehabilitation_videos h3.u1, .rehabilitation_videos ul.u1 .first{
	color: #ED5540;
}
.rehabilitation_videos h3.u2, .rehabilitation_videos ul.u2 .first{
	color: #E2C54F;
}
.rehabilitation_videos h3.u3, .rehabilitation_videos ul.u3 .first{
	color: #71CA90;
}



/*-------------------------------------------------
 drug
--------------------------------------------------*/

.mechanism_list_box {
	/*width: 280px;*/
	width: 100%;
	height: auto;
	padding: 15px 0;
	/*overflow-x: scroll;*/
	/*overflow-y: auto;*/
	/*-webkit-overflow-scrolling: touch;*/
}
.mechanism_list_box .scroll-wrap {
	width: 100%;
	/*width: 920px;*/
	height: 100%;
	text-align: center;
}
.mechanism_list_box .btn{
	margin: 10px 0;
}
.mechanism_list_box .btn a{
	color: #FFF;
}
.mechanism_list_box .btn.u0{
	background: #999;
}
.mechanism_list_box .btn.u1{
	background: #ED5540;
}
.mechanism_list_box .btn.u2{
	background: #E2C54F;
}
.mechanism_list_box .btn.u3{
	background: #71CA90;
}
.mechanism_list_box .btn.u4{
	background: #46C6E1;
}
.mechanism_list_box .btn.u5{
	background: #C0A9C5;
}
.mechanism_list_box .btn.u6{
	background: #F689A6;
}
.mechanism_list_box .btn.u7{
	background: #FD8F44;
}
.mechanism_list_box .btn.u8{
	background: #4692e1;
}


.page_main.drug .mechanism_intro_box{
	display: none;
}
.page_main.drug .btn_box{
	text-align: right;
}
.mechanism_intro_box p{
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #EEE;
}
.mechanism_intro_box h2.u1{
	color: #ED5540;
}
.mechanism_intro_box h2.u2{
	color: #E2C54F;
}
.mechanism_intro_box h2.u3{
	color: #71CA90;
}
.mechanism_intro_box h2.u4{
	color: #46C6E1;
}
.mechanism_intro_box h2.u5{
	color: #C0A9C5;
}
.mechanism_intro_box h2.u6{
	color: #F689A6;
}
.mechanism_intro_box h2.u7{
	color: #FD8F44;
}

/*item list start*/
.item_list_box ul {
	/*display: table;*/
	padding: 0;
	margin: 0;
	list-style: none;
}
.item_list_box ul li{
	overflow: hidden;
	width: 98%;
	margin: 10px auto;
	padding: 0px 0px;
	background: #FFF;
	border-radius: 12px;
	/*border: 1px solid #444;*/
	box-shadow: 0px 0px 5px 2px #DDD;
	cursor: pointer;
}
.item_list_box ul li a{
	/*display: block;*/
	overflow: hidden;
}
.item_list_box ul li .item_pic{
	float: left;
	width: 66px;
	height: 66px;
	border-radius: 12px;
	background:#6BA91F;
}
.item_list_box ul li .icon_svg{
	display: block;
	width: 37px;
	height: 37px;
	margin: 14px auto;
	padding: 0px 0;
	fill:#FFF;
}
/*item list end*/

/*.item_list_box.drug{
	display: none;
}*/
.item_list_box.drug.current{
	display: block;
}
.item_list_box.drug .mechanism{
	display: block;
}
.item_list_box.drug .mechanism.current{
	display: none;
}
.item_list_box.drug ul li img{
	float: left;
	max-width: 66px;
	max-height: 66px;
	margin: 0 4px 0 0;
}
.item_list_box.drug ul li h5{
	float: left;
	margin: 10px 0 0 10px;
	width: calc( 100% - 80px );
	text-align: left;
	line-height: 1.2;
}
.item_list_box.drug ul li h6{
	float: left;
	margin: 0px 0 0 10px;
	width: calc( 100% - 80px );
}

.mechanism.u1{
	border-bottom: 5px solid #ED5540;
}
.mechanism.u2{
	border-bottom: 5px solid #E2C54F;
}
.mechanism.u3{
	border-bottom: 5px solid #71CA90;
}
.mechanism.u4{
	border-bottom: 5px solid #46C6E1;
}
.mechanism.u5{
	border-bottom: 5px solid #C0A9C5;
}
.mechanism.u6{
	border-bottom: 5px solid #F689A6;
}
.mechanism.u7{
	border-bottom: 5px solid #FD8F44;
}
.mechanism.u8{
	border-bottom: 5px solid #4692e1;
}


.drug_intro_box .intro_box h3{
	line-height: 1.4;
}
.drug_intro_box .intro_box h5{
	text-align: center;
}




.fancybox-inner {
	-webkit-overflow-scrolling: touch;
}
.fancybox-inner h2{
	text-align: center;
}
.fancybox-inner h3{
	text-align: center;
	line-height: 1.4;
}
.fancybox-inner h5{
	text-align: center;
}
.fancybox-inner img{
	max-width: 100%;
}