body {
/*background:#a79e95;*/
background:url(../images/bg-body-img.jpg) repeat;
font-family: Tahoma, Verdana, Times New Roman, Arial, Serif;
font-size:14px;
color:#4d4d4d;
font-weight:normal;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height : 100%;
}

#mainbg{ 
height : 100%;
width : 100%;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#headbg{
/*background:#011a60;*/
background:url(../images/head-bg-img.jpg) repeat;
 float:left;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 width:100%;
 height:111px;
}

#wrapper-head {
margin:0px;
padding:0px;
border:#ff0000 0px solid;
width:1024px;
height:111px;
}

#headmain-left{
 float:left;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 50px;
 width:310px;
 height:111px;
 text-align:left;
}

#headmain-right{
 float:left;
 margin:0px 0px 0px 0px;
 padding:65px 0px 0px 0px;
 width:614px;
 height:46px;
}

#icon-menu {
float:right;
margin:0px;
padding:0px 0px 0px 0px;
}
#icon-menu li {
float:left;
width:35px;
height:36px;
display:inline;
padding: 0px 2px 0px 2px;
}
#icon-menu li a#menu-home{
    display:block;
	width:35px;
	height:36px;
	background:url(../images/icon-home.jpg) no-repeat ;
}
#icon-menu li a#menu-home:hover{
    display:block;
	width:35px;
	height:36px;
	background:url(../images/icon-home-over.jpg) no-repeat ;
}

#icon-menu li a#menu-contact{
    display:block;
	width:35px;
	height:36px;
	background:url(../images/icon-contact.jpg) no-repeat ;
}
#icon-menu li a#menu-contact:hover{
    display:block;
	width:35px;
	height:36px;
	background:url(../images/icon-contact-over.jpg) no-repeat ;
}

#icon-menu li a#menu-sitemap{
    display:block;
	width:35px;
	height:36px;
	background:url(../images/icon-sitemap.jpg) no-repeat ;
}
#icon-menu li a#menu-sitemap:hover{
    display:block;
	width:35px;
	height:36px;
	background:url(../images/icon-sitemap-over.jpg) no-repeat ;
}

/*==============Start Head Menu Line =============*/

#head-menu-left{
float:left;
background:url(../images/menu-left.jpg) no-repeat ;
width:50px;
height:89px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#head-menu-right{
float:left;
background:url(../images/menu-right.jpg) no-repeat ;
width:50px;
height:89px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#head-menu-body{
float:left;
width:914px;
height:89px;
background:url(../images/menu-bg.jpg) repeat-x ;
padding:0px 0px 0px 10px;
margin:0px 0px 0px 0px;
}

#head-menu-body ul {
	float:left;
	font-size:16px;
	font-weight:bold;
	margin:0px;
	padding:0px 0px 0px 0px;
}

#head-menu-body ul li {
	float:left;
	display:inline;
	padding: 0px 3px 0px 3px;
}

#head-menu-body ul li span{
    display:block;
	padding:15px 10px 0px 10px;
}

#head-menu-body ul li a{
    display:block;
	padding:30px 5px 0px 5px;
	color:#011A60;
	text-decoration:none;
	font-weight:bold;
}

#head-menu-body ul li a:hover{
    display:block;
	padding:30px 5px 0px 5px;
	color:#93c230;
	text-decoration:none;
	font-weight:bold;
}

/*================End Head Menu Line================*/

/*################### Start News box style ###################*/
#news-box{
background:url(../images/news-box.jpg) repeat-y left top ;
margin:13px 0px 0px 0px;
padding:15px 0px 0px 20px;
height:170px;
width:290px;
}

#news-box-topic{
float:left;
padding:0px 0px 0px 60px;
margin:0px 0px 0px 0px;
color:#93c230;
font-size:18px;
font-weight:bold;
}

#news-box-body{
float:left;
padding:10px 0px 0px 5px;
margin:0px 0px 0px 0px;
color:#93c230;
font-weight:bold;
}

