@import url("../css/normalize.css");
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:300,400,700);
html{height:100%;}
html, button, input, select, textarea {color:#333;}
body{font-size:14px; color:#555; font-weight:400;
	font-family:'Roboto', "Nanum Gothic", "\5FAE\8F6F\96C5\9ED1", "微软雅黑体", "Microsoft YaHei", "微軟正黑體", "Microsoft JhengHei", "Microsoft JhengHei UI", Arial, sans-serif;
	-webkit-font-smoothing:antialiased;
	height:auto!important;min-height:100%;height:100%;
	background-color:#fbf1fa;
	/*overflow-x:hidden;*/
}

*{box-sizing:border-box;-webkit-box-sizing:border-box;}

/* 反白 */
::-moz-selection{background:#bce8ff; color:#000; text-shadow:none;}
::selection {background:#bce8ff; color:#000; text-shadow:none;}

/* 設置提示文字顏色 */
::-webkit-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}
.placeholder{color:#999;}
span.pink{color:#ec6ca5;}

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:#009cff;}

.wrapper{
	width:1000px; min-width:1000px; 
	margin:0 auto; 
	position:relative;
}

/*-------------------------------------------
Header
-------------------------------------------*/
#headerContainer{
	position:relative;
	height:485px;
	/*background:url(../images/header_pic_1.jpg) 50% 0 no-repeat;*/
}
/*-------------------------------------------
Nav
-------------------------------------------*/
.cycle-slideshow, .cycle-slideshow *{
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.cycle-slideshow{
	width:100%; min-width:1000px; max-width:100%; 
	height:485px;
	margin:0; 
	padding:0; 
	position:relative;
    background:url(http://malsup.github.com/images/spinner.gif) 50% 50% no-repeat;
 }
	.cycle-slideshow div{
		width:100%;
		height:100%;
	}
		.cycle-slideshow img{ 
			position:absolute; top:0; left:0;
			width:100%; 
			padding:0; 
			display:block;
		}
		.cycle-slideshow img:first-child {
			position: static; z-index:100;
		}

	#headerContainer .picOverlay{
		position:absolute; left:0; top:0; right:0; bottom:0; z-index:101;
		background:url(../images/header_pic_overlay.png) repeat-x;
	}
	#headerContainer header{
		position:absolute; top:0; left:50%; margin-left:-500px; z-index:102;
		height:485px;
	}
		#topLinks{
			position:absolute; top:20px; right:15px; z-index:1;
			line-height:24px; color:#fbf1fa;
		}
			#topLinks .topBtn{
				display:inline-block;
				background-repeat:no-repeat;
				background-position:50% 50%;
				background-size:24px 24px;
				width:24px;
				height:24px;
				text-indent:-99999em;
				margin-right:20px;
			}
			#topLinks .iconHome{
				background-image:url(../images/top_icon_home.png);
			}
			#topLinks .iconContact{
				background-image:url(../images/top_icon_email.png);
			}
			#topLinks a{
				color:#fbf1fa;
				opacity:1;
				transition:.2s;-moz-transition:.2s;
			}
			#topLinks a:hover{
				color:#fbf1fa;
				opacity:.5;
			}
			#topLinks em.btnDivider{
				font-style:normal; font-size:12px; font-family:Arial; color:#ccc;
				margin:0 10px;
			}
		#heading{
			margin:0;
			background:url(../images/apage2016_title.png) no-repeat;
			background-size:850px 289px;
			width:850px;
			height:289px;
			position:absolute; top:30px; left:50%; margin-left:-425px; z-index:102;
			text-indent:-99999em;
		}

