@import url(http://fonts.googleapis.com/css?family=Roboto:400,700);
html{height:100%;}
html, button, input, select, textarea {color:#333;}
body{font-size:13px; color:#333; font-weight:400;
	font-family:'Roboto', "Meiryo", "Meiryo UI", "나눔고딕", "Nanum Gothic", Arial, "微軟正黑體", "Microsoft JhengHei", "Microsoft JhengHei UI", "微软雅黑体", "Microsoft YaHei", "LiHei Pro", Helvetica, sans-serif;
	-webkit-font-smoothing:antialiased;
	height:auto!important;min-height:100%;height:100%;
	background-color:#2b353a;
	/*overflow-x:hidden;*/
}


/* 反白 */
::-moz-selection{background:#bce8ff; color:#000; text-shadow:none;}
::selection {background:#bce8ff; color:#000; text-shadow:none;}

/* 設置提示文字顏色 */
::-webkit-input-placeholder{color:#aaa;}
::-moz-placeholder{color:#aaa;}
:-ms-input-placeholder{color:#aaa;}
.placeholder{color:#aaa;}

hr{display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}

/* 移除圖片底下間隙 */
img{vertical-align:middle;}

/* 移除fieldset預設樣式 */
fieldset{border:0; margin:0; padding:0;}

/* 只允許文字區域垂直調整大小 */
textarea{resize:vertical;}

a{color:#009bee; text-decoration:none;}
a:hover, a:active, a:focus{outline:0; color:#0066ff;}

.wrapper{
	width:1000px; min-width:1000px; 
	margin:0 auto; 
	box-sizing:border-box; -webkit-box-sizing: border-box;
	position:relative;
}

/*-------------------------------------------
Header
-------------------------------------------*/
#header-container{
	position:relative; z-index:0;
	height:110px;
	background:url(../images/top-bg.png) repeat-x;
}
	#header-container header{
		position:relative; 
		height:110px;
		background:url(../images/top-bg-center.jpg) center 0 no-repeat;
	}
		#logo-title{
			margin:0;
			background:url(../images/snm-logo.png) no-repeat;
			width:450px; height:80px;
			text-indent:-99999em;
			position:absolute; top:12px; left:0px;
		}
/*-------------------------------------------
top links
-------------------------------------------*/
.top-links{
	position:absolute; top:15px; right:0px; z-index:10; 
	text-align:right;
}
	.top-links ul{margin:0; padding:0; list-style:none;}
		.top-links ul li{
			float:left;
			padding-left:10px;
		}
			.top-links .icon{
				color:#222; font-size:13px; 
				display:inline-block;*display:inline;zoom:1;
				text-align:center;
				width:78px; height:78px;
				border:1px solid #185977;
				border-radius:41px;
				background-position:50% 15px;
				background-repeat:no-repeat;
			}
			.top-links .icon:hover{
				background-color:#fff;
			}
			.top-links .icon-member{background-image:url(../images/top-icon-member.png);}
			.top-links .icon-home{background-image:url(../images/top-icon-home.png);}
			.top-links .icon-contact{background-image:url(../images/top-icon-contact.png);}
			.top-links .icon-snmold{background-image:url(../images/top-icon-snmold.png); background-position:50% 12px;}
			.top-links .icon-logout{background-image:url(../images/top-icon-logout.png);
				width:auto;
				padding:0 20px;
				border:0;
				background-color:transparent !important;
			}
				.top-links span{
					display:block;
					margin-top:43px;
				}

/*-------------------------------------------
Container
-------------------------------------------*/
#content-container{
	height:auto!important;min-height:560px;height:560px;
	box-sizing:border-box; -webkit-box-sizing: border-box;
	background-color:#fff;
	position:relative; z-index:0;
	padding:30px 0 40px;
}
	#content-container *{
		box-sizing:border-box; -webkit-box-sizing: border-box;
	}
/*-------------------------------------------
Nav
-------------------------------------------*/
#menu{
	float:left;
	width:180px;
	background-color:#185977;
	border-radius:5px;
	margin-top:-40px;
	padding:20px 10px;
}
	#menu *{
		box-sizing:border-box; -webkit-box-sizing: border-box;
		transition-duration:.2s;-webkit-transition-duration:.2s;
	}
	#menu a.active{text-decoration:none;}
	
	.sf-menu{
		margin:0 auto; padding:0; list-style:none;
		border-bottom:1px solid #4d798e;
	}
	.sf-menu *{margin:0; padding:0; list-style:none;}
	.sf-menu li{position:relative;}
	.sf-menu li a:hover{}
	.sf-menu > li{}
	.sf-menu > li:hover{}
	.sf-menu li:hover > ul, .sf-menu li.sfHover > ul{/*display:block;*/}
	.sf-menu a{display:block; box-sizing:border-box; -webkit-box-sizing: border-box; text-decoration:none; position:relative;}
	.sf-menu li .menulink{
		font-size:16px; color:#eed794; line-height:18px; font-weight:500;
		padding:10px 0 8px 24px;
		margin:0;
		position:relative; z-index:10;
		background-position:0 50%;
		background-repeat:no-repeat;
		border-top:1px solid #4d798e;
	}
	.sf-menu li:first-child .menulink{
		border-top:none;
	}
	.sf-menu li .menulink:hover, .sf-menu li .menulink.active{
		color:#83d7fd;
	}
	.sf-menu li .menu-about{background-image:url(../images/nav-icon-logo.png);}
	.sf-menu li .menu-news{background-image:url(../images/nav-icon-news.png);}
	.sf-menu li .menu-newsletter{background-image:url(../images/nav-icon-newsletter.png);}
	.sf-menu li .menu-events{background-image:url(../images/nav-icon-events.png);}
	.sf-menu li .menu-video{background-image:url(../images/nav-icon-video.png);}
	.sf-menu li .menu-data{background-image:url(../images/nav-icon-data.png);}
	.sf-menu li .menu-member{background-image:url(../images/nav-icon-member.png);}
	.sf-menu li .menu-specialist{background-image:url(../images/nav-icon-specialist.png);}
	.sf-menu li .menu-hospital{background-image:url(../images/nav-icon-hospital.png);}
	.sf-menu li .menu-links{background-image:url(../images/nav-icon-links.png);}
	.sf-menu li .menu-download{background-image:url(../images/nav-icon-download.png);}
	.sf-menu li .menu-contribute{background-image:url(../images/nav-icon-contribute.png);}

.menu-lv2{
	padding-bottom:5px;
	display:none;
}
.menu-lv2.active{
	display:block;
}
.menu-lv2 li{
	padding-left:25px;
}
	.menu-lv2 a{
		color:#fff; font-size:13px; line-height:16px;
		background:url(../images/nav-arrow.png) 0 50% no-repeat;
		padding:5px 0; padding-left:15px; padding-right:5px;
		transition-duration:.2s;-webkit-transition-duration:.2s;
	}
	.menu-lv2 a:hover{
		color:#83d7fd;
		background-position:100% 50%;
	}
/*-------------------------------------------
Content
-------------------------------------------*/
#content-container article{
	float:right;
	width:790px;
	height:auto!important;min-height:520px;height:520px; 
	line-height:1.8;
}

/*-------------------------------------------
Page Title
-------------------------------------------*/
#page-header{
	position:relative;
	height:40px;
	border:1px solid #ddd;
	border-radius:5px;
	margin-bottom:40px;
}
	#page-header #page-title{
		margin:0;
		display:inline-block;
		position:absolute; top:16px; left:0px;
		background-color:#fff;
		padding:8px;
		color:#ba9e3b; font-size:34px; font-weight:400; line-height:24px;
	}