#news-box-body a{font-weight:normal; color:#011a60; text-decoration:underline; }
#news-box-body a:hover{font-weight:normal; color:#ff8400; text-decoration:underline;}

/*###################End News box style ####################*/

#ntu-member{
float:left;
background:url(../images/head-green-bg.jpg) repeat-y left top ;
margin:0px 1px 0px 0px;
padding:0px 0px 0px 0px;
height:250px;
width:305px;
color:#ffffff;
}

#ntu-member p{ padding:5px 15px 5px 15px; text-align:left;}
#ntu-member p span { padding:1px 4px 1px 1px; text-align:left;}

#ntu-member p a{color:#ffffff; text-decoration:underline; }
#ntu-member p a:hover{color:#ffff00; text-decoration:underline;}

#ntu-member-head{
float:left;
background:url(../images/head-green.jpg) no-repeat left top ;
margin:0px 0px 0px 0px;
padding:15px 0px 0px 0px;
text-align:left;
height:41px;
width:305px;
}
#ntu-member-head h1{ font-size:22px; margin:0px 0px 0px 10px; font-weight:normal;}

#ntu-activities{
float:left;
background:url(../images/head-orange-bg.jpg) repeat-y left top ;
margin:0px 0px 0px 1px;
padding:0px 0px 0px 0px;
height:250px;
width:305px;
color:#ffffff;
}
#ntu-activities p{ padding:5px 15px 5px 15px; text-align:left;}
#ntu-activities p span { padding:1px 4px 1px 1px; text-align:left;}

#ntu-activities p a{color:#ffffff; text-decoration:underline; }
#ntu-activities p a:hover{color:#ffff00; text-decoration:underline;}


#ntu-activities-head{
float:left;
background:url(../images/head-orange.jpg) no-repeat left top ;
margin:0px 0px 0px 0px;
padding:15px 0px 0px 0px;
text-align:left;
height:41px;
width:305px;
}
#act-topic {float:left; font-size:22px; font-weight:normal; margin:0px 0px 0px 10px; width:200px;}
#act-link-all {text-align:right; padding:5px 0px 0px 0px;}
#act-link-all a{float:left; font-weight:normal; font-size:14px; color:#ffff00; text-decoration:underline; }
#act-link-all a:hover{float:left; font-weight:normal; font-size:14px; color:#ffff00; text-decoration:underline; }

#activitie-img{
	float:left;
	width:305px;
	height:100px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#img-src{
	float:left;
	width:248px;
	height:60px;
	padding:12px 3px 0px 15px;
	margin:0px 0px 0px 0px;
}

#img-order{
float:left;
width: 20px;
height:100%;
padding:11px 0px 0px 0px;
margin:0px 0px 0px 0px;
border:#000000 0px solid;
}

#img-order ul {
	float:right;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	list-style-type:none;
}

#img-order ul li {
	float:left;
	padding:0px 1px 0px 1px;
	margin:1px 0px 1px 0px;
	font-size:10px;
}

#img-order ul li a.normalstate{ display:block; background: #ffffff; border:#ffffff 1px solid; width:10px; height:10px; padding:2px 2px 2px 2px; text-decoration:none; color:#000000; text-align:center;}
#img-order ul li a.normalstate:hover{display:block;  background-color: #ffff00; border:#ffff00 1px solid;  width:10px; height:10px; padding:2px 2px 2px 2px; text-decoration:none; color:#000000; text-align:center;}
#img-order ul li a.activestate{display:block; background-color: #ffff00; border:#ffff00 1px solid;   width:10px; height:10px; padding:2px 2px 2px 2px; text-decoration:none; color:#000000; text-align:center;}
#img-order ul li a.activestate:hover{display:block; background-color: #ffff00; border:#ffff00 1px solid; width:10px; height:10px; padding:2px 2px 2px 2px; text-decoration:none; color:#000000; text-align:center;}

#activitie-detail{
	float:left;
	width:305px;
	height:100px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#activitie-detail p a{color:#ffffff; text-decoration:underline; }
#activitie-detail p a:hover{color:#ffff00; text-decoration:underline;}