/*-------------------------------------------
Nav
-------------------------------------------*/
#menuContainer{
	position:absolute; bottom:38px; left:50%; margin-left:-500px; z-index:1000;
	width:1000px; min-width:1000px;
	height:80px;
	background:url(../images/nav_bg.png) repeat-x;
	font-family:"Roboto Condensed";
}
.sf-menu, .sf-menu *{
	margin:0; padding:0; list-style:none;
}
.sf-menu{
	margin:0 auto;
	height:80px;
}
	.sf-menu li{
		position:relative;
	}
	.sf-menu > li{
		float:left;
		background:url(../images/nav_line.png) 0 50% no-repeat;
	}
	.sf-menu > li:first-child{
		background:none;
	}
		.sf-menu a{
			display:block;
			position:relative;
		}
		.sf-menu a i{
			position:absolute;
		}
		.sf-menu .menuLink{
			height:80px;
			font-size:16px; line-height:80px; font-weight:400;
			font-family:"Roboto Condensed";
			color:#fff; 
			text-align:center;
			padding:0 0;
			background-image:url(../images/nav_bg.png);
			background-repeat:no-repeat;
			background-size:100% 0;
			transition:.2s; -webkit-transition:.2s;
		}
		.sf-menu .menuLink:hover{
			color:#fff;
			background-size:100% 100%;
		}
		.sf-menu > li:nth-child(1) .menuLink{}
		.sf-menu > li:nth-child(3) .menuLink{}
		.sf-menu > li:nth-child(5) .menuLink{line-height:18px; padding-top:24px;}
		.sf-menu > li:nth-child(8) .menuLink{line-height:18px; padding-top:24px;}
		.sf-menu > li:nth-child(9) .menuLink{line-height:18px; padding-top:24px;}
		.sf-menu .menuLink.active{
			color:#fff;
			background-size:100% 100%;
			cursor:default;
		}
			/* level 2 */
			.sf-menu ul{
				position:absolute; top:100%; padding-top:0px; left:0; margin-top:0px; z-index:99;
				width:100%;
				white-space:nowrap;
				width:auto!important;min-width:100%;width:100%;
				/*overflow:hidden;*/
				display:none;
				opacity:0;
				box-shadow:0 2px 5px rgba(0,0,0,.3);
			}
			.sf-menu > li ul li a{
				background-color:#e9afcb;				
			}
			.sf-menu li:hover > ul,
			.sf-menu li.sfHover > ul{
				display:block;
				opacity:1;
			}
				.sf-menu ul li a{
					color:#fff;
					padding:15px 15px;
					box-shadow:inset 0 -1px 0 rgba(100%,100%,100%,.2);
					transition:.2s; -webkit-transition:.2s;
				}
				.sf-menu ul li a:hover{
					background-image:url(../images/nav_bg.png);
					color:#fff;
					overflow:hidden;
				}
					/* level 3 */
					.sf-menu ul ul {
						top:0;
						left:100%;
					}
					.sf-menu ul li:hover > ul{
						display: block;
						position:absolute; top:0; left:100%;
					}
.subMenu.fadeInDown{
	animation-duration:.3s; -webkit-animation-duration:.3s;
}
.sf-menu > li .subMenu:before{border-bottom-color:#0487d9;}


/*-------------------------------------------
Homepage Content
-------------------------------------------*/
#homepageContent{
	position:relative;
}
	#news{
		float:left;
		width:304px;
		margin-left:15px;
		padding-bottom:15px;
	}
		#news .homeTitle{
			margin:0 0 20px;
			font-size:24px; color:#333; font-weight:400;
			border-bottom:2px solid #ec6ca5;
			padding-bottom:8px;
		}
		#news .slimScrollDiv{
			margin-bottom:10px;
		}
			#news ul{
				margin:0; padding:0; list-style:none;
			}
				#news ul li{
					margin:0 0 12px;
				}
					#news ul li time{
						display:block;
						font-size:12px; color:#ec6ca5;
					}
					#news ul li a{
						font-size:14px; color:#111;
					}
					#news ul li a:hover{
						color:#009cff;
					}
	#mainPic{
		background:url(../images/footer_logo.png) no-repeat 50% 100%;
		background-size:150px 76px;
		width:330px;
		height:391px;
		position:absolute; left:50%; margin-left:-165px; top:0;
	}
		#mainPic .logo{
			margin:0;
			width:330px;
			height:315px;
			background-size:330px 315px;
			background-repeat:no-repeat;
			position:absolute;
		}
		#mainPic .logoSunset{
			background:url(../images/home_main_pic.jpg) no-repeat 50% 100%;
			opacity:0;
		}
		#mainPic .logoSummer{
			background:url(../images/home_main_pic2.jpg) no-repeat 50% 100%;
			opacity:0;
			display:none;
		}
		#mainPic .fadeIn{
			-webkit-animation-duration:2s; 
			animation-duration:2s;
		}
		#mainPic .fadeOut{
			-webkit-animation-duration:2s; 
			animation-duration:2s;
		}
	#importantDate{
		float:right;
		width:304px;
		margin-right:15px;
	}
		#importantDate .homeTitle{
			margin:0 0 20px;
			font-size:24px; color:#333; font-weight:400;
			border-bottom:2px solid #ec6ca5;
			padding-bottom:8px;
		}
		#importantDate ul{
			margin:0; padding:0; list-style:none;
		}
			#importantDate ul li{
				float:left;
				width:50%;
				text-align:center;
				padding:25px 0;
				position:relative;
			}
				#importantDate ul li strong{
					display:block;
					font-size:14px;	line-height:14px; color:#111; font-weight:400;
					font-family:"Roboto Condensed";
					padding-bottom:8px;
				}
				#importantDate ul li .date{
					font-size:30px; color:#ec6ca4;
				}
				#importantDate ul li .year{
					display:block;
					font-size:12px; color:#ec6ca4;
				}
				#importantDate ul li .line{
					display:inline-block;
					background:#ddd;
					position:absolute;
				}
				#importantDate ul li .line1{width:1px; height:70px; right:0; top:50%; margin-top:-35px;}
				#importantDate ul li .line2{width:70px; height:1px; left:50%; top:100%; margin-left:-35px;}
				#importantDate ul li .line3{width:70px; height:1px; left:50%; top:0; margin-left:-35px;}
				#importantDate ul li .line4{width:1px; height:70px; left:0; top:50%; margin-top:-35px;}

