@charset "utf-8";

/* All */
*{margin:0; padding:0; list-style:none; box-sizing:border-box; font-weight:normal; font-family:"微軟正黑體", 新細明體, Verdana, sans-serif; text-decoration:none;}
h1, h2, h3, h4, h5, h6 p{margin:0; padding:0; font-weight:normal;}
html{font-size:62.5%;}
body{font-size:14px; font-size:1.4rem; height:100%;}

/* Index (start) */
.wrapper-top{
	position:relative;
	margin:0 auto;
	width:100%;
	height:48px;
	border-top:#29c4ca 3px solid;
	overflow:hidden;
	background:-webkit-linear-gradient(to top, #ccc 0%, #ededed 10%, #fff 25%, #fff 100%);
	background:-moz-linear-gradient(to top, #ccc 0%, #ededed 10%, #fff 25%, #fff 100%);
	background:-o-linear-gradient(to top, #ccc 0%, #ededed 10%, #fff 25%, #fff 100%);
	background:linear-gradient(to top, #ccc 0%, #ededed 10%, #fff 25%, #fff 100%);
}
	.member-area{position:relative; margin:0 auto; width:100%; height:45px; overflow:hidden; font-size:13px;}

	.member-area .l-m-block{position:relative; float:left; overflow:hidden;}
	.member-area .l-m-block .m-link{margin-left:10px; float:left; display:table; color:#29c4ca; line-height:40px;}
	.member-area .l-m-block .m-link img{margin-right:4px; display:inline-block; vertical-align:middle;}

	.member-area .r-m-block{position:relative; float:right; overflow:hidden;}
	.member-area .r-m-block .m-link{margin-right:10px; float:left; display:table; color:#29c4ca; line-height:40px;}
	.member-area .r-m-block .m-link img{margin-right:4px; display:inline-block; vertical-align:middle;}

	/* pushy-link trigger Class */
	.member-area .mobile-nav{position:relative; float:right; overflow:hidden; display:table; line-height:40px; display:none;}
	.member-area .mobile-nav img{margin-right:10px; display:inline-block; vertical-align:middle;}

/* pushy-link 醫藥法規學會-內容CSS設定 */
.pushy-link ,.pushy-submenu{font-size:16px;}
.pushy-link ul li,.pushy-submenu ul li{font-size:15px;}

	.member-block-m{position:relative; margin:0 auto; width:100%; overflow:hidden; font-size:0; text-align:center;
		background-color:#fff;
		background:linear-gradient(to bottom, #fff 0%, #fff 90%, #ededed 95%, #ccc 100%);
	}

	.member-block-m .m-item{display:inline-block; color:#fff; text-decoration:none; margin:0 auto; padding:0 auto; width:50%; text-align:center;}
	.member-block-m .m-item .m-pic{display:block; margin:0 auto; padding:0;}
	.member-block-m .m-item .m-txt{display:block; font-size:13px; color:#fff; margin:0 auto; padding:0; color:#29c4ca;}
	.member-block-m .m-item:first-child{border-right:#ddd 1px solid;}

	.member-block-m .ml-item{display:table; color:#fff; text-decoration:none; margin:0 auto; padding:0 auto; width:100%; text-align:left;}

	.member-block-m .ml-item .user-blk{display:table-cell; margin:0; padding:0; padding-right:8px; width:76%; font-size:13px; color:#000; vertical-align:middle;}
	.member-block-m .ml-item .user-blk .u-txt{font-size:13px; color:#fff; color:#999; line-height:20px; height:20px; overflow:hidden;}
	.member-block-m .ml-item .m-blk{display:table-cell; margin:0; padding:0; width:24%;}
	.member-block-m .ml-item .m-blk .m-pic{display:block; margin:0; padding:0;}
	.member-block-m .ml-item .m-blk .m-txt{display:block; margin:0; padding:0; font-size:13px; color:#29c4ca;}

/* 設定 */
.wrapper-tmenu{position:relative; margin:0 auto; padding-top:52px; width:100%; max-width:1920px; height:150px; overflow:hidden; background:url(../images/tm-bg.jpg) no-repeat top center;}

	/* Top Menu 上方選單 */
	.top-menu{/*display:table;*/ margin:0 auto; max-width:1024px; overflow:hidden; text-align:center; font-size:0;}
	.top-menu .logo{padding-right:32px; display:inline-block; /*width:272px;*/ vertical-align:middle;}
	.top-menu .logo img{width:240px; vertical-align:middle;}
	.top-menu .menu-area{display:inline-block; padding:0 0 6px 0; text-align:left; vertical-align:bottom; position:relative; overflow:hidden; font-size:0;}
	.top-menu .menu-area .tm-item{
		display:inline-block;
		margin:0 4px;
		width:115px; /*原本138px*/
		height:50px;
		line-height:50px;
		color:#000;
		text-align:center;
		vertical-align:middle;
		font-size:16px;
		font-weight:bold;
		border:#ccc 1px solid;
		background:-webkit-linear-gradient(to top, #ccc 0%, #ededed 10%, #fff 25%, #fff 100%);
		background:-moz-gradient(to top, #ccc 0%, #ededed 10%, #fff 25%, #fff 100%);
		background:-o-gradient(to top, #ccc 0%, #ededed 10%, #fff 25%, #fff 100%);
		background:linear-gradient(to top, #ccc 0%, #ededed 10%, #fff 25%, #fff 100%);
		box-shadow:#999 1px 1px 2px;
	}
	.top-menu .menu-area .tm-item.onit{color:#29c4ca;}
	.top-menu .menu-area .tm-item img{vertical-align:middle; margin:-2px 6px 0 -4px;}
	.top-menu .menu-area .tm-item:hover{color:#29c4ca;}

.wrapper-slider{position:relative; margin:0 auto; width:100%; max-width:1200px; padding:0 0 26px 0; overflow:hidden;}
.wrapper-slider .bxslider{position:relative; margin:0 auto; width:100%; overflow:hidden;}
.wrapper-slider .bxslider img{display:block; width:100%; border-top:#ededed 2px solid; border-bottom:#ededed 2px solid;}

	.wrapper-txt{position:relative; margin:0 auto; padding:50px 20px; max-width:1024px; width:100%; text-align:center; overflow:hidden;}
		.wrapper-txt h2{font-size:24px; font-weight:bold; line-height:40px;}
		.wrapper-txt p{font-size:16px; line-height:24px; text-align:left;}

	.wrapper-info{position:relative; margin:20px auto 0 auto; padding-bottom:150px; width:100%; overflow:hidden; background:url(../images/c-b-bg.jpg) no-repeat center bottom;}
		.info-area{position:relative; display:flex; flex-wrap:wrap; margin:0 auto; padding:20px; width:100%; max-width:1200px; overflow:hidden; text-align:left; font-size:0;}

		/* 最新消息, 研討會資訊, 法規資訊, 相關連結 */

		.info-area .info-box{position:relative; display:inline-block; margin:0 0.5% 10px 0.5%; width:24%; box-shadow:#ccc 2px 2px 5px; font-size:16px; border:#ccc 1px solid; background:#fff; vertical-align:top; overflow:hidden; padding-bottom:50px;}

		.info-area .info-box > h2{width:100%; height:48px; line-height:48px; color:#fff; font-weight:bold; text-align:center; text-shadow:#666 1px 1px 2px; font-size:20px; letter-spacing:1px;
			background:-webkit-linear-gradient(to bottom, #29c4ca 0%, #29c4ca 85%, #10a9af 95%, #5ab4b8 100%);
			background:-moz-linear-gradient(to bottom, #29c4ca 0%, #29c4ca 85%, #10a9af 95%, #5ab4b8 100%);
			background:-o-linear-gradient(to bottom, #29c4ca 0%, #29c4ca 85%, #10a9af 95%, #5ab4b8 100%);
			background:linear-gradient(to bottom, #29c4ca 0%, #29c4ca 85%, #10a9af 95%, #5ab4b8 100%);
		}
		.info-area .info-box > h2 > img{margin-right:6px;}
		.info-area .info-box > img{display:block; margin:10px auto 12px auto; width:94%;}
		.info-area .info-box ul{display:block; margin:0 auto 10px auto; width:94%;}
		.info-area .info-box ul li{position:relative; overflow:hidden; display:block; margin-bottom:2px; width:100%;}
		.info-area .info-box ul li a{text-decoration:none; display:table; width:100%; background:fff;}
		.info-area .info-box ul li:hover a .l-date{opacity:1;}
		.info-area .info-box ul li:hover a .r-info:hover{border-top:#999 1px solid; border-right:#999 1px solid; border-bottom:#999 1px solid;}
		.info-area .info-box ul li:hover .linking-icon{opacity:1;}

		.info-area .info-box ul li:hover .linking-txt{border-top:#999 1px solid; border-right:#999 1px solid; border-bottom:#999 1px solid;}


		.info-area .info-box ul li:hover .ear{border-color:#999 transparent transparent transparent;}

		/* 日期 */
		.info-area .info-box ul li .l-date{display:table-cell; padding:2px 2px 4px 2px; width:70px; background:#49acdf; text-align:center; font-size:0; opacity:0.8;}
		.info-area .info-box ul li .l-date.seminar{background:#8f82bc;}
		.info-area .info-box ul li .l-date.law-info{background:#ba934f;}
		/* 生物相似藥推廣計畫專區 */
		.info-area .info-box ul li .l-date.medicine{background:#335692;}
		/* 文章分享*/
		.info-area .info-box ul li .l-date.narticle{background:#f08080;}
		/* 學會公告*/
		.info-area .info-box ul li .l-date.learn{background:#a6937c;}
		/* 學會政策宣言*/
		.info-area .info-box ul li .l-date.policy{background:#703d84;}
		/* 就業資訊*/
		.info-area .info-box ul li .l-date.employment{background:#942b2b;}
		/* 書籍推薦*/
		.info-area .info-box ul li .l-date.rbook{background:#3cb371;}

		.info-area .info-box ul li .l-date > h3 {color:#fff; font-weight:bold; font-size:17px;}
		.info-area .info-box ul li .l-date > span{display:inline-block; margin:2px; width:26px; color:#49acdf; background:#fff; text-align:center; font-weight:bold; font-size:18px;}
		.info-area .info-box ul li .l-date > span.seminar{color:#8f82bc;}
		.info-area .info-box ul li .l-date > span.law-info{color:#ba934f;}
		/* 生物相似藥推廣計畫專區 */
		.info-area .info-box ul li .l-date > span.medicine{color:#335692;}
		/* 文章分享*/
		.info-area .info-box ul li .l-date > span.narticle{color:#f08080;}
		/* 學會公告*/
		.info-area .info-box ul li .l-date > span.learn{color:#a6937c;}
		/* 學會政策宣言*/
		.info-area .info-box ul li .l-date > span.policy{color:#703d84;}
		/* 就業資訊*/
		.info-area .info-box ul li .l-date > span.employment{color:#942b2b;}
		/* 書籍推薦*/
		.info-area .info-box ul li .l-date > span.rbook{color:#3cb371;}

		.info-area .info-box ul li .l-date > span.period{display:inline-block; margin:0; width:10px; color:#fff; background:transparent; text-align:center; font-size:13px;}

		.info-area .info-box ul li .l-date > p {color:#fff; letter-spacing:1px; font-size:13px;}

		/* 內容 */
		.info-area .info-box ul li .r-info{display:table-cell; padding:4px; width:calc(100% - 70px); background:#fff; vertical-align:middle; border-top:#ccc 1px solid; border-right:#ccc 1px solid; border-bottom:#ccc 1px solid; text-align:left;}


		.info-area .info-box ul li .r-info > p{
			display:inline-block;
			font-size:13px;
			position:relative;
    		line-height:20px;
			height:40px;
			overflow:hidden;
		}

		/* 相關連結 */
		.info-area .info-box ul li .linking-icon{display:table-cell; padding:4px 8px; width:40px; height:52px; background:#DD738D; vertical-align:middle; text-align:center; color:#666; font-weight:bold; opacity:0.8;}
		.info-area .info-box ul li .linking-icon img{vertical-align:middle;}
		.info-area .info-box ul li .linking-txt{display:table-cell; padding:4px 8px; width:calc(100% - 40px); background:#fff; vertical-align:middle; border-top:#ccc 1px solid; border-right:#ccc 1px solid; border-bottom:#ccc 1px solid; text-align:left; font-size:13px; color:#000;}


		.info-area .info-box ul li .linking-txt .img-blk{position:relative; width:100%; height:0; padding-bottom:30%; /*padding-bottom:75%;*/ overflow:hidden;}
		.info-area .info-box ul li .linking-txt .img-blk > img{position:absolute; top:0; right:0; left:0; bottom:0; margin:auto; max-width:100%; max-height:100%;}







		/* 連結-下方斜切三角 */
		.info-area .info-box ul li .ear{float:right; width:0; height:0; border-style:solid; border-width:10px 10px 0 0; border-color:#ccc transparent transparent transparent;}

		/* 更多-連結 */
		.info-area .info-box .bottom-blk{position:absolute; right:0; bottom:0; left:0; display:block; margin:0 auto 8px auto; width:94%; overflow:hidden; text-align:right;}
		.info-area .info-box .bottom-blk .more-btn {margin:2px 0; display:inline-block; width:60px; padding:2px; text-align:center; border:#ccc 1px solid; border-radius:4px; text-decoration:none; font-size:14px;}
		.info-area .info-box .bottom-blk .more-btn:hover {border:#999 1px solid; background:#999; color:#fff;}


.wrapper-sitemap{position:relative; margin:0 auto; width:100%; padding:0 0 26px 0; background:#0ea7ad; overflow:hidden;}

	/* SiteMap 內容 */
	.sitemap-area{position:relative; margin:0 auto; padding-top:50px; max-width:1200px; height:300px; background:url(../images/footer-pic.png) no-repeat #0ea7ad center bottom; overflow:hidden; font-size:0;}
		.map-column{position:relative; display:inline-block; color:#fff; font-size:15px; vertical-align:top; overflow:hidden;}
		.map-column:nth-child(1){width:24%;}
		.map-column:nth-child(2){width:16%;}
		.map-column:nth-child(3){width:16%;}
		.map-column:nth-child(4){width:28%;}
		.map-column:nth-child(5){width:16%;}

		.map-column li{position:relative; padding:6px 4px; width:100%; overflow:hidden;}
		.map-column li:hover p{color:#ff0;}
		.map-column li:hover span{color:#ff0;}
		.map-column li:hover .qr-code{border:#000 1px solid;}
		.map-column li .facebook-link:hover{border:#fff 1px solid;}
		.map-column li .line-link:hover{border:#fff 1px solid;}

		.map-column li a{text-decoration:none; color:#fff;}
		.map-column li span{color:#fff;}
		.map-column li p{color:#fff;}

		.map-column li .c-icon{display:inline-block; width:20px; vertical-align:top;}
		.map-column li .c-txt{display:inline-block; width:calc(100% - 20px); padding-left:10px; vertical-align:top; color:#fff;}

		.map-column li .facebook-link{float:left; margin:0 10px 0 auto; width:40px; border:#0ea7ad 1px solid;}
		.map-column li .line-link{float:left; margin:0 10px 0 auto; width:40px; border:#0ea7ad 1px solid;}
		.map-column li .qr-code{display:block; margin:0 auto; width:80px; border:#0ea7ad 1px solid;}


.wrapper-c{position:relative; margin:0 auto; padding:0 0 150px 0; width:100%; overflow:hidden; background:url(../images/c-b-bg.jpg) no-repeat bottom center;}

	.content-box{display:flex; flex-wrap:wrap; margin:0 auto; width:100%; max-width:1024px; background:#fff; box-shadow:#ccc 2px 2px 5px; border:#ccc 1px solid;}

		/* Left Menu 左側選單 */
		.left-menu{display:block; padding:0 0 20px 0; width:240px; min-height:600px; text-align:center; background:#ededed; vertical-align:top;}

		.left-menu .lm-title{margin:0 auto 10px auto; width:100%; height:50px; line-height:50px; color:#fff; font-size:20px; font-weight:bold; text-shadow:#000 1px 1px 3px; letter-spacing:1px;
			background:linear-gradient(to top, #09979c 0%, #29c4ca 15%, #29c4ca 75%, #29c4ca 100%);
		}
		.left-menu ul{margin:0; padding:0; list-style:none;}
		.left-menu ul li{margin-top:4px;}
		.left-menu ul li a{position:relative; display:block; margin:0 auto; width:220px; height:34px; line-height:34px; color:#000; text-decoration:none; border:#ccc 1px solid; background:#fff; box-shadow:#ccc 1px 1px 2px; font-size:16px; letter-spacing:1px;}

		.left-menu ul li a:hover,
		.left-menu ul li a.hover{color:#29c4ca;}

		.left-menu ul li a.onit{color:#29c4ca; font-weight:bold;}

		.left-menu .a-list > li > a{}

		.left-menu .sub-menu{display:none;}
		.left-menu .sub-menu > li > a{position:relative; font-size:14px; color:#666; background:#ededed; box-shadow:none; border:#ccc 1px solid;}
		.left-menu .sub-menu > li > a.hover{}

		/* Hover / Open */
		.left-menu .a-list > li > a:hover{}
		.left-menu .a-list > li > .open{}

		.left-menu .close-icon, .left-menu .open-icon{position:absolute; display:inline-block; vertical-align:middle; top:7px; bottom:0; right:7px; width:20px; height:20px; z-index:10;}
		.left-menu .open > .close-icon{background:url(../images/l-menu_close-icon.png) no-repeat center center;}
		.left-menu .open-icon{background:url(../images/l-menu_open-icon.png) no-repeat center center;}

		/* Transition */
		.left-menu .a-list > li > a{
		  -webkit-transition:all 0.24s ease-in-out;
		  transition:all 0.24s ease-in-out;
		}

		/* medicine.php版面置中 */
		.right-content2{display:block; width:calc(100%); text-align:center; background:#fff;}
		/* Right Content 右側內容 */
		.right-content{display:block; width:calc(100% - 240px); text-align:center; background:#fff;}
			.r-content{position:relative; padding:20px 20px 50px 20px; width:100%; overflow:hidden;}

			.r-content .btn-blk{margin:0 auto; padding:4px; widh:100%; font-size:0; text-align:center;}
			.r-content .btn-blk .goback{display:inline-block; margin:0 auto; padding:4px 10px; font-size:16px; color:#000; text-align:center; vertical-align:center; border:#ccc 1px solid; border-radius:4px; box-shadow:#ccc 1px 1px 2px;}
			.r-content .btn-blk .goback:hover{border:#999 1px solid; background:#999; color:#fff;}


			.r-content > img{display:inline-block; margin:0 auto; width:100%;}



				/* 關於我們 */
				.editor-about {position:relative; margin:10px auto; padding:20px 0; width:100%;
					background-image:url(../images/mark-tl.png), url(../images/mark-tr.png)/*, url(../images/mark-br.png), url(../images/mark-bl.png)*/;
					background-position:0.8% 0.8%, 99.2% 0.8%/*, 99.2% 99.2%, 0.8% 99.2%*/;
					background-repeat:no-repeat;
					overflow:hidden;
					text-align:center;
				}

				.editor-about h1,
				.editor-about h2,
				.editor-about h3,
				.editor-about h4,
				.editor-about h5,
				.editor-about h6{margin:10px auto 30px auto; width:80%; font-size:22px; font-weight:bold; letter-spacing:1px;}
				.editor-about p{margin:0 auto; width:80%; font-size:15px; line-height:24px; text-align:left; text-indent:30px;}
				.editor-about .signature{margin:0 auto; margin:20px auto; width:80%; text-align:right;}
				.editor-about .signature > img{display:inline-block; width:280px;}

				.editor-about table{margin:10px auto 50px auto; border-collapse:collapse; text-align:left; width:80%;}
				.editor-about .t-title{display:block; margin:10px auto; width:80%; font-size:16px; color:#0ea7ad; font-weight:bold; text-align:left;}
				.editor-about .t-title img{display:inline-block; vertical-align:middle; margin-right:10px;}

				.editor-about .tsrap-organization{display:block; margin:0 auto; width:80%;}


				.editor-about .table-1{margin:10px auto 50px auto; border-collapse:collapse; text-align:left; width:80%; font-size:16px;}
				.editor-about .table-1 th,
				.editor-about .table-1 td{padding:12px 8px; border:#dbb878 1px solid; line-height:150%;}

				.editor-about .table-1 th{background:#fcf0da;}

				.editor-about img{max-width:100%; height:auto !important;}

				.editor-about ul{list-style:disc !important; padding-left:30px;}
				.editor-about ol{list-style:decimal !important; padding-left:30px;}

				.editor-about ul li{list-style:inherit !important;}
				.editor-about ol li{list-style:inherit !important;}








				/* 活動花絮 */
				.editor-activity{position:relative; margin:0 auto; padding:20px 0; width:100%; overflow:hidden; text-align:center;}

				.editor-activity h1,
				.editor-activity h2,
				.editor-activity h3,
				.editor-activity h4,
				.editor-activity h5,
				.editor-activity h6{margin:4px auto; width:90%; font-size:22px; font-weight:bold; letter-spacing:1px;}
				.editor-activity p{margin:4px auto; width:90%; font-size:15px; line-height:24px; text-align:left;}

				.editor-activity > img{margin:4px auto; width:90%;}


				.editor-activity .gallery{position:relative; margin:4px auto; display:flex; flex-wrap:wrap; width:90%; font-size:0; overflow:hidden; text-align:center;}

				.editor-activity .gallery .picture{display:inline-block; margin:10px 1%; width:48%; padding:4px; box-shadow:#999 1px 1px 4px; border:#ededed 1px solid;}
				.editor-activity .gallery .picture:hover{box-shadow:#666 1px 1px 4px;}

				.editor-activity .gallery .picture .p-pic{position:relative; margin:0 auto; width:100%; height:0; padding-bottom:56.25%; overflow:hidden;}
				.editor-activity .gallery .picture .p-pic img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; height:100%;}
				/*.editor-activity .gallery .picture img{display:block; width:100%;}*/



				.editor-activity .gallery .picture .txt{position:relative; padding:4px 10px; display:block; width:100%; height:24px; line-height:20px; font-size:13px; overflow:hidden;}


				.editor-activity img{max-width:100%; height:auto !important;}

				.editor-activity ul{list-style:disc !important; padding-left:30px;}
				.editor-activity ol{list-style:decimal !important; padding-left:30px;}

				.editor-activity ul li{list-style:inherit !important;}
				.editor-activity ol li{list-style:inherit !important;}






				/* 共用區 */
				.editor-common{position:relative; margin:10px auto; padding:10px 0; width:100%; text-align:center; font-size:0; overflow:hidden;}

				.editor-common h1,
				.editor-common h2,
				.editor-common h3,
				.editor-common h4,
				.editor-common h5,
				.editor-common h6{margin:8px auto 30px auto; width:80%; font-size:22px; font-weight:bold; letter-spacing:1px;}
				.editor-common p{margin:0 auto; width:100%; font-size:15px; line-height:24px; text-align:left; /*text-indent:30px;*/}

				.editor-common img{max-width:100%; height:auto !important;}

				.editor-common ul{list-style:disc !important; padding-left:30px;}
				.editor-common ol{list-style:decimal !important; padding-left:30px;}

				.editor-common ul li{list-style:inherit !important;}
				.editor-common ol li{list-style:inherit !important;}




				.text-editor{margin:0 auto; padding:5px; width:100%; text-align:left; font-size:16px;}
				.text-editor .td-title{color:#29c4ca; font-weight:bold;}
				.text-editor a{color:#2378B5; font-weight:bold;}

				.text-editor em span{font-weight: bold !important;}

				.text-editor img{max-width:100%; height:auto !important;}

				.text-editor ul{list-style:disc !important; padding-left:30px;}
				.text-editor ol{list-style:decimal !important; padding-left:30px;}

				.text-editor ul li{list-style:inherit !important;}
				.text-editor ol li{list-style:inherit !important;}






				.r-content > ol > li{list-style:inside decimal;}
				.r-content > ul > li{list-style:inside disc;}





				/* 副件下載 */
				.download-area{position:relative; margin:0 auto; padding:10px; width:90%; min-height:100px; overflow:hidden; text-align:left; font-size:0;}
				.download-area .d-title{display:block; width:100%; line-height:80px; color:#29c4ca; font-weight:bold; font-size:18px; letter-spacing:1px; vertical-align:middle;}
				.download-area .d-title img{display:inline-block; vertical-align:middle; margin-right:8px;}
				.download-area .d-item{display:inline-block; margin:0 10px 8px 0; padding:4px 4px 4px 12px; font-size:16px; color:#f00; background:#fff; border:#ccc 1px solid; text-decoration:none; font-weight:bold; box-shadow:#ccc 2px 2px 3px;}
				.download-area .d-item:hover{box-shadow:#999 2px 2px 3px; border:#999 1px solid;}
				.download-area .d-item img{display:inline-block; margin-left:10px; vertical-align:middle;}



				/* 加入學會 */
				.editor-member{position:relative; margin:10px auto; padding:10px 0; width:100%; overflow:hidden; text-align:center; font-size:0;}

				.editor-member > h1,
				.editor-member > h2,
				.editor-member > h3,
				.editor-member > h4,
				.editor-member > h5,
				.editor-member > h6{margin:8px auto 30px auto; width:80%; font-size:22px; font-weight:bold; letter-spacing:1px;}
				.editor-member > p{margin:0 auto; width:80%; font-size:15px; line-height:24px; text-align:left; text-indent:30px;}

				.editor-member .member-h2{margin:8px auto 30px auto; width:80%; font-size:22px; font-weight:bold; letter-spacing:1px;}
				.editor-member .member-h2 img{display:inline-block; vertical-align:middle; margin:-4px 4px 0 0;}

				/*
				.editor-member .member-title-a{display:block; margin:30px auto; width:90%; text-align:left; font-size:0; text-align:center;}
				.editor-member .member-title-a .sub-txt .h-blk{display:inline-block; width:50%; vertical-align:top;}
				.editor-member .member-title-a .sub-txt .h-blk table{font-size:14px;}
				*/

				.editor-member .member-title-f{display:block; margin:10px auto; width:50%; font-size:0; text-align:left;}
				.editor-member .member-title-f .sub-txt{display:block; width:100%; color:#666; font-size:16px; text-align:center;}
				.editor-member .member-title-f .sub-txt table{font-size:14px;}

				.editor-member .member-title-f img{margin-left:8px; display:inline-block; vertical-align:middle;}
				.editor-member .member-title-f .m-title{
					display:inline-block;
					width:76px;
					height:30px;
					line-height:30px;
					font-size:16px;
					color:#fff;
					vertical-align:middle;
					font-weight:bold;
					background:#29c4ca;
					text-align:center;
				}
				.editor-member .member-title-f .m-fill{
					display:inline-block;
					padding:2px 2px 2px 4px;
					width:calc(100% - 76px);
					height:30px;
					line-height:30px;
					font-size:16px;
					color:#666;
					vertical-align:middle;
					border:none;
					border-top:#ccc 1px solid;
					border-right:#ccc 1px solid;
					border-bottom:#ccc 1px solid;
				}

				/* 加入會員 / 忘記密碼 */
				.editor-member .member-title-f .m-title-r{
					display:inline-block;
					width:76px;
					height:30px;
					line-height:30px;
					font-size:16px;
					color:#29c4ca;
					vertical-align:middle;
					font-weight:bold;
					text-align:left;
				}
				.editor-member .member-title-f .m-fill-r{
					display:inline-block;
					padding:2px 2px 2px 4px;
					width:calc(100% - 76px);
					height:30px;
					line-height:30px;
					font-size:16px;
					color:#666;
					vertical-align:middle;
					border:none;
					border:#ccc 1px solid;
				}
				.editor-member .member-title-f .m-fill-n{
					display:inline-block;
					padding:0 2px 0 4px;
					width:calc(100% - 76px);
					height:30px;
					line-height:30px;
					font-size:16px;
					color:#666;
					vertical-align:middle;
					border:none;
				}
				.editor-member .member-title-f .m-auth-fill-r{
					display:inline-block;
					padding:2px 2px 2px 4px;
					height:30px;
					line-height:30px;
					font-size:16px;
					color:#666;
					vertical-align:middle;
					letter-spacing:1px;
					border:none;
					border:#ccc 1px solid;
				}

				.editor-member .member-title-f .m-auth-fill{
					display:inline-block;
					padding:2px 2px 2px 4px;
					height:30px;
					line-height:30px;
					font-size:16px;
					color:#666;
					vertical-align:middle;
					letter-spacing:1px;
					border:none;
					border-top:#ccc 1px solid;
					border-right:#ccc 1px solid;
					border-bottom:#ccc 1px solid;
				}
				.editor-member .member-title-f .swap-btn{margin-left:8px; display:inline-block; vertical-align:middle; color:#29c4ca; font-size:16px;}

				.editor-member .member-title-btn{display:inline-block; margin:10px 5px; width:calc(50% - 10px); font-size:0; text-align:center;}
				.editor-member .member-title-btn .i-btn{display:inline-block; margin:2px 6px; padding:6px 14px; line-height:16px; color:#fff; border:none; background:#f39800; cursor:pointer; font-size:14px; font-weight:bold; border:#f39800 1px solid; letter-spacing:1px; border-radius:4px;}
				.editor-member .member-title-btn .i-btn:hover{background:#999; border:#999 1px solid; color:#fff;}



				/* 0504 New CSS */
				.editor-member .member-title-f .m-title-rn{
					display:inline-block;
					width:76px;
					height:30px;
					line-height:30px;
					font-size:16px;
					color:#29c4ca;
					vertical-align:middle;
					font-weight:bold;
					text-align:left;
				}
				.editor-member .member-title-f .m-fill-rn{
					display:inline-block;
					padding:2px 2px 2px 4px;
					width:calc(100% - 76px);
					height:30px;
					line-height:30px;
					font-size:13px;
					color:#999;
					vertical-align:middle;
					border:none;
				}



				.editor-member .member-promote{display:flex; flex-wrap:wrap; margin:20px 5px; width:calc(100% - 10px); font-size:0; text-align:center;}
				.editor-member .member-promote .join-us{position:relative; display:table; margin:10px 1%; width:48%; height:180px; border:#29c4ca 1px solid;
					background:-webkit-linear-gradient(120deg, #ededed 0%, #f4f4f4 25%, #fff 50%, #d8f1f2 75%, #70f2f7 100%);
					background:-moz-linear-gradient(120deg, #ededed 0%, #f4f4f4 25%, #fff 50%, #d8f1f2 75%, #70f2f7 100%);
					background:-o-linear-gradient(120deg, #ededed 0%, #f4f4f4 25%, #fff 50%, #d8f1f2 75%, #70f2f7 100%);
					background:linear-gradient(120deg, #ededed 0%, #f4f4f4 25%, #fff 50%, #d8f1f2 75%, #70f2f7 100%);
					box-shadow:#fff 0px 0px 3px 1px inset;
					z-index:1;
				}
				.editor-member .member-promote .join-us .js-icon{position:absolute; display:inline-block; top:10%; right:5%; width:50px; height:50px; z-index:3;}
				.editor-member .member-promote .join-us .js-icon img{display:block; width:100%;}



				.editor-member .member-promote .join-us > h2{display:table-cell; width:100%; margin:0 auto; text-align:center; font-size:22px; font-weight:normal; height:36px; vertical-align:middle;}
				.editor-member .member-promote .join-us > h2 .register-btn{display:block; margin:10px auto; width:100px; padding:6px 8px; color:#fff; text-align:center; font-size:16px; background:#29c4ca; border-radius:4px; font-weight:bold;}


				.editor-member .member-promote .fill-form{position:relative; display:table; margin:10px 1%; width:48%; height:180px; border:#e86dd6 1px solid;
					background:-webkit-linear-gradient(120deg, #ededed 0%, #f4f4f4 25%, #fff 50%, #ffc7ed 75%, #e35ed2 100%);
					background:-moz-linear-gradient(120deg, #ededed 0%, #f4f4f4 25%, #fff 50%, #ffc7ed 75%, #e35ed2 100%);
					background:-o-linear-gradient(120deg, #ededed 0%, #f4f4f4 25%, #fff 50%, #ffc7ed 75%, #e35ed2 100%);
					background:linear-gradient(120deg, #ededed 0%, #f4f4f4 25%, #fff 50%, #ffc7ed 75%, #e35ed2 100%);
					box-shadow:#fff 0px 0px 3px 1px inset;
					z-index:1;
				}

				.editor-member .member-promote .fill-form .ff-icon{position:absolute; display:inline-block; top:10%; right:5%; width:50px; height:50px; z-index:3;}
				.editor-member .member-promote .fill-form .ff-icon img{display:block; width:100%;}

				.editor-member .member-promote .fill-form > h2{display:table-cell; width:100%; margin:0 auto; text-align:center; font-size:22px; font-weight:normal; height:36px; vertical-align:middle;}
				.editor-member .member-promote .fill-form > h2 .fill-form-btn{display:block; margin:10px auto; width:215px; padding:8px 8px; color:#fff; text-align:center; font-size:16px; background:#e35ed2; border-radius:4px; font-weight:bold;}

				.editor-member .member-promote .fill-form.m-auto{margin:10px auto;}



				/* 聯絡我們 */
				.editor-common .node-title-f{display:inline-block; margin:5px 5px; width:calc(100% - 10px); font-size:0; text-align:left;}
				.editor-common .node-title-f a {text-decoration:none;}
				.editor-common .node-title-f > img{display:inline-block; margin-right:8px; width:20px; vertical-align:middle;}
				.editor-common .node-title-f > span{display:inline-block; line-height:20px; font-size:17px; color:#29c4ca; vertical-align:middle; letter-spacing:1px; font-weight:bold;}
				.editor-common .node-title-f .t-blk{display:block; line-height:30px; font-size:17px; color:#29c4ca; vertical-align:middle; letter-spacing:1px; font-weight:bold;}
				.editor-common .node-title-f .f-content{display:block; margin-top:5px; padding:10px; width:100%; color:#000; font-size:16px;}
				.editor-common .node-title-f .i-line{display:block; font-size:16px; margin:8px auto 8px 0; border:#ccc 1px solid; width:100%; height:30px; outline:none;}
				.editor-common .node-title-f .i-area{display:block; font-size:16px; margin:8px auto; border:#ccc 1px solid; width:100%; line-height:30px; outline:none;}
				.editor-common .node-title-f .i-auth{display:inline-block; font-size:16px; margin:8px auto 8px 0; border:#ccc 1px solid; width:100px; height:30px; outline:none; vertical-align:middle;}
				.editor-common .node-title-f .i-auth-pic{display:inline-block; margin-left:8px; vertical-align:middle;}
				.editor-common .node-title-f .swap-btn{display:inline-block; margin-left:8px; vertical-align:middle; color:#666; font-size:16px;}

				.editor-common iframe{display:block; margin:10px auto; width:100%; height:300px;}

				.editor-common .node-title-h{display:inline-block; margin:5px 5px; width:calc(50% - 10px); font-size:0; text-align:left;}
				.editor-common .node-title-h a {text-decoration:none;}
				.editor-common .node-title-h > img{display:inline-block; margin-right:8px; width:20px; vertical-align:middle;}
				.editor-common .node-title-h > span{display:inline-block; line-height:20px; font-size:17px; color:#29c4ca; vertical-align:middle; letter-spacing:1px; font-weight:bold;}
				.editor-common .node-title-h .t-blk{display:block; line-height:20px; font-size:17px; color:#29c4ca; vertical-align:middle; letter-spacing:1px; font-weight:bold;}
				.editor-common .node-title-h .h-content{display:block; margin-top:5px; padding:10px; width:100%; color:#000; font-size:16px;}
				.editor-common .node-title-h .i-line{display:block; font-size:16px; margin:8px auto 8px 0; border:#ccc 1px solid; width:100%; height:30px; outline:none;}
				.editor-common .node-title-h .i-area{display:block; font-size:16px; margin:8px auto; border:#ccc 1px solid; width:100%; line-height:30px; outline:none;}

				.editor-common .node-title-btn{display:inline-block; margin:10px 5px; width:calc(100% - 10px); font-size:0; text-align:center;}
				.editor-common .node-title-btn .i-btn{display:inline-block; margin:2px 6px; padding:6px 14px; line-height:16px; color:#fff; border:none; background:#29c4ca; cursor:pointer; font-size:14px; font-weight:bold; border:#29c4ca 1px solid; letter-spacing:1px; border-radius:4px;}
				.editor-common .node-title-btn .i-btn:hover{background:#999; border:#999 1px solid; color:#fff;}



				/* 法規資訊 */
				.l-list{display:block; margin:5px 0; width:100%; font-size:0; text-align:left;}
				.l-list .l-content{position:relative; overflow:hidden; display:block; margin-bottom:6px; width:100%; font-size:16px;}
				.l-list .l-content a{text-decoration:none; display:table; width:100%; background:fff;}

				.l-list .l-content a .linking-icon{
					opacity:0.8;
					display:table-cell;
					padding:4px 8px;
					width:40px;
					height:52px;
					background:#ba934f;
					vertical-align:middle;
					text-align:center;
					color:#666;
					font-weight:bold;
				}

				/* 法規政策 */
				.l-list .l-content a .linking-icon.law-info{background:#ba934f;}

				/* 最新消息 */
				.l-list .l-content a .linking-icon.news-info{background:#49acdf;}

				/* 研討會資訊 */
				.l-list .l-content a .linking-icon.seminar-info{background:#8f82bc;}

				/* 相關連結 */
				.l-list .l-content a .linking-icon.link-info{background:#DD738D;}

				/* 生物相似藥推廣計畫專區 medicine.php */
				.l-list .l-content a .linking-icon.medicine-info{background:#335692;}

				/* 文章分享 news_narticle.php */
				.l-list .l-content a .linking-icon.narticle-info{background:#f08080;}

				/* 學會公告 news_learn.php */
				.l-list .l-content a .linking-icon.learn-info{background:#a6937c;}

				/* 學會政策宣言 service_policy.php */
				.l-list .l-content a .linking-icon.policy-info{background:#703d84;}

				/* 就業資訊 service_employment.php */
				.l-list .l-content a .linking-icon.employment-info{background:#942b2b;}

				/* 書籍推薦 service_recommendedbook.php */
				.l-list .l-content a .linking-icon.rbook-info{background:#3cb371;}



				.l-list .l-content a .linking-icon img{vertical-align:middle;}

				.l-list .l-content a .linking-txt{
					display:table-cell;
					padding:4px 8px;
					width:calc(100% - 40px);
					background:#fff;
					vertical-align:middle;
					border-top:#ccc 1px solid;
					border-right:#ccc 1px solid;
					border-bottom:#ccc 1px solid;
					text-align:left;
					font-size:15px;
					color:#000;
				}
				.l-list .l-content .ear{
					float:right;
					width:0;
					height:0;
					border-style:solid;
					border-width:10px 10px 0 0;
					border-color:#ccc transparent transparent transparent;
				}

				.l-list .l-content:hover a .linking-icon{opacity:1;}
				.l-list .l-content:hover a .linking-txt{border-top:#999 1px solid; border-right:#999 1px solid; border-bottom:#999 1px solid;}
				.l-list .l-content:hover .ear{border-color:#999 transparent transparent transparent;}



					.apply-steps{display:block; padding:10px; border:#ccc 1px solid; text-align:center; vertical-align:middle;}
					.apply-s-aro{display:block; padding:4px; text-align:center; vertical-align:middle;}



/*footer*/
footer{position:relative; margin:0 auto; padding:12px 10px; width:100%; overflow:hidden; text-align:center;}
footer p{font-size:13px;}



/* Back to Top */
#back-to-top {position:fixed; display:block; bottom:50px; right:1%; width:48px; height:48px; line-height:48px; color:#fff; font-size:0; text-decoration:none; text-align:center; background: url(../images/BackToTop-Btn.png) center center no-repeat #999; z-index:9999; cursor:pointer; transition:opacity 0.2s ease-out; opacity:0;}
#back-to-top.show {opacity:0.9;}


							.search-bar{
								display:block;
								position:relative;
								margin:20px auto 30px auto !important;
								width:80% !important;
								overflow:hidden;
								text-indent:0;
							}
							.search-bar .ser-title{
								float:left;
								padding:4px;
								width:80px;
								line-height:30px;
								text-align:right;
								color:#29c4ca;
								font-size:15px;
							}
							.search-bar .ser-content{
								float:left;
								padding:4px;
								width:calc(100% - 80px);
								line-height:30px;
								text-align:left;
								color:#000;
								font-size:14px;
								text-align:left;
							}
							.search-bar .ser-content > .ser-c-field{
								display:inline-block;
								width:100%;
								border:#ccc 1px solid;
								line-height:20px;
								padding:4px;
							}

						 .ser-title-btn{display:inline-block; margin:5px; width:calc(100% - 10px); font-size:0; text-align:center;}
						 .ser-title-btn .i-btn{display:inline-block; margin:2px 6px; padding:6px 10px; line-height:16px; color:#000; border:#ccc 1px solid; background:#fff; cursor:pointer; font-size:14px; letter-spacing:1px; border-radius:4px;}
						 .ser-title-btn .i-btn:hover{color:#fff; border:#29c4ca 1px solid; background:#29c4ca;}



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

	.member-area .r-m-block{display:none;}
	.member-area .mobile-nav{display:block;}

.wrapper-tmenu{padding-top:36px;}

	.top-menu{/*width:100%;*/}
	.top-menu .logo{padding-right:0;}
	.top-menu .menu-area{display:none;}

	.info-area .info-box{margin:0 1% 20px 1%; width:48%;}

	.sitemap-area{padding-top:10px; height:auto; background:url(../images/footer-pic_s.png) no-repeat #0ea7ad right top;}

		.map-column{font-size:16px;}
		.map-column:nth-child(1){width:50%;}
		.map-column:nth-child(2){width:50%;}
		.map-column:nth-child(3){width:50%;}
		.map-column:nth-child(4){width:50%;}
		.map-column:nth-child(5){width:50%;}

		.map-column li{padding:15px 4px 10px 15px; width:100%;}

		.map-column li .facebook-link{float:left; margin:0 10px 0 auto; width:60px; border:#0ea7ad 1px solid;}
		.map-column li .line-link{float:left; margin:0 10px 0 auto; width:60px; border:#0ea7ad 1px solid;}
		.map-column li .qr-code{display:none;}

		.content-box{margin:0 auto; width:96%;}
		.left-menu{display:none;}
		.right-content{width:100%;}
		.right-content .r-content{padding:10px 10px 50px 10px;}




			.editor-common .node-title-h{margin:5px 5px; width:calc(100% - 10px);}

			.editor-member .member-title-f{width:80%; text-align:left;}
			.editor-member .member-title-f img{margin-left:0; margin-right:8px;}
			.editor-member .member-title-f .m-title{
				display:block;
				font-size:17px;
				color:#29c4ca;
				text-align:left;
				vertical-align:middle;
				background:transparent;
				letter-spacing:1px;
			}
			.editor-member .member-title-f .m-fill{
				display:block;
				width:100%;
				border:#ccc 1px solid;
			}
			.editor-member .member-title-f .m-auth-fill{
				display:inline-block;
				border:#ccc 1px solid;
				margin-right:8px;
			}

			.editor-member .member-title-f .m-title-r{display:block; font-size:17px; letter-spacing:1px;}
			.editor-member .member-title-f .m-fill-r{display:block; width:100%;}
			.editor-member .member-title-f .m-fill-n{display:block; width:100%;}
			.editor-member .member-title-f .m-auth-fill-r{display:inline-block; border:#ccc 1px solid; margin-right:8px;}

			.editor-member .member-title-f .m-title-rn{display:none;}
			.editor-member .member-title-f .m-fill-rn{display:block; width:100%;}


			.editor-member .member-title-btn{margin:10px 5px; width:calc(80% - 10px);}
			.editor-member .member-title-f .swap-btn{margin-left:0;}

}



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

	.info-area{padding:10px;}
	.info-area .info-box{margin:0 1% 20px 1%; width:98%;}
	.info-area .info-box ul li .l-date{width:78px;}
	.info-area .info-box ul li .r-info{width:calc(100% - 78px);}

		.map-column:nth-child(1){width:100%;}
		.map-column:nth-child(2){width:100%;}
		.map-column:nth-child(3){width:100%;}
		.map-column:nth-child(4){width:100%;}
		.map-column:nth-child(5){width:100%;}

			.editor-about {background-image:none;}
			.editor-about h1,
			.editor-about h2,
			.editor-about h3,
			.editor-about h4,
			.editor-about h5,
			.editor-about h6{width:100%; font-size:22px;}
			.editor-about p{width:100%; font-size:15px;}
			.editor-about .signature{width:100%; text-align:center;}
			.editor-about .signature > img{width:200px;}

			.editor-about table{width:100%;}
			.editor-about .t-title{width:100%;}
			.editor-about .tsrap-organization{width:100%;}

			.editor-activity .gallery{position:relative; margin:4px auto; display:flex; flex-wrap:wrap; width:90%; font-size:0; overflow:hidden; text-align:center;}
			.editor-activity .gallery .picture{margin:10px 1%; width:98%;}

			.editor-member .member-title-f{width:90%; text-align:left;}
			.editor-member .member-title-btn{margin:10px 5px; width:calc(90% - 10px);}

			.editor-member .member-promote .join-us{margin:10px 1%; width:98%; height:180px;}
			.editor-member .member-promote .fill-form{margin:10px 1%; width:98%; height:180px;}

							.search-bar{
								width:100% !important;
							}
							.search-bar .ser-title{
								display:block;
								float:none;
								width:100%;
								text-align:left;
							}
							.search-bar .ser-content{
								display:block;
								float:none;
								width:100%;
								text-align:left;
							}

}

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

			.editor-member .member-title-f img{margin-bottom:8px;}
			.editor-member .member-title-f .m-auth-fill{margin-bottom:8px;}
			.editor-member .member-title-f .m-auth-fill-r{margin-bottom:8px;}
			.editor-member .member-title-f .swap-btn{margin-bottom:8px;}

			.editor-member .member-promote .join-us .js-icon{position:absolute; display:inline-block; top:5%; right:2.5%; width:30px; height:30px; z-index:3;}
			.editor-member .member-promote .fill-form .ff-icon{position:absolute; display:inline-block; top:5%; right:2.5%; width:30px; height:30px; z-index:3;}
			.editor-member .member-title-f .sub-txt{text-align:left;}

}



/* // Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	.deskTop {display: none !important}
	.Tablets {display: none !important}
	.deskTopTablets {display: none !important}
	.mLandscape {display: none !important}
}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
	.deskTop {display: none !important}
	.Tablets {display: none !important}
	.deskTopTablets {display: none !important}
	.mPortrait {display: none !important}

}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
	.deskTop {display: none !important}
	.Mobile {display: none !important}
	.mLandscape {display: none !important}
	.mPortrait {display: none !important}

}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	.Mobile {display: none !important}
	.Tablets {display: none !important}
	.TabletsMobile {display: none !important}
	.mLandscape {display: none !important}
	.mPortrait {display: none !important}
}