@charset "utf-8";
/* CSS Document */

@import url("reset.css");

body{
	font-family:Arial, Helvetica, sans-serif;
	height:100%;
	font-size:12px;
	line-height:1.5;
	color:#333;
	background:url(../img/bgbg.jpg) repeat-x top fixed;
}
a, a:hover{ text-decoration:none;}
a{ color:#333;}
a:hover{ color:#e40000;}

body.N01 .header .nav_all ul.menu li.N01 a.navbtn, 
body.N02 .header .nav_all ul.menu li.N02 a.navbtn, 
body.N03 .header .nav_all ul.menu li.N03 a.navbtn, 
body.N04 .header .nav_all ul.menu li.N04 a.navbtn, 
body.N05 .header .nav_all ul.menu li.N05 a.navbtn,
body.N06 .header .nav_all ul.menu li.N06 a.navbtn { color:#ff0000;}	

/*=== header ===============================================================================================*/
#header_all{ /*position:fixed;*/ z-index:100; /*top:0;*/ width:100%; height:95px; background:#000; border-bottom:4px solid #ff0000;}
	#header_all .header{ width:940px; margin:0 auto; position:relative;}
	#header_all .header .logo{ float:left; padding:10px 0;}
	#header_all .header .tsmc{ float:right; text-align:right; width:230px; font-style:italic; font-size:14px; color:#1EAD21;}
	#header_all .header .tsmc span{ display:block; float:left; line-height:30px;}
		.btn_login{ display:block; margin:20px 21px 0 0;}
		.header .loginbox{ color:#999999; position:absolute; z-index:1000; right:0px; top:95px;
							padding: 15px 25px; background:#fff; width:225px;
							border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;
							box-shadow:2px 2px 7px rgba(0,0,0,.15),-2px -2px 7px rgba(0,0,0,.15);
							-webkit-box-shadow:2px 2px 7px rgba(0,0,0,.15),-2px -2px 7px rgba(0,0,0,.15);
							-moz-box-shadow:2px 2px 7px rgba(0,0,0,.15),-2px -2px 7px rgba(0,0,0,.15);	
							/*behavior: url(PIE.htc);*/}
		.header .loginbox h3 { color:#999; font-size:16px; font-weight:bold;}
		.header .loginbox h4 { color:#999; font-size:15px; font-weight:bold; border-top:1px solid #ddd; margin:15px 0 5px 0; padding:5px 0 0 0;}
		.header .loginbox input { color:#aaa; display:block; font-size:13px; padding:5px; margin:5px 0; width:92%;}
		.header .loginbox a.login { display:block; width:65px; height:30px; margin-top:15px;
									background: url('../img/btn_login-red.png') no-repeat;}
		.header .loginbox a.logout {display:block; width:75px; height:30px; margin-top:15px;
									background:url('../img/btn_logout-red.png') no-repeat;}
		.header .loginbox a.forget { display:inline; position:absolute; top:4px; right:0; font-size:12px; color:#999999;}
		.header .loginbox p { margin:5px 0 10px 0;}

		.nav_all{ width:840px; float:left; margin:-28px 0 0 0;}
		.nav_all ul.menu{}
				 ul.menu li{ position:relative; display:block; float:left; color:#fff; line-height:40px;}
				 ul.menu li a.navbtn { display:block; float:left; text-align:center; font-size:14px; color:#fff; font-weight:bold; padding:0 14px;}
				 ul.menu li a.navbtn:hover{ color:#ff0000; background:#fff;}		  
				 ul.menu ul.sub{ position:absolute; z-index:10; left:0px; top:40px; width:168px; padding:5px 10px 18px 10px; background:#fff; box-shadow:1px 5px 5px rgba(0,0,0,.3);}
				 ul.menu ul.sub li{ display:block; float:none;}
				 ul.menu ul.sub li a.subbtn{ display:block; height:35px; line-height:40px; font-size:13px; font-weight:bold; color:#000; padding:0 5px; border-bottom:1px dashed rgba(0,0,0,.3);}
				 ul.menu ul.sub li a:hover.subbtn{ color:#ff0000;}
			 ul.menu li>ul.sub { visibility: hidden;}
			 ul.menu li:hover>ul.sub { visibility: visible;}	



/*=== Main ===============================================================================================*/
.main_wrapper{ position:relative; margin:0 auto; z-index:1; top:0px; width:940px; background:#fff;}

	.main{ padding:220px 25px 50px 70px; background:url(../img/banner.png) top no-repeat;}
	.leftbox{ float:left; width:580px;}
	.rightbox{ float:right; width:250px;}
	.box_gray{ padding:15px; background:#ccc; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; margin:0 0 25px;}
	.box_gray01{ padding:15px; background:#eee; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #ddd; margin:0 0 25px;}

	.footer{ margin:0px -10px; font-size:11px; height:20px; line-height:0px; color:cfcfcf; padding:20px 60px; background:url(../img/footer_bg.png);}
		.footer a{ color:cfcfcf;}
		.footer a:hover{ color:#ff0000;}
		.footer span{ float:right;}


	h1{ display:block; font-size:20px; line-height:46px; height:46px; font-weight:600; color:#333; padding:0 0 20px 0;}
	h2{ font-size:20px; line-height:26px; font-weight:600; color:#00629f; padding-left:30px;}
	h3{}
	h4{ font-size:16px; color:#e40000; font-weight:normal;}
	h5{}
	h6{}
	h7{ color: #e40000;font-family: 'Arial', sans-serif;font-size:20px;margin-bottom: 10px;}
	h8{ color: #e40000;font-family: 'Arial', sans-serif;font-size:16px;margin-bottom: 10px;}
		p{ padding:0 0 25px 0;}

		ul.text{ padding:0 0 25px 0;}
			ul.text li{ padding:0 10px;/**/ line-height:1.8; border-bottom:1px dashed #ccc;}

		ul.list{ padding:0 0 25px 0; }
			ul.list li { background:url(../img/iconArrowD.gif) left top no-repeat; padding:0 0 5px 18px;}

		ul.type{ padding:0 0 25px 18px; background:url(../img/iconArrowD.gif) left top no-repeat; }
			ul.type li.title {font-size:14px; font-weight:bold;}
			ul.type li { }

/* Main */
div#main div#mainBanner {
	background: url('../img/bg_main_mainbanner.png') repeat-x;
	padding-top: 9px;
}
div#mainBanner div#mainBannerContainer {
	background: url('../img/bn_contents.jpg') no-repeat left top;
	height: 266px;
	position: relative;
}
div#mainBanner div#mainBannerContainer h1 {
	position: absolute;
	bottom: 0;
	height: 43px;
	line-height: 43px;
	padding: 0 70px;
}


div#mainContents1 {
	background: url('../img/bg_main_maincontents.png') repeat-x bottom;
	padding: 30px 30px 30px 70px;
	line-height: 1.5em;
}
div#mainContents1 p {
	margin-bottom: 10px;
}
div#main div#mainContents1 ul#indexHighlight {
	margin: 0;
	padding: 0;
}
div#main div#mainContents1 ul#indexHighlight li {
	float: left;
	width: 273px;
	margin: 0;
	padding: 0;
}
div#main div#mainContents1 ul#indexHighlight li p {
	line-height: 1.5em;
	margin-bottom: 2em;
}
div#main div#mainContents1 ul#indexHighlight li a {
	display: block;
	height: 34px;
}
div#main div#mainContents1 ul#indexHighlight li a.register {
	width: 104px;
	background: url('../img/btn_registernow.png') no-repeat;
}
div#main div#mainContents1 ul#indexHighlight li a.learn {
	width: 94px;
	background: url('../img/btn_learnmore.png') no-repeat;
}
div#main div#mainContents1 ul#indexHighlight li.listCenter {
	margin: 0 30px;
}





div#mainContents {
	background: url('../img/bg_main_maincontents.png') repeat-x bottom;
	padding: 30px;
	line-height: 1.5em;
}
div#mainContents p {
	margin-bottom: 10px;
}
div#main div#mainContents ul#indexHighlight {
	margin: 0;
	padding: 0;
}
div#main div#mainContents ul#indexHighlight li {
	float: left;
	width: 273px;
	margin: 0;
	padding: 0 0 0px 0;
	position: relative;
}
div#main div#mainContents ul#indexHighlight li p {
	line-height: 1.5em;
	margin-bottom: 2em;
}
div#main div#mainContents ul#indexHighlight li a.fix {
	display: block;
	height: 34px;
	position: absolute;
	bottom: 0;
	left: 0;
}
div#main div#mainContents ul#indexHighlight li a.register {
	width: 104px;
	background: url('../img/btn_registernow.png') no-repeat;
}
div#main div#mainContents ul#indexHighlight li a.learn {
	width: 94px;
	background: url('../img/btn_learnmore.png') no-repeat;
}
div#main div#mainContents ul#indexHighlight li.listCenter {
	margin: 0 30px;
}






/*============================================================================================================*/
br.clear{
	clear:both;
	height:0;
	line-height:0;
	font-size:0;
	color: #D6D6D6;
}
	.f_left{ float:left;}
	.f_right{
	float:right;
	font-weight: bold;
}
	.t_left{ text-align:left;}
	.t_right{ text-align:right;}
	.t_center{ text-align:center;}




/*===== 文字區 ===============================================================================================*/
.font_orange{ font-weight:bold;}
.font_yellow{ font-weight:bold; color:#f5a23a;}
.font_red{ font-weight:bold; color:#e84560;}
.font_green{ font-weight:bold; color:#75a230;}
.font_blue{ font-weight:bold; color:#3aadb8;}
.font_pink{ color:#bc1a64;}
.font_brown{ color:#551e02;}
.font_gray{ color:#999;}


.t1Content {font-family: "Arial", "Helvetica", "sans-serif"; font-size: 14px; line-height: 24px; color: #f40000; font-weight: bold;text-decoration: none;}
.Contentbb {font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; line-height: 16px; color: #333333; font-weight: bold;text-decoration: none;}
.contentLink {font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; line-height: 16px; color: #444; font-weight: normal;text-decoration: underline;}
.contentLink:hover {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	line-height: 16px;
	color: #f40000;
	font-weight: normal;
}
.contentLinkb {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	line-height: 16px;
	color: #f40000;
	font-weight: normal;
	text-decoration: underline;
}
.contentLinkb:hover {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	line-height: 16px;
	color: #f40000;
	font-weight: normal;
}
.contentred {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	line-height: 16px;
	color: #f40000;
	font-weight: normal;
	text-decoration: none;
}
.contentred:hover {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	line-height: 16px;
	color: #f40000;
	font-weight: normal;
}
/* Old Settings */
.txField {font-family: "Arial", "Helvetica", "sans-serif"; font-size: 14px; color: #666666; border: 1px solid #CCCCCC;}

.txField2 {font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; color: #666666; border: 1px solid #CCCCCC;}

.menuBackgr {background-image : url(menuBackgr.gif); background-repeat : repeat-x; background-position:bottom;} 

.txPath {font-family: "Arial", "Helvetica", "sans-serif"; font-size: 11px; color: #666; font-weight: normal;text-decoration: none;}

.txPathR {font-family: "Arial", "Helvetica", "sans-serif"; font-size: 11px; color: #f50000; font-weight: normal;text-decoration: none;}

.txTab {font-family: "Arial", "Helvetica", "sans-serif"; font-size: 11px; line-height: 17px; color: #666666; font-weight: normal;text-decoration: none;}

.txTitle {font-family: "Arial", "Helvetica", "sans-serif"; font-size: 16px; line-height: 16px; color: #000000; font-weight: normal;text-decoration: none;}

.txContent {font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; line-height: 18px; color: #333333; font-weight: normal;text-decoration: none;}

.txContentL {font-family: "Arial", "Helvetica", "sans-serif"; font-size: 14px; line-height: 18px; color: #333333; font-weight: normal;text-decoration: none;}



.pathLink {font-family: "Arial", "Helvetica", "sans-serif"; font-size: 11px; color: #444; font-weight: normal;text-decoration: none;}
.pathLink:hover {font-family: "Arial", "Helvetica", "sans-serif"; font-size: 11px; color: #444; font-weight: normal; text-decoration: underline;}

.pathLink2 {font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; color: #2a73b7; font-weight: normal;text-decoration: none;}
.pathLink2:hover {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #06F;
	font-weight: normal;
	text-decoration: underline;
}

.menuLink {font-family: "Arial", "Helvetica", "sans-serif"; font-size: 15px; color: #000000; font-weight: normal;text-decoration: none;}
.menuLink:hover {font-family: "Arial", "Helvetica", "sans-serif"; font-size: 15px; color: #f40000; font-weight: normal; text-decoration: underline;}

.menuLink2 {font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; line-height: 19px; color: #000000; font-weight: normal;text-decoration: none;}
.menuLink2:hover {font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; line-height: 19px; color: #f40000; font-weight: normal; text-decoration: underline;}

.tabLink {font-family: "Arial", "Helvetica", "sans-serif"; font-size: 14px; line-height: 20px; color: #000000; font-weight: normal;text-decoration: none;}
.tabLink:hover {font-family: "Arial", "Helvetica", "sans-serif"; font-size: 14px; line-height: 20px; color: #f40000; font-weight: normal; text-decoration: none;}

span.white {
	color: #ffffff;
}
/* Versatile Classes */
.f_right {float: right !important;}
.f_left {float: left !important;}
.f_clear {clear: both !important;}
.p_rel {position: relative;}
.ml0 {margin-left: 0px !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.mr0 {margin-right: 0px !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mt0 {margin-top: 0px !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt70 {margin-top: 70px !important;}
.mb0 {margin-bottom: 0px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.border5 {border: 5px solid #eeeeee;}
.underline {border-bottom: 1px dotted #cccccc;}
.f_red {color: #e40000;}
.f_large {font-size: 17px;line-height: 1.5em}
.disc{color: #e40000;list-style: disc inside;}
.disc span {color: #000000;}
.relative {position: relative;}
.w_200 {width: 200px;}
table.formset {border-collapse: separate;border-spacing: 2px;}
table.formset tr td {background: #f9f9f9;}
table.formset tr.white td, table.formset tr td.white {
	background: #ffffff;}
table.formset tr th {background: #f0f0f0;font-weight: normal;}
.table{
	border: 1px solid #dddddd;
	border-collapse: collapse;
}
.table .td {
	border: 1px solid #dddddd;
}

/*===== 按鈕區 ===============================================================================================*/
.btn_num{ width:85%; margin:10px auto; text-align:center; font-size:12px; color:#777;}
.btn_num a{ padding:0 5px; margin:0 2px; color:#777; background:#fff; border:1px solid #999;}
.btn_num a.stay ,
.btn_num a:hover{ color:#fff; background:#7fccd3; border:1px solid #5fb4c2; font-weight:bold;}

.btn01{ height:22px; padding:0 10px; margin:2px 5px; color:#777; border:1px solid #aaa; background:rgba(255,255,255,1); cursor:pointer;
		text-shadow:1px 1px 1px rgba(0,0,0,.2); -moz-text-shadow:1px 1px 1px rgba(0,0,0,.2); -webkit-text-shadow:1px 1px 1px rgba(0,0,0,.2);}
.btn02{ height:22px; padding:0 10px; margin:2px 5px; color:#000; border:1px solid #e40000; background:rgba(255,255,255,.7); cursor:pointer;}





/*===== 表格區 ===============================================================================================*/





/*----- text_bar --------------------------------------------------------------------------------------*/
.Input_Text{width:190px; height:21px; padding-left:5px; border:1px solid #ccc; color:#666; font-size:11px; line-height:21px; margin:0 10px;}	
	
.Text_Bar1{width:430px/*430px*/; height:22px; padding:0 5px; border:1px solid rgba(0,0,0,0.2); color:#333;
           font-size:15px; line-height:22px; margin:2px 5px; background:rgba(255,255,255,1);}		
.Text_Bar2{width:100px; height:22px; padding:0 5px; border:1px solid rgba(0,0,0,0.2); color:#333;
           font-size:15px; line-height:22px;  margin:2px 5px; background:rgba(255,255,255,1);}		
.Text_Bar3{width:200px; height:22px; padding:0 5px; border:1px solid rgba(0,0,0,0.2); color:#333;
           font-size:15px; line-height:22px; margin:2px 5px; background:rgba(255,255,255,1);}		
.Text_Bar4{width:350px/*430px*/; height:75px; padding:0 5px; border:1px solid rgba(0,0,0,0.2); color:#333;
           font-size:15px; line-height:22px; margin:2px 5px; background:rgba(255,255,255,1);}		
.Text_Bar5{width:150px; height:22px; padding:0 5px; border:1px solid rgba(0,0,0,0.2); color:#333;
           font-size:15px; line-height:22px;  margin:2px 5px; background:rgba(255,255,255,1);}

/* Log In box */
.roundBox {
	color: #222222;
	padding: 15px 25px;
	background: #ccc;
    border-radius: 15px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
	margin-left: 0px;
	margin-bottom: 20px;
	position: relative;
	behavior: url(PIE.htc);
}
.roundBox h3 {
	color: #999999;
	font-size: 16px; 
	font-weight: bold;
}
.roundBox input {
	color: #aaaaaa;
	display: block;
	font-size: 13px;
	padding: 5px;
	margin: 5px 0;
	width: 92%;
}
.roundBox a.login {
	margin-top: 15px;
	width: 63px;
	display: block;
	height: 34px;
	background: url('../img/btn_login.png') no-repeat;
}
.roundBox a.logout {
	margin-top: 15px;
	width: 75px;
	display: block;
	height: 34px;
	background: url('../img/btn_logout.png') no-repeat;
}
.roundBox a.forget {
	display: inline;
	position: absolute;
	font-size: 12px;
	top: 4px;
	right: 0;
	color: #999999;
}
.roundBox p {
	margin-top: 20px;
}


#cookie-law { 
    max-width:100%;
	height: 60px;
    background:#999999; 
    margin:0; 
}
 
#cookie-law p { 
	width: 940px;
    padding:10px; 
    font-size:12px; 
    font-family:Arial; 
    color:#fff; 
    margin:0 auto;
}

#cookie-law p a { 
    color:#fff; 
	text-decoration-line: underline;
}

#cookie-law p .privacyBarAcceptBtn{
	float: right;
	margin-left: 30px;
	border: 1px solid #fff;
	color: #fff;
	padding: 6px 20px;
	text-decoration: none;
}