/*-------------------------------------------
Homepage Buttons
-------------------------------------------*/
#homepageButtons{
	position:relative;
	height:150px;
}
	#homepageButtons ul{
		margin:0; padding:0; list-style:none;
	}
		#homepageButtons ul li{
			
		}
			#homepageButtons ul li .quickBtn{
				display:block;
				width:150px;
				height:115px;
				background-color:#754591;
				background-repeat:no-repeat;
				background-position:50% 16px;
				background-size:64px 41px;
				position:absolute;
				color:#fff; font-size:18px; line-height:18px;
				text-align:center;
				transition:.2s;-moz-transition:.2s;
			}
				#homepageButtons ul li span{
					display:block;
					font-size:14px; color:#a379b8; line-height:14px;
					margin-top:64px;
				}
			#homepageButtons ul li .iconVenue{
				background-image:url(../images/btn_icon_venue.png);
				left:15px;
				animation-delay:.3s;-moz-animation-delay:.3s;
			}
			#homepageButtons ul li .iconTaiwan{
				background-image:url(../images/btn_icon_taiwan.png);
				left:168px;
				animation-delay:.4s;-moz-animation-delay:.4s;
			}
			#homepageButtons ul li .iconRegistration{
				background-image:url(../images/btn_icon_registration.png);
				right:168px;
				animation-delay:.5s;-moz-animation-delay:.5s;
			}
			#homepageButtons ul li .iconAbstract{
				background-image:url(../images/btn_icon_abstract.png);
				right:15px;
				animation-delay:.6s;-moz-animation-delay:.6s;
			}
			#homepageButtons ul li .quickBtn:hover{
				background-color:#601986;
			}

/*-------------------------------------------
Container
-------------------------------------------*/
#contentContainer{
	float:left;
	width:770px;
	height:auto!important;min-height:300px;height:300px;
	margin-left:15px;
	position:relative; z-index:0;
	line-height:1.5;
}
	#pageHeader{
		border-bottom:3px solid #ec6ca5;
		padding-bottom:8px;
		margin:0 0 30px;
		position:relative;
	}
		#pageHeader .pageTitle{
			margin:0;
			font-size:28px; color:#111; font-weight:400;
			font-family:"Roboto Condensed", "微软雅黑体", "Microsoft YaHei", "微軟正黑體", "Microsoft JhengHei";
		}
		#pageHeader .subMenu{
			margin:0; padding:0; list-style:none;
			position:absolute; right:0; top:6px; z-index:2;
		}
			#pageHeader .subMenu li{
				float:left;	
				position:relative;
			}
				#pageHeader .subMenu li a{
					display:block;
					background-color:transparent;					
					color:#111; font-size:13px; line-height:14px;
					font-family:"Roboto Condensed";
					padding:8px 10px;
					border:1px solid #bbb;
					border-bottom:none;
					z-index:1;
				}
				#pageHeader .subMenu li a:hover{
					background-image:url(../images/nav_bg.png);
					border-color:#ee3e89;
					color:#fff;
				}
				#pageHeader .subMenu li.active a{
					background-image:url(../images/nav_bg.png);
					color:#fff;
					border-color:#ee3e89;
					cursor:default;
					/*box-shadow:0 -2px 5px rgba(224,104,159,.6);*/
					z-index:10;
				}
	.partTitle{
		margin:40px 0 20px;
		display:inline-block;
		font-size:18px; line-height:18px; font-weight:400; color:#333;
		font-family:"Roboto Condensed", "微软雅黑体", "Microsoft YaHei", "微軟正黑體", "Microsoft JhengHei";
		border-bottom:2px solid #ec6ca5;
		padding-bottom:5px;
	}
	.partTitleOne{
		margin-top:0;
	}

