@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", "나눔고딕", "Nanum Gothic", Arial, "微軟正黑體", "Microsoft JhengHei", "微软雅黑体", "Microsoft YaHei", "LiHei Pro", Helvetica, sans-serif;
	-webkit-font-smoothing:antialiased;
	height:auto!important;min-height:100%;height:100%;
	background-color:#fff;
	/*overflow-x:hidden;*/
}

/* font 圓體 */
@font-face {
  font-family: 'cwTeXYen';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.eot);
  src: url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.woff) format('woff'),
       url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.ttf) format('truetype');
}

/* 反白 */
::-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; position:relative;}

/*-------------------------------------------
Header
-------------------------------------------*/
#header-container{
	position:relative; z-index:2;
	height:160px;
	background:url(../images/top-bg.png) repeat-x;
	box-shadow:0 2px 3px rgba(0,0,0,.2);
}
#header-container header{
	position:relative; 
	height:175px;
}
#logo-title{
	margin:0;
	background:url(../images/obesity-logo.png) no-repeat;
	width:430px; height:84px;
	text-indent:-99999em;
	position:absolute; top:8px; 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;
}
.top-links ul li i{
	font-style:normal; color:#3378b0; font-family:"新細明體";
}
.top-links a{
	color:#fff; font-size:13px; 
	display:inline-block;*display:inline;zoom:1;
	text-align:left;
}
	.top-links .member{
		color:#000;
	}
	.top-links .btn-logout{
		padding:3px 8px;
		margin-top:-4px;
	}
	.top-links .icon-epaper{
		background:url(../images/top-icon-epaper.png) 0 50% no-repeat;
		padding-left:28px;
	}

/*-------------------------------------------
Nav
-------------------------------------------*/
#menu{
	position:absolute; left:0; top:120px;
	height:30px;
	width:100%;
}
#menu *{box-sizing:border-box;}
#menu a.active{text-decoration:none;}

.sf-menu{
	margin:0 auto; padding:0; list-style:none;
}
.sf-menu *{margin:0; padding:0; list-style:none;}
.sf-menu li{position:relative;}
.sf-menu li a:hover{}
.sf-menu > li{
	float:left;
}
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul{display:block;}
.sf-menu a{display:block; box-sizing:border-box; text-decoration:none; position:relative;}
.sf-menu li .menulink{
	font-size:18px; color:#fff; line-height:30px; font-weight:500;
	/*font-family:'cwTeXYen', serif;*/
	text-align:center; 
	padding:0 18px;
	margin:0;
	position:relative; z-index:10;
}
.sf-menu li .menulink:hover, .sf-menu li .menulink.active{
	color:#000;
}
/* Level 2 */
	.menu-lv2{
		display:none;
		position:absolute; top:30px !important; left:0; z-index:9;
		width:100%;
		background-color:#009def;
		animation-duration:.3s;-webkit-animation-duration:.3s;
		box-shadow:0 2px 5px rgba(0,0,0,.3);
	}			
	.menu-lv2 li{float:none;}
		.menu-lv2 a{
			zoom:1; 
			display:block;
			font-size:15px; color:#fff;
			padding:10px 10px;
			text-align:left;
			border-bottom:1px solid rgba(0,0,0,.1);
		}
		.menu-lv2 a:hover{
			background-color:#0087cd; 
			color:#fff;
		}
		.menu-lv2 li.has-lv3>a{
			background-image:url(../images/nav-level-arrow.png);
			background-position:right 50%;
			background-repeat:no-repeat;
			background-size:16px 16px;
		}
/* Level 3 */
		.menu-lv3{
			display:none;
			position:absolute; top:0; left:100%;
			width:100%;
			background-color:#009def;
			animation-duration:.3s;-webkit-animation-duration:.3s;
			box-shadow:0 2px 5px rgba(0,0,0,.3);
		}

/*-------------------------------------------
Container
-------------------------------------------*/
#content-container{
	height:auto!important;min-height:500px;height:500px;
	box-sizing:border-box;
	background-color:#fff;
	position:relative; z-index:0;
}
#content-container *{
	box-sizing:border-box;-moz-box-sizing:border-box;
}

/*-------------------------------------------
quick
-------------------------------------------*/
#quick{
	position:fixed; right:0; top:50%; margin-top:-160px; z-index:99;
}
#quick *{
	transition-duration:.2s;-webkit-transition-duration:.2s
}
#quick ul{
	margin:0;
	padding:0;
	list-style:none;
}
#quick li{
	text-align:right;
}
#quick li a{
	display:inline-block;*display:inline;zoom:1;
	width:60px; 
	height:60px;
	border-radius:30px;
	background-image:url(../images/quick-icons.png);
	background-repeat:no-repeat;
	background-color:#009def;
	color:#fff; line-height:60px;
	overflow:hidden;
	text-indent:60px;
	font-size:15px;
	opacity:.5;-webkit-opacity:.5;filter:alpha(opacity=50);
}
#quick .i-join   {background-position:0 0;}
#quick .i-score  {background-position:0 -60px;}
#quick .i-fee    {background-position:0 -120px;}
#quick .i-cal    {background-position:0 -180px;}
#quick .i-contact{background-position:0 -240px;}
	/* hover */
	#quick li a:hover{
		padding-right:20px;
		opacity:1;-webkit-opacity:1;filter:alpha(opacity=100);
	}
	#quick .i-join:hover   {width:140px;}
	#quick .i-score:hover  {width:170px;}
	#quick .i-fee:hover    {width:140px;}
	#quick .i-cal:hover    {width:130px;}
	#quick .i-contact:hover{width:140px;}

