/*全局樣式*/
html,ul,li,td,tr,table,input{margin:0px ; padding:0px}
ol, ul ,li{list-style: none;}
body{margin:0px auto;font-family: Arial,Verdana, Helvetica, sans-serif,"微軟正黑體","Microsoft JhengHei";font-size:13px;background-color:#dceef8;background-image:url(all_bg1.gif);background-repeat:repeat-y;background-position:top center;color:#333; text-align:center }
/*
body{margin:0px auto;font-family: Arial,Verdana, Helvetica, sans-serif,"微軟正黑體","Microsoft JhengHei";font-size:13px;background-color:#dceef8;background-image:url(all_bg1.gif);background-repeat:repeat-y;background-position:top center;color:#333; text-align:center }
a {font-size: 12px;color: #333333;}
*/
a:link {text-decoration: none;}
a:visited {text-decoration: none;color: #333333;}
a:hover {text-decoration: underline;color: #000000;cursor:pointer;}
a:active {text-decoration: none;color: #333333;}
input,select{vertical-align:middle;}
.td{border-bottom:1px #CCCCCC dashed;}
.td_word {
    word-wrap: break-word;
	}
/*圖片樣式*/
img{border:0}
.img:visited img{border: 1px solid #cccccc;}
.img img{border: 1px solid #cccccc;padding:5px;}
.img:hover img{border: 1px solid #ff0000;}
.img:hover{color: #CCCCCC; }
.dd5 {clear:both;height:0px;}
.dd{height:12px;}

/*頂部*/
.all_box {width:900px;margin:0px auto 0px ;text-align:center;}

.top_box {float:left;position:relative;width:900px;z-index:1200;border:0px blue solid;}
	
.top_box  .logo{float:left;position:relative;width:588px;height:45px;margin:57px 0 0 12px;border:0px blue solid;z-index:100}	
	
.top_box  .login{float:right;margin-right:10px;margin-top:15px;width:630px;height:26px;line-height:26px;border:0px blue solid;}	
.top_box  .login .left{float:left;width:300px;height:26px;line-height:26px;border:0px blue solid;	}		
.top_box  .login .right{float:right;width:320px;height:26px;line-height:26px;	border:0px blue solid;}
	
	
.top_box  .nav{float:left;margin-top:6px;width:900px;height:51px;line-height:51px;margin-top:30px;border:px blue solid;}		
.top_box  .nav ul{float:left;width:auto;height:51px;line-height:51px;margin-left:20px;border:0px blue solid}		
.top_box  .nav ul li{float:left;width:auto;height:51px;line-height:51px;padding:0 15px 0 15px;border:0px blue solid;}		
.top_box  .nav .nolink{float:left;width:auto;height:51px;line-height:51px;background:none;padding:0 18px 0 18px;border:0px blue solid;}
.top_box  .nav ul li a{font-size:15px;font-weight:bold;color:#555;text-decoration: none;}
.top_box  .nav ul li a:hover{color:#C9AB60;text-decoration: none;}
	
.top_box  .flvtxt {float:right;width:450px;height:22px;line-height:22px;background:url(t_hint.gif) no-repeat left center;padding-left:6px;margin-top:10px;text-align:left;color:#f8792d;border:0px blue solid}
.top_box  .flvtxt .ftitle {float:left;width:auto;height:22px;line-height:22px;margin-left:5px;text-align:left;color:#f8792d}
.top_box  .flvtxt .fcon {float:right;width:380px;height:22px;line-height:22px;text-align:left;color:#888}
.top_box  .flvtxt .fcon {float:right;width:380px;height:22px;line-height:22px;text-align:left}

.top_box  .sitemap {float:right;position:relative;width:181px;height:39px;margin-top:59px;border:0px blue solid;z-index:1000}
/*
.top_box  .sitemap {float:right;width:242px;height:22px;margin-top:59px;border:0px blue solid;z-index:1000}
.top_box  .sitemap span{float:left;width:260px;font-size:18px;color:#219ee7;text-align:center;margin-left:0}		
.top_box  .sitemap ul{float:right;width:auto;border:0px blue solid;list-style:none;text-align:left;margin-left:0}		
.top_box  .sitemap ul li{float:left;width:auto;height:22px;line-height:22px;background:url(dl.gif) no-repeat right center;padding:0 35px 0 35px;border:0px blue solid;text-align:left;}
.top_box  .sitemap ul li:first-child{padding-left:0}
.top_box  .sitemap ul li:last-child{padding-right:0}
.top_box  .sitemap .nobg{background:none;padding-right:0}	
.top_box  .sitemap ul li:hover{color:orange;}
.top_box  .sitemap ul li a{font-size:18px;color:#219ee7;text-decoration: none;}
.top_box  .sitemap ul li a:hover{color:orange;text-decoration: none;}
*/
.top_box .adlink{float:left;width:auto;height:32px;padding:2px 0px 2px 0px;margin:10px 0 0 6px;border:0px blue solid;}			
.top_box .adlink  img{width:32px;height:32px;margin:0 2px 0 2px}

.top_box .logusr{float:right;width:auto;height:20px;margin:3px 12px 0 12px;border:0px blue solid;}	
/*頂部完*/	

.top_alt {float:left;width:940px;height:290px;margin:auto;border:0px blue solid;margin-left:42px}
.top_alt .flv_alt{float:right;width:940px;height:290px;line-height:290px;border:0px blue solid;text-align:center;}


/*中部*/	
.mcon {float:left;width:900px;margin-top:10px;padding:0px 0 0px 0;text-align:center;border:0px blue solid}


.mleft {float:left;width:185px;margin:0px auto 0px ;text-align:center;border:0px red solid;}
	
.mleft .recruit {float:left;position:relative;width:175px;height:276px;background:url(l_recruitbg.gif) no-repeat;padding:50px 5px 0 5px;text-align:left;color:#219ee7;}
.mleft .recruit .recbut{float:left;display:inline-block;width:104px;height:19px;line-height:19px;background:url(l_detail.gif) no-repeat;color:white;text-align:center;margin:6px 0 0 35px}
.mleft .recruit .recbut  a{color:#fff;text-decoration: none}
	
.mleft .top {float:left;position:relative;width:185px;height:7px;background:url(l_menutbg_top.gif) no-repeat;margin-top:1px;z-index:200}	
.mleft .mid {float:left;position:relative;width:170px;background:url(l_menutbg_mid.gif) repeat-y;padding:15px 5px 15px 10px;text-align:left;color:#219ee7;}
	
.mleft .mid  ul li{float:left;width:160px;height:37px;line-height:37px;background:url(l_itembg.gif) no-repeat left center;text-align:left;margin-left:0px;border:0px blue solid;text-align:left;padding-left:10px;margin:7px 0 7px 0}
.mleft .mid  ul li a{font-size:15px;font-weight:bold;color:#219ee7;text-decoration: none}
.mleft .mid  ul li:hover a{font-size:13px;color:gold;}
.mleft .mid  ul li ul{margin-top:3px;width:100%;margin-left:-18px;}
.mleft .mid  ul li ul li{float:left;width:100%;height:30px;line-height:30px;color:black;border:0px blue solid;}
.mleft .mid  ul li ul li a{background:url(left_mid.png);background-repeat: no-repeat;background-position:right top;color:white;padding-right:35px	font-weight:normal;}

.mleft .newstop {float:left;width:185px;height:45px;line-height:45px;font-weight:bold;}

.mleft .prostop {float:left;width:185px;height:31px;line-height:31px;font-weight:bold;background:url(l_protui_top.gif);background-repeat: no-repeat;padding-left:60px;text-align:left;font-size:19px;color:white;margin-top:8px}
.mleft .protui{float:left;width:238px;text-align:left;padding-bottom:10px;border:1px #EFEFEF solid}
.mleft .protui .procon{float:left;width:185px;height:67px;text-align:left;border-bottom:2px #EFEFEF dotted}
.mleft .protui .procon .proimg{float:left;width:57px;height:57px;line-height:57px;margin:5px 5px 5px 5px}
.mleft .protui .procon .proimg  img{width:57px;height:57px;}
.mleft .protui .procon .protxt{float:left;width:160px;height:57px;margin:5px 2px 5px 5px}
				
.mleft .mid_1 {float:left;width:185px;font-weight:bold;background:url(l_proc_con.jpg) repeat-y;text-align:left;font-size:19px;color:white;padding-top:8px}
	
.mleft .mid_1  ul li{float:left;width:205px;padding-left:35px;border:0px blue solid;text-align:left;}
.mleft .mid_1  ul li div{float:left;display:none;height:18px;line-height:18px;width:168px;padding:0px 0 5px 10px;border:0px blue solid;color:white}
.mleft .mid_1  ul li div a{color:white}
.mleft .mid_1  ul li div:hover {color:gold}
.mleft .mid_1  ul li div:hover a{color:gold;text-decoration: none;}

.mleft .bottom {float:left;width:185px;height:5px;background:url(l_menutbg_bot.gif) no-repeat}
			
.mleft .lnav{float:left;width:185px;padding:2px 0px 2px 0px;margin-top:0px;border:0px blue solid;}			
.mleft .lnav  img{float:left;width:185px;margin-bottom:4px;border:0px blue solid;}
			
.mleft .adlink{float:left;width:185px;margin-top:18px;border:0px blue solid;}			
.mleft .adlink  img{float:left;width:185px;margin-bottom:8px;border:0px blue solid;}
		
	
.mright {	float:right;width:710px;margin:0px auto 0px ;text-align:center;}	
	
.mright .flv {float:left;width:710px;height:326px}	

.mright .newsitem {float:left;width:695px;height:35px;line-height:35px;border-bottom:1px #BFBFBF dotted;padding:0 5px 0 5px;text-align:left}	
.mright .newsitem  .itxt{float:left;display:inline-block;width:430px;height:35px;line-height:35px;font-size:13px;text-align:left;background:url(m_itemhine.gif) no-repeat left center;padding-left:15px;border:0px blue solid}	
.mright .newsitem  .itime{float:right;display:inline-block;width:80px;height:35px;line-height:35px;font-size:13px;text-align:center;color:orange;border:0px blue solid}	
.mright .newsitem  .itime1{float:right;display:inline-block;width:150px;height:35px;line-height:35px;font-size:13px;text-align:center;color:orange;border:0px blue solid}	
.mright .newsitem  .itype{float:right;display:inline-block;width:80px;height:35px;line-height:35px;font-size:13px;text-align:center;color:#0b91df;border:0px blue solid}
.mright .newsitem  .itype1{float:right;display:inline-block;width:80px;height:35px;line-height:35px;font-size:13px;text-align:center}

.mright .newsitem {float:left;width:695px;height:35px;line-height:35px;border-bottom:1px #BFBFBF dotted;padding:0 5px 0 5px;text-align:left}	
.mright .mpage {float:left;width:695px;height:35px;line-height:35px;text-align:right}	

.mright .miracle {float:left;width:700px;height:159px;background:url(m_tui.gif);margin-top:24px;padding:43px 5px 0 5px }
.mright .miraclex {background:url(m_tui1.gif)}
.mright .miracle .mrcon{float:left;width:684px;height:135px;overflow:hidden;margin-left:8px}
.mright .miracle .mrcon li{float:left;width:155px;height:135px;margin:0 8px 0 8px}
.mright .miracle .mrcon li .limg{float:left;width:155px;height:109px}
.mright .miracle .mrcon li .ltxt{float:left;width:155px;height:26px;line-height:26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align:center}
.mright .miracle .mrcon li img{width:155px;height:109px}

.mright .malbum {float:left;width:700px;margin-top:16px;padding:0 5px 0 5px }
.mright .malbum li{float:left;width:109px;height:181px;margin:2px 15px 2px 15px;overflow:hidden}
.mright .malbum li .limg{float:left;width:109px;height:155px}
.mright .malbum li .ltxt{float:left;width:109px;height:26px;line-height:26px;text-align:center}
.mright .malbum li img{width:109px;height:155px}

.mright .malbum1 {float:left;width:700px;margin-top:16px;padding:0 5px 0 5px ;overflow:hidden}
.mright .malbum1 li{float:left;width:109px;height:191px;margin:0 28px 0 28px}
.mright .malbum1 li .limg{float:left;width:109px;height:155px}
.mright .malbum1 li .ltxt{float:left;width:109px;height:26px;line-height:26px;text-align:center}
.mright .malbum1 li img{width:109px;height:155px}
	
.mright .newpro  li{float:left;width:60px;height:17px;background:url(pro_nav.jpg);background-repeat: no-repeat;font-size:9px;padding:1px 0 0 0;*padding:2px 0 0 0\9;margin-left:1px;margin-right:1px;border:0px blue solid;overflow:auto;}
.mright .newpro  li  a{font-size:10px;*font-size:9px\9;text-decoration: none;color:#B329FA;}
.mright .newpro  li:hover{background:url(pro_nav_1.jpg);background-repeat: no-repeat;text-decoration: none;}
	
	
.mright .hotpro {float:left;width:710px;height:37px;background:url(hotpro.jpg);margin-top:6px;}	
.mright .hotpro  ul{float:right;width:310px;margin-top:16px;margin-right:10px;text-align:center;}
	
.mright .hotpro  li{float:left;width:60px;height:17px;background:url(pro_nav.jpg);background-repeat: no-repeat;font-size:9px;padding:1px 0 0 0;*padding:2px 0 0 0\9;margin-left:1px;margin-right:1px;border:0px blue solid;overflow:auto;}
.mright .hotpro  li  a{font-size:10px;*font-size:9px\9;text-decoration: none;color:#B329FA;}
.mright .hotpro  li:hover{background:url(pro_nav_1.jpg);background-repeat: no-repeat;text-decoration: none;}

.mright .mainad{float:left;width:710px;margin-top:5px;margin-bottom:3px;border:0px blue solid;}
.mright .malt{float:right;width:710px;height:auto;margin:5px 0 5px 0}
.mright .malt img{float:right;width:210px;height:110px;margin:5px 8px 5px 8px}
			
.mright .top {float:left;width:710px;height:26px;border-top:1px #BFBFBF solid;border-bottom:1px #BFBFBF solid;margin-top:20px}

.mright .top .left{float:left;width:auto;height:24px;line-height:24px;font-size:15px;font-weight:normal;text-align:left;padding-left:15px;color:#219ee7}
.mright .top .left span{font-size:13px;font-weight:bold}

.mright .prodtail {float:left;width:678px;height:auto;border:1px #BFBFBF solid;margin-top:5px}
.mright .protop {float:left;width:678px;height:32px;background:url(m_prodetail.gif) repeat-x;}
.mright .protop .left{float:left;width:auto;height:32px;line-height:32px;background:url(main_title_hint.png) no-repeat left center;margin-left:12px;font-size:15px;font-weight:bold;text-align:left;padding-left:28px;padding-right:8px;color:#990033}


.mright .top .right{float:right;width:auto;height:24px;line-height:24px;margin-right:20px;}
		
.mright .mid {float:left;width:656px;padding:3px 12px 3px 12px;margin:auto;text-align:center;border:0px blue solid}	
.mright .mid .i_malt{float:left;width:656px;height:169px;*height:170px\9;overflow:hidden;margin-left:-8px;border:0px blue solid}	
.mright .mid .i_left{float:left;position:relative;width:18px;height:64px;background:url(m_left.png) no-repeat;margin-top:56px;z-index:300}	
.mright .mid .i_right{float:right;width:18px;height:64px;background:url(m_right.png) no-repeat;margin-left:-18px;margin-top:56px;}	
	
.mright .mid  ul{float:left;width:656px;text-align:center;}
	
.mright .mid  li{float:left;width:160px;margin-left:2px;margin-right:2px;text-align:center;border:0px blue solid;}

.mright .mid  li ul{width:160px;text-align:center;}

.mright .mid  li ul li{float:left;width:156px;padding:1px 2px 1px 2px;border:0px}	
		
.mright .mid_1{float:left;width:710px;height:157px;background:url(head_news.jpg);background-repeat:no-repeat;	padding:0px 15px 0px 15px;overflow:hide;}

.mright .mid_1   ul{float:left;width:630px;margin-top:15px;margin-left:7px;}
	
.mright .mid_1   li{float:left;width:630px;height:22px;line-height:22px;text-align:left;border:0px blue solid;}

.mright .mid_1   li ul{width:630px;height:22px;line-height:22px;}

.mright .mid_1   li ul li{height:22px;line-height:22px;padding:2px 2px 2px 2px;text-align:center;border:0px blue solid;}
			
.mright .bottom {float:left;width:630px;height:22px;background:url(main_bottom.jpg);margin-bottom:2px;}

.mright .mrsubtitle {float:left;width:690px;margin-top:10px;padding:0 10px 0 10px;text-align:center}
.mright .mrsubcon {float:left;width:690px;margin-top:6px;padding:10px 10px 10px 10px;text-align:left}

.mcon .msubcon {float:left;width:900px;margin-top:6px}
.mcon .mitem {float:left;width:684px;height:23px;line-height:23px;margin-top:6px;padding-left:6px;text-align:left;background:#eee}
.mcon .msubtitle {float:left;width:100px;height:23px;line-height:23px;margin-top:6px;text-align:left;text-align:justify;text-justify:distribute-all-lines;text-align-last:justify}
.mcon .msubshpcon {float:right;width:575px;height:23px;line-height:23px;margin-top:6px;text-align:left;border:0px blue solid}

.mdate {width:120px;height:23px;line-height:23px;background-color:#fff;background-image:url(date.gif);background-repeat:no-repeat;background-position:6px center;padding-left:28px;border:0px blue solid}

.idesigner {float:left;width:710px;height:232px;background:url(m_mem.gif);margin-top:21px;padding-top:15px}
.idesigner .imore{float:right;width:43px;height:17px;margin-right:18px}
.idesigner .imrcon{float:left;width:676px;height:215px;overflow:hidden;margin:27px 17px 0 17px;border:0px blue solid}
.idesigner .imrcon ul{float:left;width:676px;height:215px;overflow:hidden}
.idesigner .imrcon li{float:left;width:109px;height:215px;margin:0 9px 0 9px;border:0px blue solid}
.idesigner .imrcon li .ilimg{float:left;width:100%;height:155px}
.idesigner .imrcon li .iltxt{float:left;width:100%;height:20px;line-height:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align:center;color:#219ee7;font-weight:bold;border:0px blue solid}
.idesigner .imrcon li .iltxt a{color:#219ee7;font-weight:bold}
.idesigner .imrcon li .iltxt1{float:left;width:100%;height:35px;padding-top:5px;text-align:center;overflow:hidden;border:0px blue solid}
.idesigner .imrcon li img{width:100%;height:155px}
.idesignerex1 {background:url(m_mem1_1.gif)}
.idesignerex2 {background:url(m_mem2_1.gif)}
/*中部完*/	
	
.foot_box {float:left;position:relative;width:900px;margin-top:28px;padding-bottom:22px;border:0px blue solid;z-index:106}

.foot_box  .logo{float:left;width:122px;height:78px;margin-left:95px;margin-top:10px;border:0px blue solid;}	

.foot_box  .footnav{float:left;width:750px;height:30px;line-height:30px;text-align:left;margin-left:82px;border:0px red solid}	
.foot_box  .footnav ul{float:left;height:30px;line-height:30px;border:0px red solid}	
.foot_box  .footnav ul li{float:left;height:30px;line-height:30px;font-size:13px;color:black;text-align:center;background:url(dl1.gif) right center no-repeat;padding:1px 10px 1px 6px;border:0px red solid}
.foot_box  .footnav ul li a{font-size:13px;color:#465c6b;}
.foot_box  .footnav ul li:hover a{color:#C9AB60;text-decoration: none;}
.foot_box  .footnav .fright{background:none;}	
.foot_box  .footnav .fcp{float:left;display:inline-block;width:58px;height:20px;background:url(f_cp.gif);cursor:pointer;margin:6px 3px 0 3px}		
.foot_box  .footnav .fmobile{float:left;display:inline-block;width:58px;height:20px;background:url(f_mobile.gif);cursor:pointer;margin:6px 3px 0 3px}		
		
.foot_box  .contactus{float:right;width:900px;line-height:20px;margin-top:22px;font-size:12px;color:#627c8e;text-align:center}
.foot_box  .mobile{float:left;width:900px;height:18px;margin:5px 0 0 0;border:0px blue solid;text-align:center}
.foot_box  .mobile a {text-decoration: none;}
.foot_box  .mobile span{display:inline-block;width:90px;height:18px;line-height:18px;background:#ddd;text-align:center;cursor:pointer}
	
.foot_bg {float:left;position:relative;width:100%;height:30px;background:#9ce3fc;margin-top:-113px;border:0px red solid;text-align:center;z-index:6}
.top_bg {float:left;position:absolute;width:100%;height:132px;background:url(all_bg.png) repeat-x;top:0;left:0;border:0px red solid;text-align:center;z-index:2}
/*	
.foot_bg {float:left;position:absolute;width:100%;height:100%;background:#9ce3fc;top:-0;left:0;border:0px red solid;text-align:center;filter:alpha(opacity=85);-moz-opacity:0.85;opacity:0.85;z-index:1006}
.foot_bg  .fsubcon{width:900px;height:30px;background:red;margin-top:-0;border:0px red solid;text-align:center;filter:alpha(opacity=85);-moz-opacity:0.85;opacity:0.85;z-index:6}
*/

.validate_right { padding-left:12px; background:transparent url(right.gif) no-repeat; margin-left:5px; font-style:italic; color:green; float:none; }	
.validate_err { padding-left:15px; background:url(error.gif) no-repeat 3px center; margin-left:0px;color:red; float:none; }	

.tr_1{background-color:#EFEFEF;}	
.tr_1:hover{background-color:#AFAFAF;}

.tr_2{background-color:#FFFFFF;}	
.tr_2:hover{background-color:#AFAFAF;}

.tr_3{background-color:#EFEFEF;}
.tr_4{background-color:#FFFFFF;}