﻿@import "/inc/css/btn.css";
@import "/inc/css/all.css?ver=20190222";

body 
{
    background:#fff;
}

select
{
    padding:0px;
    height:30px;
}

input
{    padding:0px;
     height:30px;
}


/*---- 最外層包裝 ----*/   
#OpenAccount{
	width:100%;
	margin:0 auto;
    background:url("images/header_bg.png") repeat-x top center;
	position:relative;
}
    
#header
{ width:900px;
  height:100px;
  margin:0 auto;
  color:#fff;
}

.Account_logo {
padding:10px 0 0 5px;
}
.Account_text {
padding:25px 5px 0 0;
font:12px/1.5 微軟正黑體,Arial;
text-align:right;
}
#content
{ 
  width:100%;
  background: url("images/content_bg.png") repeat-x top center;
  margin:0 auto;
    }

.AccountStep {
  width:900px;
  margin:0 auto;
}
.AccountPoint {
  width:900px;
  height:5px;
  margin:0 auto;
  background: url("images/point_001.png") repeat-x;
}
#AccountBox {
    width: 800px;
    margin: 0 auto;
    padding-bottom:30px;
}
#AccountBox label{
float: left;
width: 150px;
}
#AccountBox p {
clear: both;
padding:8px 0;
}
#AccountBox p input{
}
#AccountBox label span{
color:#f00;
}

.Account_btn{
margin:0 auto;
padding: 10px 0;
text-align:center;
}
.Account_btn img{
padding: 0 5px;
}
.Account_btn input{
padding: 0 5px;
}
#divShow {
 background:#ffddde url("images/icon_001.png") 20px 8px no-repeat;
 padding:10px 0 10px 60px;
 border: 1px solid #ffc9cb;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.List_icon { display:block;
             width:50px;
}

#footer
{ width:100%;
 background:#4d4d4d;
  color:#fff;
  padding:20px 0;
  }

#company
{ width:1000px;
  margin:0 auto;
  text-align:center;
  font:12px/1.5  Arial,微軟正黑體;
  }
  
/**注意事項**/
#attention
{ width:800px;
  margin:10px auto;
  padding:10px;
  font:12px/1.5  Arial,微軟正黑體;

  }
 
#attention ul
{ 
  padding:3px 15px;
  list-style-type:disc;
  list-style-position:outside;
    }
#attention li
{ 
  padding:5px 0;
    }
#attention a
{ color:#ffffff;
    }


/*********************************/
/*		 Back To Top        	*/
/********************************/

#back-top {
	position: fixed;
	bottom: 4px;
	right: 10px;
	z-index: 2;
}
#back-top a {
	width: 100px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
#back-top span {
	width: 100px;
	height: 100px;
	display: block;
	margin-bottom: 7px;
	background: url(images/scrolltopfix.png) no-repeat center center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: transparent;
}
/*********************************/
/*		       END          	*/
/********************************/