/*-------------------------------------------
Page Title
-------------------------------------------*/
#page-header{
	height:97px;
	background-color:#9ca2a9;
	background-repeat:no-repeat;
	background-position:50% 50%;
}
#page-header #page-title{
	margin:0;
	font-weight:500; font-size:30px; color:#fff; line-height:96px;
	/*font-family:'cwTeXYen', serif;*/
	float:left;
	margin-left:10px;
}
/*-------------------------------------------
Breadcrumb
-------------------------------------------*/
#breadcrumb{
	margin:0;
	padding:0;
	list-style:none;
	color:#eee; font-size:13px; line-height:18px;
	text-align:right;
	position:absolute; top:40px; right:10px;
}
#breadcrumb li{
	float:left;
	background:url(../images/breadcrumb-arr.png) 0 50% no-repeat;
	padding-left:18px;
	margin-left:8px;
}
#breadcrumb li:nth-child(1){
	background:none;
}
#breadcrumb a{color:#eee;}

/*-------------------------------------------
Content
-------------------------------------------*/
#content-container article{
	height:auto!important;min-height:420px;height:420px; 
	float:right;
	width:800px;
	padding:30px 10px 50px 0;
	line-height:1.8;
}
#content-container .no-submenu #sub-menu{
	display:none;
}
#content-container .no-submenu article{
	float:none;
	width:100%;
	padding-left:10px; padding-right:10px;
}

/*-------------------------------------------
Sub Menu
-------------------------------------------*/
#sub-menu{
	float:left; 
	width:170px;
	height:100%;
	background-color:#fff;
	padding:10px;
	margin-top:-20px;
}
	.sub-list{
		margin:0; 
		padding:0; 
		list-style:none;
		overflow:hidden;
	}
	.sub-list li{
		
	}
		.sub-list li a{
			display:block; color:#333; font-size:15px; font-weight:400; 
			padding:13px;
			border-bottom:1px solid #ddd;
		}
		.sub-list li.has-lv3 a{
			border-bottom:none;
		}
		.sub-list li .active{
			background:#009cef;
			color:#fff;
			border-color:#009cef;
		}
		.sub-list li a:hover{
			background:#009cef;
			color:#fff;
			border-color:#009cef;
		}
		.sub-list li .active:hover{
			background-color:#009cef;
			cursor:default;
		}
		.sub-list .sub-lv3{
			margin:0; padding:0; list-style:none;
			border-bottom:1px solid #ddd;
			background-color:#f7f7f7;
		}
			.sub-list .sub-lv3 li{
				
			}
				.sub-list .sub-lv3 li a{
					border:none;
					background-image:url(../images/sub-level-arrow.png);
					background-position:13px 50%;
					background-repeat:no-repeat;
					background-size:16px 16px;
					padding:8px 0 8px 32px;
					font-size:14px;
				}
/*-------------------------------------------
scrollTo tabs
-------------------------------------------*/
ul#scrollto-tabs{
	list-style:none;
	padding:0;
	margin:0 0 20px;
	position:absolute; top:43px; right:10px;
}
	ul#scrollto-tabs li{
		display:inline-block;*display:inline;zoom:1;
	}
		ul#scrollto-tabs li a{
			display:block;
			border:1px solid #ccc;
			padding:3px 25px;
		}
		ul#scrollto-tabs li a:hover{
			background-color:#019df0;
			border-color:#019df0;
			color:#fff;
		}
/*-------------------------------------------
content tabs
-------------------------------------------*/
ul.content-tabs{
	list-style:none;
	padding:0;
	margin:0 0 20px;
	position:absolute; top:43px; right:10px;
}
	ul.content-tabs li{
		display:inline-block;*display:inline;zoom:1;
	}
		ul.content-tabs li a{
			display:block;
			border:1px solid #ccc;
			padding:3px 25px;
			outline:none;
		}
		ul.content-tabs li a:hover{
			background-color:#019df0;
			border-color:#019df0;
			color:#fff;
		}	
		ul.content-tabs li.active a, ul.content-tabs li.active a:hover{
			background-color:#019df0;
			border-color:#019df0;
			color:#fff;
		}
