p, div, html, body, img, h1, h2, ul, li, h3, h4, dl, dt, dd, ol, input{margin:0; padding:0; font-family:Microsoft JhengHei;}
body { background:url("../images/bg.jpg") center top no-repeat; background-color:#fff; overflow-y:scroll }
img{border:0;}


/*外層包圍*/
#wrapper  {width: 1000px; margin:0 auto;}
#container {float:left; width:1000px; margin: 0 ;background:url("../images/container_bg.png") center top repeat-y ;}

/*頂層*/
#header { width:1000px; height:157px; margin:0 auto; background:url("../images/header_bg.png") center top no-repeat ;}
#header_menu { float:left; width:800px; height:61px; margin:96px 0 0 152px;}
#header_menuin { float:left;  margin: 0 50px 0 0;}

/*footer*/  
#footer { float:left; width:1000px; height:60px; background:url("../images/footer_bg.png") center top no-repeat ;}
#footer_type { float:right; margin: 25px 10px 0 0;}
#footer_type {font:11px/16px Arial, Helvetica, sans-serif; color:#333; text-align:right;}
#footer_type a{font:11px/16px Arial, Helvetica, sans-serif; text-decoration: none; color:#333;}
#footer_type a:hover{ text-decoration:underline; color:#F60;}

/*banner*/
#container_banner { float:left; width:1000px; background:url("../images/con_box02a.png") center top repeat ;}
.index_banner02 { width:980px; height:519px; z-index:10; margin:0 10px;}
#banner_main {position: absolute;width:980px; height:519px;z-index:20; margin: 0 10px; background:url("../images/banner_s.png") center top no-repeat ; }
#banner_type { position: absolute ; width:980px; height:229px; z-index:30; margin: 290px 0 0 0px; }


/*index*/
#index_main { float:left; width:980px; margin: 25px 10px ;}
#indexleft_main { float:left; width:432px; margin: 0 38px; }
#indexright_main { float:left; width:432px;}
#index_title {float:left; width:432px; height:35px;}
#index_typeleft { float:right; width:385px; margin: 30px 0 0 0; }
#index_typeright { float:right; width:372px; margin: 30px 0 0 0; }

/* index btn effect */
.boxgrid{ width: 145px; height: 145px; 	margin:10px; float:left; background:#000; background:url("../images/index_btn_bg.jpg") center top no-repeat ; overflow: hidden; position: relative; }
.boxgrid img{ position: absolute; top: 0; left: 0; border: 0; }
.boxgrid p, .boxgrid h3{ padding: 5px 5px 0 5px; }				
.boxcaption{ float: left; position: absolute; background: #000; height: 80px; margin:10px;width: 100%; 	opacity: .8; 
			/* For IE 5-7 */filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
			/* For IE 8 */	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";	}
.captionfull .boxcaption { top: 10;	left: 20;}
.caption .boxcaption {top: 100;	left: 10;}

/*inner*/
#inner_banner { float:left; width:980px; height:235px;  margin: 0 10px;}
#inner_main { float:left; width:930px; margin: 0 35px ;}
#inner_lefttype { float:left; width:660px; margin: 15px 0;}
#inner_leftpic { float:right; width:240px; margin: 15px 0;}
#inner_righttype { float:right; width:660px; margin: 15px 0;}
#inner_rightpic { float:left; width:240px; margin: 15px 0;}

/*about us*/
#ab_lefttype_cross { float:left; width:520px; margin: 0 0;}
#ab_leftpic_cross { float:right; width:360px; margin: 0 0; padding: 40px 0 0 0; }
#ab_righttype_cross { float:right; width:520px; margin: 0 0;}
#ab_rightpic_cross { float:left; width:360px; margin: 0 0; padding: 55px 0 0 0;}
#ab_type { float:left; width:930px; margin: 0 0;}
#ab_type02 { float:left; width:930px; margin: 0 0 35px 0;}

/*services*/
#se_lefttype { float:left; width:640px; margin: 15px 0;}
#se_leftpic { float:right; width:240px; margin: 15px 0; padding: 28px 0 0 0;}
#se_righttype { float:right; width:640px; margin: 15px 0;}
#se_rightpic { float:left; width:240px; margin: 15px 0; padding: 28px 0 0 0;}

#se_lefttype_cross { float:left; width:520px; margin: 15px 0;}
#se_leftpic_cross { float:right; width:360px; margin: 15px 0; padding: 28px 0 0 0;}
#se_righttype_cross { float:right; width:520px; margin: 15px 0;}
#se_rightpic_cross { float:left; width:360px; margin: 15px 0;padding: 28px 0 0 0;}
.clean { clear:both;}

.se_menu { padding: 0; clear: both; }
.se_menu li { display: inline; }
.se_menu li a { background: #fff; padding: 10px 23px ;  float:left; border-right: 1px solid #ccf; border-bottom: none; text-decoration: none; color: #333; font-weight: bold;}
.se_menu li a.last{ border-right: none;}
.se_menu li.active a { background: #b6d6eb; }
.se_content { float: left; clear: both; border-top: 1px solid #ccf; background: #fff; padding: 15px 10px; width: 900px; margin: 10px 0 0 0; }

#se_type {float:left; width:900px; margin: 0 0;}

/*courses*/
#co_left { float:left; width:250px; margin: 15px 0;}
#co_left_menu { float:left; width:240px; margin:  0 0 15px 0;}
#co_right { float:right; width:640px; margin: 15px 0; border-left: 1px solid #ccf; padding:0 0 0 30px;}
#co_right_main { float:right; width:640px; margin: 0 0 15px 0;}
#co_right_pic { float:left; width:310px; height: 210px; margin: 0 10px 0 0 ;}

.cofont_12pxlink{font: 13px/15px Arial, Helvetica, sans-serif; color: #333;}
.cofont_12pxlink:link{text-decoration: none;}
.cofont_12pxlink:hover{ text-decoration:none; color: #f00;}

/*contact us*/
#contact_title { float:left; height:201px; }
#contact_main { float:left; width:820px; margin: 10px 0 50px 55px; }
#contact_address { float:left; width:280px;  margin:15px 0 ; padding: 0 0 0 20px; }
#contact_from { float:right; width:580px; margin:15px 0 ; border-left: 1px solid #c4ac9b; padding: 0 0 0 40px ;}
.contact_box01{font:12px Arial, Helvetica, sans-serif; text-decoration: none; color:#333;width: 360px;border: 1px solid #666;height: 15px;background-color: #fff;padding: 2px;}
.contact_box02{font:12px Arial, Helvetica, sans-serif; text-decoration: none; color:#333;width: 360px;border: 1px solid #666;height: 100px;background-color: #fff;padding: 2px;}
#contact_mail { float:left; width:143px; height:16px;}
#contact_sendbox { float:right;}

#sitemap_title { float:left; height:201px; }
#terms_main { float:left; width:820px; margin: 10px 0 50px 55px; }

/*font*/
p {font:13px/20px Arial, Helvetica, sans-serif; color: #333; text-align:justify;}
h1 {font:bold 22px/25px Arial, Helvetica, sans-serif; color: #333;}
h2 {font:bold 16px Arial, Helvetica, sans-serif; color: #333;}
h3 {font:bold 14px/25px Arial, Helvetica, sans-serif; color: #333;}
h5 {font:11px Arial, Helvetica, sans-serif; color: #333;}

.font_11px{font:11px Arial, Helvetica, sans-serif; color: #333;}

.font_11pxlink{font: 11px Arial, Helvetica, sans-serif; color: #333;}
.font_11pxlink:link{text-decoration: none;}
.font_11pxlink:hover{ text-decoration:underline;}

.font_12pxlink{font: 13px/15px Arial, Helvetica, sans-serif; color: #333;}
.font_12pxlink:link{text-decoration: none;}
.font_12pxlink:hover{ text-decoration:none; color:#f00;}

.font_13pxboldlink{font: bold 13px/20px Arial, Helvetica, sans-serif; color: #333;}
.font_13pxboldlink:link{text-decoration: none;}
.font_13pxboldlink:hover{ text-decoration:underline;}

.font_15pxbold333link{font: bold 15px/25px Arial, Helvetica, sans-serif; color: #333;}
.font_15pxbold333link:link{text-decoration: none;}
.font_15pxbold333link:hover{ text-decoration:underline;}

.font_15pxboldlink{font: bold 15px/25px Arial, Helvetica, sans-serif; color: #af2929}
.font_15pxboldlink:link{text-decoration: none;}
.font_15pxboldlink:hover{ text-decoration:underline;}




/* First Level UL List */
#accordion {margin:0;padding:0;	list-style:none;}
#accordion li {	width:218px height: 35px;;}
#accordion li a {display: block;width: 218px; height: 35px;	text-indent:-999em;	outline:none;}
/* Using CSS Sprite for menu item */
#accordion li a.q01 {background:url("../images/index_sc_01.jpg") left top no-repeat ;	}
#accordion li a.q01:hover, .q01Over {background:url("../images/index_sc_01on.jpg") left top no-repeat !important;	}
#accordion li a.q02 {background:url("../images/index_sc_02.jpg") left top no-repeat ;	}
#accordion li a.q02:hover, .q02Over {background:url("../images/index_sc_02on.jpg") left top no-repeat !important;	}
#accordion li a.q03 {background:url("../images/index_sc_03.jpg") left top no-repeat ;	}
#accordion li a.q03:hover, .q03Over {background:url("../images/index_sc_03on.jpg") left top no-repeat !important;	}
#accordion li a.q04 {background:url("../images/index_sc_04.jpg") left top no-repeat ;	}
#accordion li a.q04:hover, .q04Over {background:url("../images/index_sc_04on.jpg") left top no-repeat !important;	}
#accordion li a.q05 {background:url("../images/index_sc_05.jpg") left top no-repeat ;	}
#accordion li a.q05:hover, .q05Over {background:url("../images/index_sc_05on.jpg") left top no-repeat !important;	}
#accordion li a.q06 {background:url("../images/index_sc_06.jpg") left top no-repeat ;	}
#accordion li a.q06:hover, .q06Over {background:url("../images/index_sc_06on.jpg") left top no-repeat !important;	}
#accordion li a.q07 {background:url("../images/index_sc_07.jpg") left top no-repeat ;	}
#accordion li a.q07:hover, .q07Over {background:url("../images/index_sc_07on.jpg") left top no-repeat !important;	}
/* Second Level UL List*/
#accordion ul {	background:url("../images/index_sc_bg.jpg") left top repeat-y ; width:218px; margin:0;	padding:0;	display:none;}
#accordion ul li { height:30px;	}
/* styling of submenu item */
#accordion ul li a {width:187px; height:30px; margin:5px 0 0 10px;	padding:5px 0 0 20px; border-bottom: 1px dotted #777;	text-indent:0;		text-decoration:none;}
/* remove border bottom of the last item */
#accordion ul li a.last {border-bottom: none;}

.content{ width:930px; padding:0px; margin:0px;}
.content ul{ list-style:none; float:left}
.content ul li { width:300px; float:left; padding-left:0px;}
.content ul li a{font: 13px/20px Arial, Helvetica, sans-serif; color: #333; text-align: justify; text-decoration:none;}		
.content ul li a:hover{ color:#FF0000}
.content02 { width:640px; padding:0px; margin:0px;}
.content02 ul { list-style:none; float:left}
.content02 ul li { width:210px; float:left; padding-left:0px;}
.content02 ul li a{font: 13px/20px Arial, Helvetica, sans-serif; color: #333; text-align: justify; text-decoration:none;}	
.content02 ul li a:hover{ color:#FF0000}
.content03 { width:520px; padding:0px; margin:0px;}
.content03 ul { list-style:none; float:left}
.content03 ul li { width:260px; float:left; padding-left:10px;}
.content03 ul li a{font: 13px/20px Arial, Helvetica, sans-serif; color: #333; text-align: justify; text-decoration:none;}	
.content03 ul li a:hover{ color:#FF0000}