@charset "utf-8";
.wrap{ width:100%; margin:0 auto;}
ul,li{ list-style:none;}
body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
	color:#666666;
	font-size:12px;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	}

h1{color:#006FB4;}


#top_bg {
	position: absolute;
	background-image: url(../images/index_topbg.png);
	background-repeat: repeat-x;
	background-position: center;
	width: 100%;
	height: 166px;
	display: block;
	z-index:10;
	top: -1px;
}
#location_databg {
	background-image: url(../images/location_databg.png);
    background-repeat: no-repeat;
    background-position: top;
    height: 503px;
    width: 338px;
    position: absolute;
    top: 88px;
    right: 5px;
}
.txt_13 {
	font-size: 12px;
	color: #CC0005;
	text-decoration: none;
}
.left_menubg {
	background-image: url(../images/leftmenu_bg.png);
	background-repeat: repeat-y;
}


#warp{position: relative;}


#down_bg {
	background-image: url(../images/down_bg.jpg);
	background-repeat: repeat-x;
	background-position: center;
	width: 100%;
    height: 106px;
    display: block;
}
#topmenu_text a
	{
	color:#666;
	font-size:12px;
	clear:both;
	text-decoration: none;	 
	  }
#topmenu_text a:hover
	{
	font-size: 12px;
	color: #ff0000;
	clear:both;
}
#topmenu_text ul
	{
	margin:0;
	padding-left:18px;
	padding-top:5px;
	list-style:none;
	}
#topmenu_text ul li
	{
	float:right;
	margin:0;
	padding:0 10px 0 16px;
	background:url(../images/topmenu_l.png) no-repeat 0 3px;
	}
	
#container {
	z-index:1;
	width: 100%;
	display: block;
}
#container2 {
	z-index:1;
	width: 100%;
    padding-top: 20px;
	display: block;
}

.txt_title {
	font-size: 65px;
	color: #FFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.txt_ff01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
.txt_ff02 {
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	line-height: 18px;
}
#menu a
	{
	font-size:18px;
	color:#333;
	clear:both;
	text-decoration: none;
	font-weight: bold;
}
#menu a:hover
	{
	font-size: 16px;
	color: #D90000;
	clear:both;
}
#menu ul
	{
	margin:0;
	list-style:none;
	}
#menu ul li
	{
	width:115px;
	margin:0;
	padding:0 8px 0 8px;
	
	display:inline-block;
	}
#menu ul li.first{ background:none;}
ul{ text-align:center;}.m01 {
	background-image: url(../images/m01.jpg);
	background-repeat: repeat-x;
	background-position: center;
}
.txt_01 {
	font-size: 12px;
	color: #333;
	text-decoration: none;
	line-height: 28px;
}
.txt_03 {
	font-size: 16px;
	color: #006FB4;
	text-decoration: none;
}
.txt_11 {
	font-size: 15px;
	color: #006FB4;
	text-decoration: none;
	font-weight: bold;
}
.txt_12 {
	font-size: 12px;
	color: #006FB4;
	text-decoration: none;
	}
.boder_right {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	width: 188px;
	float: left;
	margin-bottom: 25px;
}

.image_boder {
	border: 1px solid #CCC;
}


.txt_04 {
	font-size: 12px;
	line-height: 26px;
	color: #535353;
	text-decoration: none;
}
.txt_10 {
	font-size: 12px;
	color: #003767;
	text-decoration: none;
}



.m02 {
	background-image: url(../images/m02.jpg);
	background-repeat: repeat-x;
	background-position: center;
}
.txt_05 {
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
}
.txt_06 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
.txt_07 {
	font-family: "微軟正黑體";
	font-size: 18px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}
.txt_08 {
	font-size: 12px;
	color: #3D3D3D;
	text-decoration: none;
}
.url_01 {
	font-size: 12px;
	color: #006FDD;
	text-decoration: none;
}

#web_look{
	z-index: 1;
    display: block;
}

#web_lookbg{
	background-image: url(../images/web_lookbg.png);
	position: absolute;
	display: block;
	z-index: 10;
	height: 400px;
	width: 760px;
}
.txt_09 {
	font-size: 15px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}
.news_btn {
	color: #666;
	font-size: 12px;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
}
.news_btn:hover {
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
	background-color:#1591FF;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
}.contact_bg {
	background-image: url(../images/contact_bg.jpg);
	height: 400px;
	width: 760px;
}
.submenu_2
	{	margin:0; padding:0; list-style:none}
.submenu_2 li
	{
	margin:0;
	width: 160px;
    height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	}
	
.submenu_2 li a
	{
	color:#FFF;
	font-size:15px;
	line-height: 30px;
	text-decoration: none;
	}
	
.submenu_2 li a:hover
	{
	color:#FF0000;
		}
#product_menu2
	{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding: 20px 0;
}
#product_menu2 ol
	{
	margin:0 auto;
	padding-left:0px;
	list-style:none
}
#product_menu2 ol li
	{
	float:left;
	margin:0;
	padding-top: 0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}
/*Function*/
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1;display:block}
.inp_01 {
	font-size: 12px;
	color: #666;
	text-decoration: none;
	background-color: #FFF;
	height: 30px;
	width: 100px;
	border: 1px solid #CCC;
}
.inp_02 {
	font-size: 12px;
	color: #666;
	text-decoration: none;
	background-color: #FFF;
	border: 1px solid #CCC;
	height: 20px;
}

#warp_top{
	height:400px;
}
.login_bg {
	background-image: url(../images/login_bg.jpg);
	background-repeat: no-repeat;
}
.login_btn { 
     width:60px; 
	 height:57px; 
	 border:none; 
	 background:url(../images/login_btn.png) no-repeat 0 0; cursor:pointer; 
	 display:block;
	 margin-bottom:4px;
}
.login_btn:hover { 
     background-position:0 -57px;
}
.enter_btn { 
     width:62px; 
	 height:32px; 
	 border:none; 
	 background:url(../images/enter_btn.png) no-repeat 0 0; cursor:pointer; 
	 display:block;
	 
}
.enter_btn:hover { 
     background-position:0 -32px;
}

.next_btn { 
     width:62px; 
	 height:32px; 
	 border:none; 
	 background:url(../images/next_btn.jpg) no-repeat 0 0; cursor:pointer; 
	 display:block;
	 
}
.next_btn:hover { 
     background-position:0 -32px;
}

.member_text { float: left; width:726px; height:550px; padding:15px; overflow-y:scroll; background:#fff; border:solid 1px #cccccc;}
.join_txt01 {
	font-size: 17px;
	color: #0270CA;
	text-decoration: none;
	font-weight: bold;
}
.join_txt02 {
	font-size: 12px;
	color: #0270CA;
	text-decoration: none;
	margin-bottom: 15px;
	margin-top: 15px;
}
.txt_14 {
	font-size: 12px;
	line-height: 20px;
	color: #464646;
	text-decoration: none;
}