#marquee-news{
float:left;
background:url(../images/bg-marquee-news.jpg) no-repeat left top ;
padding:4px 0px 0px 10px;
margin:0px 0px 0px 0px;
width:602px;
height:27px;
text-align:left;
}

#marquee-news a { font-size:14px; text-decoration:none;}
#marquee-news a:hover { font-size:14px; text-decoration:none;}


#stream-login{
float:left;
width:310px;
height:125px;
}

#stream-login a{display:block; width:310px; height:125px; background:url(../images/streaming-login.jpg) no-repeat left top;}
#stream-login a:hover{display:block; width:310px; height:125px; background:url(../images/streaming-login-over.jpg) no-repeat left top;}

#five-icon {
float:left;
width:944px;
padding:20px 0px 20px 80px;
margin:0px 0px 0px 0px;
}

.branchbox{
	float:left;
	width:175px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.boxbody{
	border:#FFCC33 0px solid;
	text-align:center;
	width:108px;
}

.branchbox a.icon-text{
	padding:4px 0px 2px 0px;
	color:#A8DB00;
	text-decoration:none;
}

.branchbox a.icon-text:hover{
	padding:4px 0px 2px 0px;
	color:#ff8400;
	text-decoration:underline;
}


#icon-index1{color:#A8DB00; text-decoration:none; display:block; width:80px; height:105px; margin:0px 0px 0px 20px; background:url(../images/icon-index1.jpg) no-repeat left top;}
#icon-index1:hover{color:#ff8400; text-decoration:underline; display:block; width:80px; height:105px; margin:0px 0px 0px 20px;  background:url(../images/icon-index1-over.jpg) no-repeat left top;}

#icon-index2{display:block; width:80px; height:105px; background:url(../images/icon-index2.jpg) no-repeat left top;}
#icon-index2:hover{display:block; width:80px; height:105px; background:url(../images/icon-index2-over.jpg) no-repeat left top;}

#icon-index3{display:block; width:85px; height:105px; background:url(../images/icon-index3.jpg) no-repeat left top;}
#icon-index3:hover{display:block; width:85px; height:105px; background:url(../images/icon-index3-over.jpg) no-repeat left top;}

#icon-index4{display:block; width:95px; height:105px; background:url(../images/icon-index4.jpg) no-repeat left top;}
#icon-index4:hover{display:block; width:95px; height:105px; background:url(../images/icon-index4-over.jpg) no-repeat left top;}

#icon-index5{display:block; width:80px; height:105px; background:url(../images/icon-index5.jpg) no-repeat left top;}
#icon-index5:hover{display:block; width:80px; height:105px; background:url(../images/icon-index5-over.jpg) no-repeat left top;}



#bodybg{
 /*background:#FFFFFF; 
 float:left; */
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 width:100%;
  }

#wrapper-body {
background:url(../images/bg-body.jpg) repeat-y left top ;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border:#ff0000 0px solid;
height:100%;
width:1024px;
}

#body-content{
	float:left;
	background:url(../images/bg-body.jpg) repeat-y;
}

#bodymain-left{
 float:left;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 50px;
 width:310px;
 height:100%;
 text-align:left;
}

#ntuintro{
 float:left;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 20px;
 width:250px;
 height:210px;
 text-align:left;
}
#ntuintro p{
 line-height:1.2em;
 margin-top:0px;
 margin-bottom:10px;
 padding:0px 0px 0px 0px;
 }


#bodymain-right{
 float:left;
 margin:0px 0px 0px 0px;
 padding:0px 50px 0px px;
 width:614px;
 height:100%;
}


#bottombg{
 float:left;
 background:#011a60;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 width:100%;
 height:109px;
}

#wrapper-bottom {
margin:0px;
padding:0px;
border:#ff0000 0px solid;
height:100%;
width:1024px;
}

#bottommain-left{
 float:left;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 50px;
 width:310px;
 height:109px;
 text-align:left;
}

#bottommain-lefttop{
 float:left;
 background:#FFFFFF;
 margin:0px 0px 0px 0px;
 padding:10px 0px 0px 10px;
 width:300px;
 height:70px;
}