/*-------------------------------------------
Breadcrumb
-------------------------------------------*/
ul#breadcrumb{
	margin:0;
	padding:0;
	list-style:none;
	color:#999; font-size:12px; line-height:18px;
	text-align:right;
	position:absolute; top:11px; right:10px; z-index:5;
}
	ul#breadcrumb li{
		float:left;
	}
		ul#breadcrumb i{
			margin:0 8px;
			color:#ccc;
		}
		ul#breadcrumb a{color:#999;}
		ul#breadcrumb a:hover{color:#185977;}

/*-------------------------------------------
Article Style
-------------------------------------------*/
.part-title{
	margin:0 0 15px;
	font-size:24px; font-weight:400; color:#000;
}
	.part-title:before{
		display:inline-block;
		width:5px; height:24px;
		background-color:#ba9e3b;
		content:" ";
		border-radius:10px;
		vertical-align:-3px;
		margin-right:5px;
	}

/*-------------------------------------------
Page
-------------------------------------------*/
.page{
	font-size:13px; 
	margin:0; 
	padding:20px 0; 
	text-align:center; 
	clear:both;
}
	.page span, .page a, .page a:hover, .page .current, .page .disabled, .page select{
		padding:5px 8px;
		margin:2px 0;
		line-height:30px;
		border-radius:3px;
	}
	.page select{
		padding:4px !important; 
		margin:0 3px !important;
		box-sizing:border-box; -webkit-box-sizing: border-box;
	}
	.page a{
		color:#333; 
		border:1px solid #ccc; 
		cursor:pointer; 
		text-decoration:none;
	}
	.page a:hover{
		color:#fff; 
		background:#3366cc; 
		border:1px solid #3366cc;
	}
	.page .current{color:#111; background:#f9f9f9; border:1px solid #e3e3e3;}
	.page .disabled{color:#ddd; border:1px solid #ddd;}
	.page .pageTo{padding:3px 3px; margin:2px; width:50px;}

/* 臨時 */
.page div{text-align:center !important;}
.page div table{width:auto !important; margin:0 auto;}
.page input[type=text]{text-align:center;}
.page input[type=button]{background:#e5e5e5 !important; color:#000;}
.page input[type=button]:hover{background:#777 !important; color:#fff !important;}
.page input[type=submit]{background:#e5e5e5 !important; color:#000;}
.page input[type=submit]:hover{background:#777 !important; color:#fff !important;}
/* 臨時(e) */

/*-------------------------------------------
Footer
-------------------------------------------*/
footer{
	width:100%;
	color:#fff; font-size:13px; font-style:normal;
	text-align:center;
	padding:30px 0;
}
	footer .copyright{}
	footer .recommend{color:#648a9c; font-size:12px;}
	footer .huaweb{color:#648a9c!important;}
/*-------------------------------------------
ScrollUp
-------------------------------------------*/
.scrollup{
	width:46px; height:46px; 
	text-indent:-9999px; 
	position:fixed; bottom:170px; right:5px; z-index:50;
	display:none; background:url(../images/btn-top.png?20150710) no-repeat #185977;
	border-radius:50%;
	border:2px solid #fff;
}

/*-------------------------------------------
Upgrade New Browser
-------------------------------------------*/	
#upgradeNewBrowser{padding:12px; background-color:#fdfad0; color:#000; text-align:center;}

/*-------------------------------------------
Clearfix: contain floats
-------------------------------------------*/
.clearfix:before,
.clearfix:after {
    content: ""; /* 1 */
    display: table; /* 2 */
}
.clearfix:after{clear: both;}
/* For IE 6/7 only */
.clearfix{*zoom: 1;}
/*-------------------------------------------
Common
-------------------------------------------*/
.maxWidth { width:100%;}
.maxHeight { height:100%; margin:0 auto;}
.floatL{ float:left; }
.floatR{ float:right; }
.hidden{display:none !important; visibility:hidden;}
.explanation{color:#C60; font-weight:normal;}
.required{color:#f00 !important; font-weight:normal;}
#ui-datepicker-div{font-size:12px;}
.ui-datepicker-trigger{margin-left:3px;}
.ui-datepicker-prev, .ui-datepicker-next{top:7px !important;}
.ui-timepicker-div dl dt{font-weight:700 !important;}
.ui-timepicker-div dl dt.ui_tpicker_hour_label, .ui-timepicker-div dl dt.ui_tpicker_minute_label{padding-top:8px !important;}
form{display:inline;}
.fieldRequired{text-align:right; color:#666;}
.after{color:#c00; margin-right:5px;}
.important{color:#f00 !important;}
#twzipcode{display:inline-block;*display:inline;zoom:1;float:left;}
#twzipcode div{float:left;}
.zipcode{width:70px;}
.border-none{border:none !important;}
.dataUpdate h2{font-size:18px; color:#333;}
.border-radius-3px{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.noneData{color:#999; text-align:center; clear:both; padding:15px; background-color:#f6f6f6; border:1px solid #ddd; border-radius:5px;}
/*-------------------------------------------
Files Format
-------------------------------------------*/
ul.file-format, ol.file-format{
	margin:0;
	padding:0;
	list-style:none;
}
.file-format a{
	display:inline-block;*display:inline;zoom:1;
	background:url(../images/icon-file.png) no-repeat 0 50%; padding-left:22px;
}
.file-format a[href *='pdf']{background:url(../images/icon-pdf.png) left 50% no-repeat;}
.file-format a[href *='xls'], .file-format a[href *='xlsx']{background:url(../images/icon-xls.png) left 50% no-repeat;}
.file-format a[href *='doc'], .file-format a[href *='docx']{background:url(../images/icon-doc.png) left 50% no-repeat;}
.file-format a[href *='ppt'], .file-format a[href *='pptx']{background:url(../images/icon-ppt.png) left 50% no-repeat;}
.file-format a[href *='jpg'], .file-format a[href *='png']{background:url(../images/icon-img.png) left 50% no-repeat;}
.file-format a[href *='rar']{background:url(../images/icon-rar.png) left 50% no-repeat;}
.file-format a[href *='zip']{background:url(../images/icon-zip.png) left 50% no-repeat;}

/*-------------------------------------------
Input, Select, Textarea
-------------------------------------------*/
input[type=radio], input[type=checkbox]{vertical-align:-1px; margin:0 3px;}
input[type=text], input[type=password], input[type=email], input[type=tel], input[type=date], textarea, select{
	box-sizing:border-box; -webkit-box-sizing: border-box;
	padding:6px 8px; 
	margin:1px; 
	background:#fff;
	border:1px solid #bbb; 
	border-radius:5px;
	box-shadow:inset 0 1px 1px rgba(0,0,0,.1);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);
}
select{padding:5px 5px;}
textarea{width:98%;}
input[type=radio], input[type=checkbox]{vertical-align:-2px; margin-right:5px;}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=date]:focus, textarea:focus, select:focus{
	outline:0;
	background:#fff;
	border:1px solid #09F !important; 
}
ul.upload-files{
	margin:0;
	padding:0;
	list-style:none;
}
	ul.upload-files li{
		margin:1px 0 3px;
	}

/*-------------------------------------------
Buttons
-------------------------------------------*/
input[type=submit], input[type=button], input[type=reset], a.btn, .field-file{
	-webkit-appearance:none;
	-webkit-border-radius:0; 
	box-sizing:border-box; -webkit-box-sizing: border-box;
	display:inline-block; *display:inline; *zoom:1;
	vertical-align:top; text-align:center;
	border:0;
	color:#fff;
	background-color:#185977;
	padding:6px 13px;
	text-decoration:none;
	border-radius:5px;
	transition:all .1s linear;-moz-transition:all .1s linear;-webkit-transition:all .1s linear;
	box-shadow:inset 0 -2px 0 rgba(0,0,0,.2);
	cursor:pointer;
}
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, a.btn:hover, .field-file:hover{
	text-decoration:none;
	color:#fff !important;
	background-color:#0395d8;
}

.buttons{text-align:center; height:40px; margin:20px 0; position:relative;}
.buttons input[type=submit], .buttons input[type=button], .buttons input[type=reset], .buttons a.btn{
	padding:10px 30px; line-height:18px;  font-size:15px;
	margin-left:10px; margin-right:10px;
}
.btn-secondary{
	background-color:#e5e5e5 !important; 
	color:#111 !important;
	border-color:#ddd !important;
}
.btn-secondary:hover{
	background-color:#777 !important;
	border-color:#777 !important;
}
/*-------------------------------------------
search-block
-------------------------------------------*/
#search-block{
	background-color:#f5f5f5;
	padding:10px 20px;
	margin-bottom:15px;
	position:relative;
	font-size:13px;
	border-radius:5px;
}
#search-block ul{margin:0; padding:0; list-style:none;}
#search-block ul li{float:left; padding-right:15px; font-size:13px !important;}
#search-block input, #search-block select{margin:3px; margin-left:4px;}
#search-block input[type=text]{}
/*#search-block .btn-search{
	position:absolute; bottom:10px; right:10px;
	width:65px; 
	font-weight:normal;
}*/
#search-block input[type=submit]:hover, #search-block input[type=button]:hover{
	text-decoration:none;
}
#search-block .date{width:95px;}
#search-block #twzipcode{display:inline-block;*display:inline;zoom:1;}
#search-block .ui-datepicker-trigger{vertical-align:-2px; cursor:pointer;}
/*-------------------------------------------
Alert Information
-------------------------------------------*/
.alert{padding:20px;}
.alert-info{
	background:#fefcf0; 
	border:2px solid #f2d997;
	font-size:16px; color:#111;
	text-align:center; 
	padding:30px 20px 30px;
	margin:10px 0 20px;
}
.alert-info a{color:#09F;}
	/* error */
	.alert-error{background:#fdf1f1; border:1px solid #e4b6b6;}

/*-------------------------------------------
Data Fields
-------------------------------------------*/
.group-title{
	margin:0 0 -1px 0;
	font-weight:400; font-size:18px; color:#ba9e3b;
	padding:5px 0;
	position:relative;
}
	.group-title:before{
		display:inline-block;
		width:5px; height:16px;
		background-color:#ba9e3b;
		content:" ";
		border-radius:10px;
		vertical-align:-1px;
		margin-right:5px;
	}
/*-------------------------------------------
Table List
-------------------------------------------*/
table.list thead th{
	border-bottom:2px solid #d7c9a4; 
	background-color:#f9f6ee; 
	padding:3px;
	color:#222; font-weight:400;
}
table.list tbody th, table.list tbody td{
	padding:8px 5px; 
	border-bottom:1px solid #ccc; border-left:1px solid #e1e1e1;
}
table.list tbody td:nth-child(1){border-left:none;}
table.list tbody tr:nth-child(odd){background:#f6f6f6;}
/*-------------------------------------------
Table Content
-------------------------------------------*/
table.content{border-top:1px solid #ddd;}
table.content thead th{
	background:#f9f6ee; 
	border-bottom:2px solid #d7c9a4; 
	color:#222; 
	padding:2px;
}
table.content tbody th, table.content tbody td{
	padding:8px 5px; 
	border-bottom:1px solid #ddd; border-left:1px solid #e1e1e1;
}
table.content tbody th{
	background:#f9f6ee; 
	color:#222; font-size:14px;
	border-bottom:1px solid #d7c9a4; 
	text-align:left; 
}
table.content tbody th:nth-child(1), table.content tbody td:nth-child(1){border-left:none;}


/*-------------------------------------------
Social Share
-------------------------------------------*/
#social-share{
	padding:10px 5px; height:55px; clear:both;
	border-top:1px solid #ddd;
}
	#social-share strong{
		display:inline-block;*display:inline;zoom:1; 
		float:left; 
		width:3em; 
		line-height:32px; font-weight:400;
	}
	#social-share a{display:inline-block;*display:inline;zoom:1; width:32px; height:32px; 
		float:left; margin-left:7px; 
		background-image:url(../images/icons-social.png); background-repeat:no-repeat;
		text-indent:-9999em;
		overflow:hidden; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
	#social-share .fb     {background-position:0 0;}
	#social-share .gl     {background-position:0 -32px;}
	#social-share .twitter{background-position:0 -64px;}
	#social-share .plurk  {background-position:0 -96px;}
/* --- ! --- */


/*-------------------------------------------
@2x
-------------------------------------------*/
@media 
all and (min--moz-device-pixel-ratio: 1.5),
all and (-o-min-device-pixel-ratio: 3/2),
all and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-device-pixel-ratio: 1.5),
all and (min-resolution: 1.5dppx) {


}