/*
.pageHeaderBtnBr #pageHeader{
	padding-bottom:32px;
}
	.pageHeaderBtnBr #pageHeader .subMenu{ top:42px;}
*/
/*-------------------------------------------
Page Right
-------------------------------------------*/
#pageRight{
	position:relative;
	float:right;
	width:160px;
	margin-right:15px;
}
	#mainPicThumbnail{
		margin:0;
		background:url(../images/apage2016_main_pic_thumbnail.jpg) no-repeat 50% 50%;
		background-size:160px 200px;
		width:160px;
		height:200px;
	}
	#pageButtons{
		margin-top:10px;
	}
		#pageButtons ul{
			margin:0; padding:0; list-style:none;
		}
			#pageButtons li{
				position:relative;
				margin-bottom:3px;
			}
				#pageButtons ul li .quickBtn{
					display:block;
					height:64px;
					background-color:#754591;
					background-repeat:no-repeat;
					background-position:8px 50%;
					background-size:42px 27px;
					color:#fff; font-size:18px; line-height:18px;
					padding:12px 0 0 54px;
					transition:.2s;-moz-transition:.2s;
				}
					#pageButtons ul li span{
						display:block;
						font-size:14px; color:#a379b8; line-height:14px;
					}
				#pageButtons ul li .iconVenue{
					background-image:url(../images/btn_icon_venue.png);
					animation-delay:.3s;-moz-animation-delay:.3s;
				}
				#pageButtons ul li .iconTaiwan{
					background-image:url(../images/btn_icon_taiwan.png);
					animation-delay:.4s;-moz-animation-delay:.4s;
				}
				#pageButtons ul li .iconRegistration{
					background-image:url(../images/btn_icon_registration.png);
					animation-delay:.5s;-moz-animation-delay:.5s;
				}
				#pageButtons ul li .iconAbstract{
					background-image:url(../images/btn_icon_abstract.png);
					animation-delay:.6s;-moz-animation-delay:.6s;
				}
				#pageButtons ul li .quickBtn:hover{
					background-color:#601986;
				}

/*-------------------------------------------
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;}

/*-------------------------------------------
Footer
-------------------------------------------*/
footer{
	text-align:center;
	margin:40px auto 0 !important;
	color:#754591; font-size:13px; line-height:20px; font-style:400;
	padding:30px 0;
	border-top:1px solid #eac4d5;
}
	footer a{
		color:#754591;
	}
	footer a:hover{
		color:#009cff;
	}
	footer .logos{
		background:url(../images/footer_logo.png) no-repeat 50% 0;
		background-size:150px 76px;
		padding-top:90px;
	}
	footer .recommend{
		font-size:12px; 
	}
	footer .huaweb{
		color:#d4b6d1!important; 
		margin-left:10px;
	}

/*-------------------------------------------
Scroll Workshop
-------------------------------------------*/
.scrollWorkshop{
	width:70px; height:93px; 
	text-indent:-9999px; 
	position:fixed; bottom:80px; right:3%; z-index:50;
	background:url(../images/btn_workshops.png) no-repeat;
}

/*-------------------------------------------
Scroll Up
-------------------------------------------*/
.scrollUp{
	width:40px; height:40px; 
	text-indent:-9999px; 
	position:fixed; bottom:20px; right:3%; z-index:50;
	background:url(../images/btn_top.png) no-repeat;
	display:none; 	
}