/*-------------------------------------------
Article Style
-------------------------------------------*/
.part-title{
	margin:0 0 25px;
	font-size:28px; font-weight:400;
	/*font-family:'Roboto', 'cwTeXYen', serif;*/
}
	.part-title span{
		display:inline-block;
		border-bottom:2px solid #00aeef;
	}

h2.part-title{
	border-bottom:2px solid #ddd;
}
	h2.part-title span{
		margin-bottom:-2px;
	}

/*-------------------------------------------
Page
-------------------------------------------*/
.page{
	font-size:13px; 
	margin:0; 
	padding:20px 0; 
	text-align:center; 
	clear:both;
}
	.page a, .page a:hover, .page .current, .page .disabled, .page select{
		padding:5px 8px; 
		margin:2px 0;
	}
	.page select{
		padding:4px !important; 
		margin:0 3px !important;
		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:#333; background:#f9f9f9; border:1px solid #e3e3e3; font-weight:bold;}
	.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) */

/*-------------------------------------------
Banners
-------------------------------------------*/
#ban{
	background-color:#59bef3/*#babfc5*/;
	padding:37px 0;
}
#ban ul{
	padding:0;
	list-style:none;
}
#ban ul li{
	float:left;
	width:20%;
	text-align:center;
}

/*-------------------------------------------
Footer
-------------------------------------------*/
footer{
	width:100%;
	color:#333; font-size:13px; font-style:normal;
	text-align:center;
	padding:28px 0;
}
footer .footer-logo{
	display:block;
	background:url(../images/footer-logo.png) 50% 50% no-repeat;
	margin:0 auto;
	width:60px; height:60px;
}
footer .copyright{margin-top:15px;}
footer .recommend{color:#aaa; font-size:12px;}
footer .huaweb{color:#ddd!important;}
/*-------------------------------------------
ScrollUp
-------------------------------------------*/
.scrollup{
	width:46px; height:46px; 
	text-indent:-9999px; 
	position:fixed; bottom:88px; right:5px; z-index:50;
	display:none; background:url(../images/btn-top.png?20150710) no-repeat #8dc63f;
	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;}
.noneData{color:#999; text-align:center; clear:both; padding:15px; background-color:#f6f6f6; border:1px solid #ddd;}
form{display:inline;}
.fieldRequired{text-align:right; color:#666;}
.after{color:#c00; margin-right:5px;}
.important{color:#f00 !important;}
.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;}
/*-------------------------------------------
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;
	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:6px 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;
	}
#search-block input.date{width:70px;}
/*-------------------------------------------
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;
	display:inline-block; *display:inline; *zoom:1;
	vertical-align:top; text-align:center;
	border:0;
	color:#fff;
	background-color:#009def;
	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:#0080c3;
	border-color:#0080c3;
}

.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;
}
#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:8px;}
#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:75px;}
#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;}

/*-------------------------------------------
Table List
-------------------------------------------*/
table.list thead th{border-bottom:2px solid #019df0; background-color:#e8f5fb; color:#222; padding:3px; 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:#e8f5fb; border-bottom:2px solid #a8c6ef; color:#222; padding:2px;}
table.content tbody th, table.content tbody td{padding:8px 5px; border-bottom:1px solid #ccc; border-left:1px solid #e1e1e1;}
table.content tbody th{background:#e8f5fb; color:#222; border-bottom:1px solid #88c6e7; text-align:left; font-size:14px;}
table.content tbody th:nth-child(1), table.content tbody td:nth-child(1){border-left:none;}
/*-------------------------------------------
Data Fields
-------------------------------------------*/
.group-title{
	margin:0 0 -1px 0;
	font-weight:700; font-size:18px; color:#009def;
	padding:5px 0;
	border-bottom:2px solid #009def;
	position:relative;
}
/*
.data-fields{
	margin:0; padding:0; list-style:none; 
	position:relative;
}
.data-fields *{box-sizing:border-box;}
.data-fields>li{
	border-bottom:1px solid #ddd; 
	box-sizing:border-box; 
	position:relative; vertical-align:top; 
	display:inline-block;*display:inline;zoom:1;
	width:100%; 
	height:auto!important;min-height:40px;height:40px;
	line-height:1.6;
	padding:4px 5px 4px 130px; 
}
.data-fields>li:nth-child(even){
	background-color:#f6f6f6;
}
.data-fields h5{
	display:inline-block;*display:inline;zoom:1; 
	position:absolute; left:0px; 
	margin:3px 0 0; 
	padding:3px 5px;
	font-size:15px; color:#111; font-weight:400; 
	width:130px;
}
.data-fields li ol{
	margin:0;
	padding:0;
	list-style:none;
}
.data-fields li ol li{
}
.data-fields h5:after{content:"：";}
.data-fields p{margin:0;}
.data-fields .col-after{float:right; text-align:left; width:50%; box-sizing:border-box;}
*/
.zipcode{width:70px;}
/*-------------------------------------------
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) {


}