@charset "UTF-8"; 

* {margin:0;padding:0}
.fleft {float:left}
.fright {float:right}
.fclear {clear:both}

a:hover {text-decoration:none;color:#CC0000}

body {background:#e1e0dd url(images/bg.jpg) top repeat-x;font:13px Verdana,Arial,Helvetica,sans-serif;color:#000}
blockquote {
	margin: 1em 3em;
	padding: .5em;
	}
#content {margin:0 auto;width:955px; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 13px;text-align:justify; line-height:1.5em;background:url(images/bg_c.gif) repeat-y}
#content2 {background:url(../ITC2018/images/footer.gif) bottom no-repeat}
#content3 {background:url(images/Ebanner_18ITC.jpg) center top 48px no-repeat; background-size: 100%;	padding-top:1px;}

.tables {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px;    letter-spacing:1px;}
.tables td padding: 
{padding="10px"; } 

#main {padding-top:30px;}
#header {height:420px}




.headerMenu-chinese{
	
	padding:10px 10px 10px 10px;
	font-size:16px;
	font-family: 新細明體, 標階體;
	color: #FFFFFF;
	text-align:center;
	font-weight:bold;
	background:url(images/menu.png) center no-repeat;
	}
	
.headerMenu-chinese a:link {  color: #FFFFFF; text-decoration:none}
.headerMenu-chinese a:visited {  color: #FFFFFF; text-decoration:none}
.headerMenu-chinese a:active {  color: #FFCC33; text-decoration:none}
.headerMenu-chinese a:hover {  background:url(images/b2.jpg) 0 4px repeat-x; color: #FF0000; text-decoration:none}


.tablescontent {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 13px;  text-align:center; text-transform:uppercase; letter-spacing:2px;}
.tablescontent  TD:hover{
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
font-size: 13px;
color: #CC0000; 
display: table-cell;
background:url(images/b2.jpg) repeat-x;  color: #FF0000; text-decoration:none;
} 
.tablescontent  a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FFFFFF;
text-decoration: none;
}
.tablescontent  a:hover {
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
font-size: 13px;
color: #CC0000;
text-decoration: none;
}


.titl_right {height:29px;padding-top:14px;font-size:14px;font-weight:bold;text-transform:uppercase;letter-spacing:2px;color:#fff;background:url(images/right-title.jpg) left no-repeat;margin:0; }

#lotus {;margin-left:0;;width:600px;padding:5px 16px 0 5px; background:url(images/Lotus.png) no-repeat;}


#menu {margin:0 auto;width:956px;height:48px;margin-top:0;margin-bottom:0px;padding:0 0 0 0px;background:url(images/menu.png) center no-repeat;text-align:center}
#menu ul {list-style:none}
#menu li {display:inline}


#left {width:640px;padding:6px 6px 0 10px;margin-left:0;float:left; letter-spacing;1px;}
#left H2 {background:url(images/bg_tl.jpg) 0 0 no-repeat;border-bottom:1px solid #c52202;font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#c52202;font-weight:bold; text-transform:uppercase; letter-spacing:2px; padding:0px 5px 5px 25px; margin-top:30px; margin-bottom:15px;}
#left H3 {font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#c52202;padding:2px 0 5px 20px;font-weight:bold; text-transform:uppercase;line-height:20px; letter-spacing:1px;}


#right ul {list-style:none;margin-bottom:10px}
#left li ul {list-style:circle;border:0;margin-left:2em;margin-bottom:10px;padding-top:15px; }

#left ul {margin:10px 25px; list-style:disc; line-height:1.5em;}
#left ul li { margin-bottom: 15px;}
#left a {color:#CC0000;text-decoration:none}
#left a:hover {text-decoration:none;color:#fb8d00}

.ug {background:url(images/tit_r_bg.jpg) 0 0 no-repeat;padding:10px 10px 10px 10px}

#right {float:right;width:255px;background:url(../ITC2018/images/titl2_b.jpg) 6px 40px no-repeat; padding-top:65px;}
#right H4 {margin:0;font-size:12px;color:#4DA0C6;padding-left:10px; padding-top:10px}
#right a {color:#4DA0C6;text-decoration:none}
#right a:hover {color:#4DA0C6;text-decoration:none}

#right p {margin:0;padding:0 10px 0 10px;padding-bottom:10px}
#right h2 {height:27px;padding:5px 0 0 20px;margin:0;color:#fff;background:url(../ITC2018/images/titl2.jpg) no-repeat;font-size:18px}
#right ol, #right ul {margin-left:30px}
#bottom {background:url(images/bottom.gif) left no-repeat; padding-left:1px; height:18px }
#footer {height:48px;clear:both;padding-top:18px;background:url(../ITC2018/images/bot_bg.jpg) repeat-x}
#footer div {padding:0 17%}
#footer p {margin:0;font-size:10px;text-align:center;color:#000}
#footer a {color:#000}

.Chinese{
	
font-family: 新細明體, 標階體;
font-size:20px;
color: #FFFF33;
text-align:center;
font-weight:bold;
	}
	
.Chinese a:link {  color: #FFFF33; text-decoration:none}
.Chinese a:active {  color: #FFCC33; text-decoration:none}
.Chinese a:hover {  color: #CC0000; text-decoration:none}

#hor-minimalist
{
	font-family: "Verdana", "Arial", Sans-Serif;
	font-size: 13px;
	background: #fff;
	margin: 5px;
	width: 95%;
	border-collapse: collapse;
	text-align: left;
}


#hor-minimalist th
{
	font-size: 13px;
	font-weight: normal;
	padding: 10px 8px;
	border-bottom: 2px solid #CC0000;
}
#hor-minimalist td
{
	border-bottom: 1px solid #ccc;
	
	padding: 6px 8px;
}
#hor-minimalist tbody tr:hover td
{
	color: #CC0000;
}



#box-table
{
	font-family: "Verdana", "Arial", Sans-Serif;
	font-size: 12px;
	margin: 5px;
	width: 95%;
	text-align: left;
	border-collapse: collapse;
}
#box-table th
{
	font-size: 13px;
	font-weight: normal;
	padding: 4px;
	background: #CC0000;
	border-top: 2px solid #ffcc00;
	border-bottom: 1px solid #fff;
	color: #ffffff;
}
#box-table td
{
	padding: 8px;
	background: #ffffff; 
	border-bottom: 1px solid #CC0000;
	color: #000000;
	border-top: 1px solid #CC0000;
}
#box-table tr:hover td
{
	background: #ffcc00;
	color: #ffffff;
}

.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;}@-webkit-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	25%, 75% {opacity: 0;}
}

@-moz-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@-o-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

.flash {
	-webkit-animation-name: flash;
	-moz-animation-name: flash;
	-o-animation-name: flash;
	animation-name: flash;
}