@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);
/*
font-family: 'Roboto Condensed', sans-serif;
*/
html{height:100%;}
html, button, input, select, textarea {color:#333;}
body{font-size:13px; color:#555; line-height:1.5; font-family:'Roboto Condensed', Arial, "微軟正黑體", serif; font-weight:400;
	height:auto!important;min-height:100%;height:100%;
	background:url(../images/top_bg.jpg) center 0 no-repeat;
	overflow-x:hidden;}

::-moz-selection {background:#f7dcdb; text-shadow:none;}
::selection {background:#f7dcdb; text-shadow:none;}

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:#09F; text-decoration:none;}
a:hover, a:active, a:focus{outline:0; color:#06F;}
/* --- ! --- */


/* --- GLOBAL --- */
body{-webkit-font-smoothing:antialiased;}
.wrapper{width:980px !important; min-width:980px; margin:0 auto;}


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


/* --- HEADER --- */
#header-container{height:340px; position:relative;}
#header-container header{position:relative; }
#header-container #logo{
	margin:0; 
	text-indent:-99999em; 
	background:url(../images/tamms2015-title.png) no-repeat; 
	width:653px; height:116px;
	position:absolute; top:75px; left:50%; margin-left:-321px;
}

/* --- NAV TOP --- */
#header-container nav{
	position:relative; 
	background:#f3a2b7;
	height:40px;
}
#menu{padding:0; margin:0 auto; list-style:none;}
#menu a.active{text-decoration:none;}
#menu .about        {background-position:0 0;}
#menu .news         {background-position:-106px 0;}
#menu .postoperative{background-position:-212px 0;}
#menu .discussion   {background-position:-318px 0;}
#menu .event        {background-position:-424px 0;}
#menu .gallery      {background-position:-530px 0;}
#menu .member       {background-position:-636px 0;}
#menu .forum        {background-position:-742px 0;}
#menu .download     {background-position:-848px 0;}

#menu .about:hover        {background-position:0 bottom;}
#menu .news:hover         {background-position:-106px bottom;}
#menu .postoperative:hover{background-position:-212px bottom;}
#menu .discussion:hover   {background-position:-318px bottom;}
#menu .event:hover        {background-position:-424px bottom;}
#menu .gallery:hover      {background-position:-530px bottom;}
#menu .member:hover       {background-position:-636px bottom;}
#menu .forum:hover        {background-position:-742px bottom;}
#menu .download:hover     {background-position:-848px bottom;}

.sf-menu {}
.sf-menu, .sf-menu *{margin:0; padding:0; list-style:none;}
.sf-menu{height:40px;}
.sf-menu li .menulink{
	height:40px; 
	line-height:40px; color:#fff; font-size:16px;
	padding:0 30px;
}
.sf-menu li{position:relative; -webkit-transition:background .2s; transition:background .2s;}
.sf-menu li:hover, .sf-menu li.sfHover{-webkit-transition:none; transition:none;}
.sf-menu li a:hover{color:#611985;}
.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 ul{position:absolute; display:none; top:100%; left:0; z-index:99; width:106px; 
	background:#48c2c5; 
	box-shadow:0 1px 5px rgba(100,100,100,.5);
	-moz-box-shadow:0 1px 5px rgba(100,100,100,.5);
	-webkit-box-shadow:0 1px 5px rgba(100,100,100,.5);}
.sf-menu ul a{zoom:1; color:#fff; font-size:12px; line-height:18px; padding:8px 12px; border-bottom:1px solid #35b2b5;}
.sf-menu ul a:hover{background:#fff; color:#111;}
.sf-menu ul li{float:none;}
.sf-menu ul ul{top:-1px; left:100%;}
.sf-menu ul ul li{float:none;}
.sf-menu ul .sub{}
.sf-menu ul .sub:hover{}
/* --- ! --- */


/* --- CONTAINER --- */
#content-container{
	height:auto!important;min-height:380px;height:380px;
	padding-bottom:40px;
}
#content-container *{
	/*transition:all .2s; -webkit-transition:all .2s;*/
}
/* --- ! --- */


/* --- SUB MENU --- */
#sub-menu{float:left; width:140px; height:auto!important;min-height:400px;height:400px; margin-top:40px;}
#sub-title{height:66px; font-size:18px; margin:0; border-bottom:3px solid #48c2c5;
	color:#111; font-size:24px; line-height:24px; font-weight:400;}
#sub-list{margin:0; padding:0; list-style:none; height:auto!important;min-height:200px;height:200px; }
#sub-list li a{display:block; border-bottom:1px solid #ddd; padding:10px 12px 10px 12px; color:#333; 
	background:url(../images/sub-icon.png) 98% 50% no-repeat;}
#sub-list li a:hover, #sub-list li a.active{background:url(../images/sub-icon.png) 98% 50% no-repeat #fcf9f3; color:#00a09f;}
#sub-menu .bottom{height:53px; display:block;}
/* --- ! --- */


/* --- CONTENT --- */
article{
	height:auto!important;min-height:200px;height:200px; 
	position:relative;
	font-size:15px;
}
article *{box-sizing:border-box;}
.page-title{
	margin:0;
	color:#611985; font-size:30px; font-weight:400; font-style:italic;
	position:absolute; top:-65px;
}
.part-title{
	margin:0 0 18px;
	color:#111; font-size:24px; font-weight:400; 
}
.part-title span{
	display:inline-block;*display:inline;zoom:1;
	border-bottom:2px solid #555;
}
/* --- ! --- */


/* --- List --- */
.list{border-top:0px solid #a8b8dd;}
.list thead th, .list thead td{background:#e4f3f3; color:#00a09f; padding:3px; border-bottom:1px solid #bcd7d7;}
.list thead th{font-weight:normal; font-size:12px;}
.list tbody th, .list tbody td{padding:8px 8px; border-bottom:1px solid #dbdbdb;}
.list tbody tr{transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;}
.list tbody tr:hover{background:#f4f4f4;}
.list a.top{color:#f60;}
.list a:hover {color:#06F;}
/* --- ! --- */


/* Detail */
.detail{border-collapse:collapse; margin:0 auto; width:100%;}
.detail th{background:#e4f3f3; color:#00a09f; font-weight:normal; padding:5px 5px; border:1px solid #bcd7d7;}
.detail td{border:1px solid #dbdbdb; padding:5px 5px;}
.detail pre{padding:0;margin:0;}
.detail p{margin-top:0;}
.detail .content img{
	max-width:740px!important;height:auto!important;width:expression(this.width > 740 ? "740px" : this.width)!important;
	margin:0 auto;
}
.detail .content table{width:100% !important;}
	/*vertical*/
		.detail.vertical{}
		.detail.vertical th, .detail.vertical td{}
		.detail.vertical th{text-align:left;}
	/*vertical*/
	/*horizontal*/
		.detail.horizontal{}
		.detail.horizontal th,.detail.horizontal td{}
		.detail.horizontal th{text-align:center;}
	/*horizontal*/


/* --- DATA FIELDS --- */
.group-title{font-size:15px; margin:0; padding:3px 5px; color:#00a09f; background:#e9f6f6; border-bottom:1px solid #bcd7d7;}
.data-fields{margin:0; padding:0; list-style:none; position:relative;}
.data-fields li{border-bottom:1px solid #ddd; 
	padding:5px; padding-left:115px; 
	position:relative; vertical-align:top; box-sizing:border-box;
	display:inline-block;*display:inline;zoom:1;
	width:100%;
	height:auto!important;min-height:42px;height:42px;}
.data-fields li.col-2{width:49%; float:left;}
.data-fields li.col-after{padding-left:5px;}
.data-fields h5{margin:0; display:inline-block;*display:inline;zoom:1; 
	position:absolute; left:8px; 
	font-size:13px; color:#333; 
	border-right:1px solid #ddd; width:95px;}
.data-fields p{margin-top:0;}
.data-fields .photo{position:absolute; top:0; right:0; z-index:10;
	margin:0; background:#fff; border:10px solid #fff;}
.data-fields .photo img{height:90px;}
.data-fields .cover{position:absolute; top:15px; right:0; z-index:10; text-align:center;
	margin:0; background:#fff; border:10px solid #fff; width:140px; height:200px;}
.data-fields .cover img{width:140px; margin:0 auto;}
.data-fields .content img{
	max-width:740px!important;height:auto!important;width:expression(this.width > 740 ? "740px" : this.width)!important;
	margin:0 auto;
}
/* --- ! --- */


/* --- PAGE --- */
.page{font-size:12px; margin:0px 0px; padding:10px 0; text-align:center; clear:both;}
.page span a, .page span a:hover, .page .current, .page .disabled, .page select{padding:5px 8px; margin:2px 0; 
	border-radius:5px;-moz-border-radius:5px;-border-radius:5px; }
.page select{padding:1px !important; margin:0 3px !important;}
.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;}
/* --- ! --- */


/* --- FOOTER --- */
footer{background:url(../images/footer_bg.png) center bottom no-repeat; height:188px;}
footer .logos{text-align:center; border-top:1px solid #fddddf;}
footer .logos span{display:inline-block;*display:inline;zoom:1; width:67px; height:50px; text-indent:-99999em; margin-top:30px;}
footer .logos .logo-taams{background:url(../images/footer_logo1_taams.png) no-repeat;}
footer .logos .logo-cmca{background:url(../images/footer_logo2_cmca.png) no-repeat;}
footer address{color:#999; font-size:12px; font-style:normal; text-align:center; box-sizing:border-box;}
footer address a{color:#999;}
footer address a:hover{color:#000;}
footer .recommend{color:#aaa;}
footer .huaweb{color:#aaa;}
footer .huaweb:before{content:" | ";}
/* --- ! --- */


/* Top */
.scrollup{width:46px; height:46px; text-indent:-9999px; position:fixed; bottom:80px; right:3%;
	display:none; background:url(../images/btn-top.png) no-repeat;}


/* Hide from both screenreaders and browsers */
.hidden{display:none !important; visibility:hidden;}

/* Clearfix: contain floats */
.clearfix:before,
.clearfix:after {
    content: ""; /* 1 */
    display: table; /* 2 */
}
.clearfix:after{clear: both;}
/* For IE 6/7 only */
.clearfix{*zoom: 1;}


/* --- COMM --- */
.maxWidth { width:100%;}
.maxHeight { height:100%; margin:0 auto;}
.floatL{ float:left; }
.floatR{ float:right; }
.explanation{font-size:12px; 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{font-size:12px; color:#999; text-align:center; clear:both;}
form{display:inline;}
.fieldRequired{text-align:right; color:#666;}
.fontSize15{font-size:15px !important;}
.important{color:#f00 !important;}
.border-none{border:none !important;}
.dataUpdate h2{font-size:18px; color:#333;}
/* --- ! --- */


/* --- 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 4px; 
	margin:1px; 
	background:#fff;
	border:1px solid #bbb; 
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	box-shadow:inset 0 1px 1px #eee; 
	-moz-box-shadow:inset 0 1px 1px #eee;
	-webkit-box-shadow:inset 0 1px 1px #eee;
	-webkit-appearance:none;
}
select{border:1px solid #bbb; background:url(../images/select-arrow.png) right 50% no-repeat #fff; padding:1px 16px 1px 3px;}
select::-ms-expand {display: none;}
textarea{width:95%;}
input[type=radio], input[type=checkbox]{vertical-align:-2px;}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=date]:focus, textarea:focus, select:focus{
	outline:0;
	background:#fffeee;
	border:1px solid #67cfff; 
	box-shadow:0 0 3px rgba(123,211,255,0.8), inset 0 1px 2px #ddd; 
	-moz-box-shadow:0 0 3px rgba(123,211,255,0.8), inset 0 1px 2px #ddd; 
	-webkit-box-shadow:0 0 3px rgba(123,211,255,0.8), inset 0 1px 2px #ddd;
	-ms-box-shadow:0 0 3px rgba(123,211,255,0.8), inset 0 1px 2px #ddd;
}
select:focus{background:url(../images/select-arrow.png) right 50% no-repeat;}
#search-block input.date{width:70px;}
/* --- ! --- */


/* --- Buttons --- */
input[type=submit], input[type=button], input[type=reset], .btn{
	-webkit-appearance:none;
	display:inline-block; *display:inline; *zoom:1;
	vertical-align:top; text-align:center;
	color:#611985; font-size:13px; 
	border:1px solid #c29bd5; 
	background:none; 
	padding:6px 12px;
	cursor:pointer;
	text-decoration:none;
	border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
}
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, .btn:hover{
	background:#611985;
	border-color:#611985;
	color:#fff;
	text-decoration:none;
}

.buttons{text-align:center; padding-top:20px; margin-bottom:20px;}
.buttons input[type=submit], .buttons input[type=button], .buttons input[type=reset], .buttons a.btn{
	padding:8px 30px;
	margin-left:10px; margin-right:10px;
	font-size:18px; line-height:18px; font-weight:700;
}
.btn-secondary{border-color:#aaa!important; color:#777!important;}
.btn-secondary:hover{border-color:#aaa!important; color:#fff!important; background:#aaa!important;}
/* --- ! --- */


/* --- search-block --- */
#search-block{font-size:12px; color:#333; padding:8px 10px 8px; background:#f7f7f7; margin-bottom:12px; border:1px solid #ececec;}
#search-block label{margin-right:5px; display:inline-block; *display:inline; zoom:1; width:300px;}
#search-block input{margin-right:5px; margin-left:3px;}
#search-block select{margin-left:3px;}
#search-block input[type=text]{}
#search-block input[type=submit], #search-block input[type=button]{
	float:right;
	width:65px; 
	font-weight:normal; font-size:13px;
	background:#fff;}
#search-block input[type=submit]:hover, #search-block input[type=button]:hover{
	color:#fff;
	background:#48c2c5;}
#search-block input[type=submit]{float:right; margin-left:10px; margin-right:0;}
#search-block .date{width:75px;}
#search-block .ui-datepicker-trigger{vertical-align:-2px; cursor:pointer;}


/* --- Alert Information --- */
.msgBlock{float:none; width:880px; margin:30px auto 0;
	border:1px solid #83a1e4; background:#e4ecff; 
	font-size:13px; color:#111;
	text-align:center; padding:30px 20px 30px; }
.msgBlock h4{margin:0; font-size:16px;}
.msgBlock a{color:#264ea6;}
/* --- ! --- */


#upgradeNewBrowser{text-align:center; color:Gold; padding:15px 0; font-size:12px;}
#upgradeNewBrowser a{color:Yellow;}