/*-------------------------------------------
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
-------------------------------------------*/
.floatL{float:left; }
.floatR{float:right; }
.hidden{display:none !important; visibility:hidden;}
.explanation{color:#C60; font-weight:400; font-size:13px; padding:3px 0;}
.required{color:#f00 !important; font-weight:normal;}
form{display:inline;}
.important{color:#f00 !important;}
#twzipcode{display:inline-block;*display:inline;zoom:1;float:left;}
#twzipcode div{float:left;}
.zipcode{width:70px;}
.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;}

/*-------------------------------------------
JQuery UI
-------------------------------------------*/
#ui-datepicker-div{
	font-size:13px;
	border-radius:0;
	box-shadow:0 1px 6px rgba(0,0,0,.2);
}
	#ui-datepicker-div *{
		border-radius:0;
	}
	.ui-datepicker-prev, 
	.ui-datepicker-next{
		top:10px !important;
	}
	.ui-widget-header{
		background:url(../images/ui-bg_highlight-soft_75_cccccc_1x100.png) !important;
	}
	.ui-widget-header .ui-icon{
		background-image: url(../images/ui-icons_222222_256x240.png) !important;
	}
	.ui-state-hover .ui-icon, 
	.ui-state-focus .ui-icon{
		background-image: url(../images/ui-icons_ffffff_256x240.png) !important;
	}
	.ui-state-default, 
	.ui-widget-content .ui-state-default, 
	.ui-widget-header .ui-state-default{
		background:url(../images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x #f6f6f6 !important;
	}
	.ui-state-highlight, 
	.ui-widget-content .ui-state-highlight, 
	.ui-widget-header .ui-state-highlight{
		border-color:#754591 !important;
		color:#754591 !important;
	}
	.ui-state-hover, 
	.ui-widget-content .ui-state-hover, 
	.ui-widget-header .ui-state-hover, 
	.ui-state-focus,
	.ui-widget-content .ui-state-focus, 
	.ui-widget-header  .ui-state-focus{
		background:#754591 !important;
		border-color:#754591 !important;
		color:#fff !important;
	}

/*-------------------------------------------
Files Format
-------------------------------------------*/
ul.fileFormat, ol.fileFormat{
	margin:0;
	padding:0;
	list-style:none;
}
.fileFormat a{
	display:inline-block;*display:inline;zoom:1;
	background:url(../images/icon_file.png) no-repeat 0 50%; 
	padding-left:22px;
	box-shadow:0 1px 2px rgba(0,0,0,.1);
	border-radius:3px;
}
.fileFormat a[href *='pdf']{background:url(../images/icon_pdf.png) left 50% no-repeat;}
.fileFormat a[href *='xls'], .fileFormat a[href *='xlsx']{background:url(../images/icon_excel.png) left 50% no-repeat;}
.fileFormat a[href *='doc'], .fileFormat a[href *='docx']{background:url(../images/icon_word.png) left 50% no-repeat;}
.fileFormat a[href *='ppt'], .fileFormat a[href *='pptx']{background:url(../images/icon_powerpoint.png) left 50% no-repeat;}
.fileFormat a[href *='jpg'], .fileFormat a[href *='png']{background:url(../images/icon_img.png) left 50% no-repeat;}
.fileFormat a[href *='rar']{background:url(../images/icon_rar.png) left 50% no-repeat;}
.fileFormat 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;
	-webkit-appearance:none;
	padding:6px 8px; 
	margin:0; 
	background:#fff;
	border:1px solid #ccc; 
	border-radius:0px; -webkit-border-radius:0; 
	box-shadow:inset 0 1px 1px rgba(0,0,0,.1);
	transition:.2s; -moz-transition:.2s;
}
select{
	padding:6px 24px 6px 8px;
	background:url(../images/icon_select.png) 100% 50% no-repeat #fff;
}
textarea{width:100%;}
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-color:#fff8ef;
	border:1px solid #ea6da5 !important; 
}
select:focus{}
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:#754591;
	padding:7px 13px;
	text-decoration:none;
	transition:all .1s;-moz-transition:all .1s;-webkit-transition:all .1s;
	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;
	box-shadow:inset 0 0 20px 30px rgba(0,0,0,.4);
}
.btnAdd{
	background:url(../images/icon_add.png) no-repeat 5px 50%; padding-left:32px !important;
}
.btnDel{
	background:url(../images/icon_del.png) no-repeat 50% 50% #e12f2f !important; text-indent:-99999em;
}

