@charset "utf-8";


/* CSS Document */
html, body, ul, li, h1, h2, h3, h4, h5, h6, p, fieldset, legend {padding:0; margin:0;}
html, body {
	font-family:'Helvetica W01 Light', Helvetica, Arial, "微軟正黑體","Microsoft Jhenghei",sans-serif;	
	height: 100%;
	min-height: 100%;
	margin:0px;
	background:#fff;
}
a{	outline: none; /* for Firefox Google Chrome  */
	behavior:expression(this.onFocus=this.blur()); /* for IE */    
	text-decoration: none;
}
	  
img {border: 0px;}
	  
ul,li {list-style-type:none; text-transform:none;}

/* input{-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow:  0px inset;-moz-box-shadow:  0px inset; box-shadow:  0px inset; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ outline: none; -webkit-appearance:none;} */



/*clean both*/
.clear {width:0px;height:0px;clear:both; *display:inline;/*IE only*/}
.clear_line {clear:both; *display:inline;/*IE only*/ border-bottom: 1px dashed #ccc; padding-top: 20px;}

/*line*/
.dotted_line{	noshade:noshade;	width:100%;	border-top-width: 1px;	border-top-style: solid;	border-top-color: #cccccc; }
.hr0{ height:1px;border:none;border-top:1px dashed #cccccc; margin:20px 0 20px 0;} 
.hr1{ height:1px;border:none;border-top:1px solid #cccccc; margin:20px 0 20px 0;} 

/*border*/
.border0{ border:0px !important;}


/*form*/
.forminput{
	height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
	background-color: #FFFFFF;
	border: 2px solid #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
}

.forminputarea{
	height: 277px;
	width:337px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
	background-color: #FFFFFF;
	border: 2px solid #FFFFFF;
	padding: 10px;
	line-height: 26px;
}

/*font*/
.font_color_ccc{ color:#CCC !important;}
.font_color_999{ color:#999 !important;}
.font_color_666{ color:#666 !important;}
.font_color_333{ color:#333 !important;}
.font_color_blue{ color:#3399ff !important;}
.font_color_orange{ color:#ff6600 !important;}
.font_color_pink{ color:#ff6699 !important;}
.font_color_red{ color:#ff0000 !important;}


/* padding */
.pl0{ padding-left: 0px!important;}



	
/*margin*/
.mr_ml_auto{margin-right: auto!important; margin-left:auto!important;}

.mt-20{margin-top: -20px!important;}
.mt-25{margin-top: -25px!important;}
.mt-30{margin-top: -30px!important;}
.mt-40{margin-top: -40px!important;}
.mt-50{margin-top: -50px!important;}
.mt-80{margin-top: -80px!important;}
.mt0{margin-top: 0px!important;}
.mt5{margin-top: 5px!important;}
.mt10{margin-top: 10px!important;}
.mt15{margin-top: 15px!important;}
.mt17{margin-top: 17px!important;}
.mt20{margin-top: 20px!important;}
.mt23{margin-top: 23px!important;}
.mt25{margin-top: 25px!important;}
.mt30{margin-top: 30px!important;}
.mt35{margin-top: 35px!important;}
.mt37{margin-top: 37px!important;}
.mt40{margin-top: 40px!important;}
.mt50{margin-top: 50px!important;}
.mt60{margin-top: 60px!important;}
.mt150{margin-top: 150px!important;}

.mr-15{margin-right: -15px!important;}
.mr0{margin-right: 0px!important;}
.mr5{margin-right: 5px!important;}
.mr10{margin-right: 10px!important;}
.mr20{margin-right: 20px!important;}
.mr25{margin-right: 25px!important;}
.mr26{margin-right: 26px!important;}
.mr27{margin-right: 27px!important;}
.mr30{margin-right: 30px!important;}
.mr40{margin-right: 40px!important;}
.mr60{margin-right: 60px!important;}
.mr200{margin-right: 200px!important;}

.mb0{margin-bottom: 0px!important;}
.mb5{margin-bottom: 5px!important;}
.mb10{margin-bottom: 10px!important;}
.mb15{margin-bottom: 15px!important;}
.mb20{margin-bottom: 20px!important;}
.mb30{margin-bottom: 30px!important;}
.mb40{margin-bottom: 40px!important;}

.ml-15{margin-left: -15px!important;}
.ml3{margin-left: 3px!important;}
.ml5{margin-left: 5px!important;}
.ml6{margin-left: 6px!important;}
.ml7{margin-left: 7px!important;}
.ml8{margin-left: 8px!important;}
.ml10{margin-left: 10px!important;}
.ml15{margin-left: 15px!important;}
.ml20{margin-left: 20px!important;}
.ml30{margin-left: 30px!important;}
.ml40{margin-left: 40px!important;}
.ml50{margin-left: 50px!important;}
.ml60{margin-left: 60px!important;}
.ml70{margin-left: 70px!important;}
.ml80{margin-left: 80px!important;}
.ml83{margin-left: 83px!important;}
.ml84{margin-left: 84px!important;}
.ml85{margin-left: 85px!important;}
.ml90{margin-left: 90px!important;}
.ml100{margin-left: 100px!important;}
.ml110{margin-left: 110px!important;}
.ml120{margin-left: 120px!important;}
.ml140{margin-left: 140px!important;}
.ml145{margin-left: 145px!important;}
.ml180{margin-left: 180px!important;}



/*width*/
.w100p{width: 100%!important;}
.w90{width: 90px!important;}
.w100{width: 100px!important;}
.w110{width: 110px!important;}
.w120{width: 120px!important;}
.w130{width: 130px!important;}
.w130{width: 130px!important;}
.w140{width: 140px!important;}
.w170{width: 170px!important;}
.w180{width: 180px!important;}
.w200{width: 200px!important;}
.w220{width: 220px!important;}
.w250{width: 250px!important;}
.w270{width: 270px!important;}
.w275{width: 275px!important;}
.w280{width: 280px!important;}
.w285{width: 285px!important;}
.w290{width: 290px!important;}
.w300{width: 300px!important;}
.w310{width: 310px!important;}
.w320{width: 320px!important;}
.w330{width: 330px!important;}
.w340{width: 340px!important;}
.w350{width: 350px!important;}
.w360{width: 360px!important;}
.w380{width: 380px!important;}
.w390{width: 390px!important;}
.w400{width: 400px!important;}
.w410{width: 410px!important;}
.w430{width: 430px!important;}
.w450{width: 450px!important;}
.w460{width: 460px!important;}
.w470{width: 470px!important;}
.w500{width: 500px!important;}
.w550{width: 550px!important;}
.w580{width: 580px!important;}
.w600{width: 600px!important;}
.w920{width: 920px!important;}
.w960{width: 960px!important;}
	
.h10{ height:10px!important;}
.h20{ height:20px!important;}
.h30{ height:30px!important;}
.h40{ height:40px!important;}
.h50{ height:50px!important;}
.h60{ height:60px!important;}
.h70{ height:70px!important;}
.h80{ height:80px!important;}
.h90{ height:90px!important;}
.h100{ height:100px!important;}
	
/*float align*/
.left{float: left !important;}
.right{float: right !important;}
.center{	text-align:center !important;}

.align_left{left:0; float:left; position: absolute!important;}
.align_right{right:0px; float:right; position: absolute!important;}
.align_center{text-align: center; width: 100%;} 

.align_text_right{ text-align:right;}