#bottommain-leftdown{
 float:left;
 margin:0px 0px 0px 0px;
 padding:5px 0px 0px 0px;
 width:310px;
 height:24px;
 text-align:center;
}

#bottommain-right{
 float:left;
 margin:0px 0px 0px 0px;
 padding:10px 50px 0px 0px;
 width:614px;
 height:99px;
 text-align:right;
 color:#a8db00;
 font-size:13px;
}







#banner {
    float:left;
	width:716px;
	height:150px;
	padding:0px 0px 0px 15px;
	margin:0px 0px 0px 0px;

}

#banner-img {
    float:left;
	width:684px;
	height:140px;
	background-color:#cccccc;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#banner-img img a{
	border:0px;
	
}

 #banner-selimg {
	float:left; 
	width:26px;
	height:100px;
	text-align:left;
 }

#banner-selimg ul{
width:26px;
 height:150px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#banner-selimg ul li {
list-style:none;
display:block;
width:21px;
padding:4px 0px 4px 5px;
margin:2px 0px 2px 0px;
border-bottom: #000000 0px solid;
}


#col1 h1{ margin:0px; padding:0px 0px 10px 0px; color:#ed1c24;}
#col2 h1{ margin:0px; padding:0px 0px 5px 0px; color:#43b7f1;}
#col3 h1{ margin:0px; padding:0px 0px 5px 0px; color:#87ba54;}

#col1 p{ margin:0px; padding:0px;color:#ed1c24;}
#col2 p{ margin:5px 0px 5px 0px; line-height:1.3em; text-align:left;}
#col3 p{ margin:5px 0px 5px 0px; line-height:1.3em; text-align:right;}

#col1 p a{ color:#ed1c24; text-decoration:underline;}
#col2 p a{ color:#43b7f1; text-decoration:underline;}
#col3 p a{ color:#87ba54; text-decoration:underline;}

#col1 div.img-news{ float:left; width:52px; height:52px;}
#col1 div.short-news{float:left; width:173px; padding: 0px 10px 0px 10px; text-align:left;}
#col1 div a.news-topic{color:#ed1c24; font-weight:bold; font-size:14px; text-decoration:underline;}
#col1 div a {color:#737373; text-decoration:underline;}
#col1 h3{ margin:0px; padding:0px; color:#ed1c24;}

.link15:active {font-family: arial; font-size: 15px;  color: #737373; text-decoration: none; padding:2px 2px 2px 2px;} 
.link15:link {font-family: arial; font-size: 15px;  color: #737373; text-decoration: none; padding:2px 2px 2px 2px;} 
.link15:visited {font-family: arial; font-size: 15px; color: #737373; text-decoration: none; padding:2px 2px 2px 2px;} 
.link15:hover {font-family: arial; font-size: 15px; color: #ff0000; text-decoration: none; padding:2px 2px 2px 2px;}



.grayblue:active {color: #4d4d4d; text-decoration: none;} 
.grayblue:link {color: #4d4d4d; text-decoration: none; } 
.grayblue:visited {color: #4d4d4d; text-decoration: none;} 
.grayblue:hover {color: #68c7ff; text-decoration: none;}

.greenwhite:active {color: #a8db00; text-decoration: none;} 
.greenwhite:link {color: #a8db00; text-decoration: none; } 
.greenwhite:visited {color: #a8db00; text-decoration: none;} 
.greenwhite:hover {color: #FFFFFF; text-decoration: none;}

.blueora:active {color: #0099ff; text-decoration: none;} 
.blueora:link {color: #0099ff; text-decoration: none; } 
.blueora:visited {color: #0099ff; text-decoration: none;} 
.blueora:hover {color: #ff8400; text-decoration: none;}

.greenora:active {color: #a8db00; text-decoration: none;} 
.greenora:link {color: #a8db00; text-decoration: none; } 
.greenora:visited {color: #a8db00; text-decoration: none;} 
.greenora:hover {color: #ff8400; text-decoration: none;}