.buttons{
	text-align:center; 
	height:48px; 
	margin:30px 0 10px; 
	position:relative;
}
	.buttons input[type=submit], .buttons input[type=button], .buttons input[type=reset], .buttons a.btn{
		padding:15px 55px; 
		font-size:18px; line-height:18px;
		margin-left:10px; margin-right:10px;
	}
	.btnSecondary{
		background-color:#aaa !important; 
		color:#fff !important;
	}
	.btn.floatL{
		position:absolute; left:0;
	}
	.btn.floatR{
		position:absolute; right:0;
	}
	.btnPrev{
		background-image:url(../images/icon_prev.png);
		background-position:4% 50%;
		background-repeat:no-repeat;		
	}
	.btnNext{
		background-image:url(../images/icon_next.png);
		background-position:96% 50%;
		background-repeat:no-repeat;		
	}
	.btnPayment{
		background-image:url(../images/icon_Payment.png);
		background-position:96% 50%;
		background-repeat:no-repeat;		
	}
	.btnSend{
		background-image:url(../images/icon_send.png);
		background-position:96% 50%;
		background-repeat:no-repeat;		
	}
	.btnModify{
		background:url(../images/icon_modify.png) 10px 50% no-repeat;
		padding-left:40px !important;
	}
	.btnView{
		background:url(../images/icon_view.png) 10px 50% no-repeat;
		padding-left:40px !important;
	}
	.btnPcloud{
		background:url(../images/btn_pCloud.png) 50% 50% no-repeat;
		width:162px; height:42px;
		text-indent:-99999em;
	}

/*-------------------------------------------
searchBlock
-------------------------------------------*/
#searchBlock{
	border-bottom:2px solid #e3e3e3;
	padding:0 0 15px;
	margin-bottom:24px;
	position:relative;
	font-size:13px;
}
	#searchBlock input[type=submit]:hover, #searchBlock input[type=button]:hover{
		text-decoration:none;
	}
	#searchBlock ul{margin:0; padding:0; list-style:none;}
	#searchBlock ul li{float:left; padding-right:15px; font-size:13px !important;}
	#searchBlock input, #searchBlock select{margin:3px; margin-left:4px;}
	#searchBlock input[type=text]{}
	#searchBlock input.date{width:90px;}

/*-------------------------------------------
Alert Information
-------------------------------------------*/
.alert{padding:20px;}
.alertInfo{
	background:#fefcf0; 
	border:2px solid #f2d997;
	font-size:16px; color:#111;
	text-align:center; 
	padding:30px 20px 30px;
	margin:10px 0 20px;
}
.alertInfo a{color:#09F;}
	/* error */
	.alertError{background:#fdf1f1; border:1px solid #e4b6b6;}

/*-------------------------------------------
Data Fields
-------------------------------------------*/
.formFormat ul{
	margin:0; padding:0; list-style:none;
}
	.formFormat li{
		padding:14px 14px 14px 220px;
		position:relative;
		height:auto!important;min-height:48px;height:48px;
	}
	.formFormat li.rowLi{
		padding:14px;
	}
	.formFormat li:nth-child(even){
		background-color:#f9f9f9;
	}
		.formFormat h4{
			margin:0;
			font-weight:700; font-size:14px;
			display:inline-block;
			position:absolute; left:15px;
		}
		.formFormat li.rowLi h4{
			position:relative; left:0;
			margin-bottom:10px;
		}
			.formFormat h4 .required{
				margin-left:3px;
			}
		.formFormat .date{
			background:url(../images/icon_cal.png) 100% 50% no-repeat #fff;
			width:140px;
		}
		.rowDiv{
			margin-top:8px;
		}
		.radioType input[type=radio]{
			display:none;
		}
		.radioType label{
			display:inline-block;
			border:1px solid #ccc;
			padding:6px 10px;
			background-color:#fff;
		}
		.radioType input[type=radio]:checked + label{
			background-color:#ea6da5;
			border-color:#ea6da5;
			color:#fff;
		}
		.childrenRadio{
			margin:5px 0 10px 24px;
			position:relative;
		}
			.childrenRadio .subLine{
				display:inline-block;
				width:15px;
				height:15px;
				border-left:2px solid #ccc;
				border-bottom:2px solid #ccc;
				position:relative; top:-3px;
			}
			.childrenRadio label{
				margin-bottom:3px;
			}

/*-------------------------------------------
Table List
-------------------------------------------*/
table.list thead th{
	border-bottom:2px solid #aaa;
	padding:8px 3px;
	color:#333; font-weight:400; font-size:13px;
	background-color:#f5f5f5;
}
table.list tbody th, table.list tbody td{
	padding:8px 5px; 
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	word-break:break-all;
}
table.list tbody th:nth-child(1){border-left:none;}
table.list tbody td:nth-child(1){border-left:none;}
table.list tbody tr:nth-child(even){background:#f9f9f9;}
/*-------------------------------------------
Table Content
-------------------------------------------*/
table.content{
	border:2px solid #ea6da5;
}
table.content thead tr th{
	background-color:#ec6ca5;
	color:#fff;
	font-weight:normal;
	padding:10px 0;
	font-size:15px;
}
table.content tbody th, table.content tbody td{
	padding:8px; 
	border-top:1px solid #ddd; border-left:1px solid #e1e1e1;
}
table.content tbody th{
	background-color:#f9f9f9;
	color:#333; font-size:14px;
	text-align:left;
}
table.content tbody th:nth-child(1), table.content tbody td:nth-child(1){
	
}

/*-------------------------------------------
keyframes
-------------------------------------------*/
/* fadeInUp */
@-webkit-keyframes fadeInUp{
	0%{opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{
	0%{opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
#contentContainer .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
/* fadeInDown */
@-webkit-keyframes fadeInDown{
	0%{opacity:0;-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown{
	0%{opacity:0;-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
#contentContainer .fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
/* fadeInLeft */
@-webkit-keyframes fadeInLeft{
	0%{opacity:0;-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}
	to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeft{
	0%{opacity:0;-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}
	to{opacity:1;-webkit-transform:none;transform:none}
}
#contentContainer .fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
/* fadeInRight */
@-webkit-keyframes fadeInRight{
	0%{opacity:0;-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}
	to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRight{
	0%{opacity:0;-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}
	to{opacity:1;-webkit-transform:none;transform:none}
}
#contentContainer .fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}

/*-------------------------------------------
@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) {
	/*-------------------------------------------
	Homepage
	-------------------------------------------*/
	#heading{
		background-image:url(../images/@2x/apage2016_title.png);
	}
	#topLinks .iconHome{
		background-image:url(../images/@2x/top_icon_home.png);
	}
	#topLinks .iconContact{
		background-image:url(../images/@2x/top_icon_email.png);
	}
	#mainPic{
		background-image:url(../images/@2x/footer_logo.png);
	}
	#homepageButtons ul li .iconVenue{
		background-image:url(../images/@2x/btn_icon_venue.png);
	}
	#homepageButtons ul li .iconTaiwan{
		background-image:url(../images/@2x/btn_icon_taiwan.png);
	}
	#homepageButtons ul li .iconRegistration{
		background-image:url(../images/@2x/btn_icon_registration.png);
	}
	#homepageButtons ul li .iconAbstract{
		background-image:url(../images/@2x/btn_icon_abstract.png);
	}
	footer .logos{
		background-image:url(../images/@2x/footer_logo.png);
	}
	/*-------------------------------------------
	Page
	-------------------------------------------*/
	#mainPicThumbnail{
		background-image:url(../images/@2x/apage2016_main_pic_thumbnail.jpg);
	}
	#pageButtons ul li .iconVenue{
		background-image:url(../images/@2x/btn_icon_venue.png);
	}
	#pageButtons ul li .iconTaiwan{
		background-image:url(../images/@2x/btn_icon_taiwan.png);
	}
	#pageButtons ul li .iconRegistration{
		background-image:url(../images/@2x/btn_icon_registration.png);
	}
	#pageButtons ul li .iconAbstract{
		background-image:url(../images/@2x/btn_icon_abstract.png);
	}
	
}

/*===========================================
<=1033
===========================================*/
@media screen and (max-device-width:1033px){
	/*-------------------------------------------
	Scroll Workshop
	-------------------------------------------*/
	.scrollWorkshop{
		right:0%;
	}
	/*-------------------------------------------
	Scroll Up
	-------------------------------------------*/
	.scrollUp{
		right:0%;
	}
}
