/* CSS Document */
body{ font-size: 100%; font-family:"微軟正黑體"}
div{ display:block;}
.wrapper{
	position: absolute;
	width: 100%; height: 100%;
}

.header, .content, .footer{
	position: relative; 
	width: 100%; min-width: 1000px;
}
.headerInfo, .contentInfo, .footerInfo{
	position: relative;
	width: 1000px;
	margin: 0px auto;
} 


/*****header*****/
.header{
	background: url(../newimages/header_bg.png) no-repeat top center;
}
.headerInfo{ 
	height: 140px;
}
.role-2{
	position: absolute; top: 90px; right: 75px;
	background: url(../newimages/role_02_pic.png) no-repeat;
	width: 68px; height: 91px;
}

.logo{
	position: absolute; top: 15px; left: 0px;
	background: url(../newimages/logo.png) no-repeat;
	width: 266px; height: 37px;
}
/*****content*****/
.framebox{
	position: relative;
	width: 468px;
	margin: 30px auto;
}

.inputrow, .inputbtn{
	position: relative;
	width: 100%;
	margin-bottom: 8px;
}
.inputrow{ z-index:5;}
.inputbtn{ z-index:1;}
.inputbtn{ text-align: center; margin-top: 15px;}

input:-webkit-autofill { 
-webkit-box-shadow: 0 0 0px 1000px white inset; 
 background-image:url(../newimages/input_bg.png)  !important;
} 

.input-style1, .inputbox{
	position: relative; display:block;
	width: 468px; height: 53px; padding: 0px 10px;
	border-radius: 10px; /*border: 2px solid #8cc83d;*/
	outline: none;
	line-height: 53px;
    background: url(../newimages/input_bg.png) no-repeat;
	border: none;
}
.inputbox{ padding: 0px 10px;  +padding: 8px 10px;}
select{ 
	width: 445px; 
	color: #a3a3a3; font-size: 16px; height:38px; line-height:38px; 
	border: none ; outline: none; 
	/*filter:alpha(opacity=0) progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=10,color=#FFFFFF);*/
}

.info-r-sidle{
	position: absolute;
	height: 35px; width: 200px; 
	left: 102%; top: 0px;
}
.info-l-sidle{
	position: absolute; display: none;
	height: 32px; width: 200px; 
	right: 105%; top: 0px; font-size:14px; line-height: 16px;
	background: #8cc83d; color: #ffffff;
	border-radius: 10px; padding: 9px; 
}

.info-style-h{ padding:17px 5px;  height:16px; text-align: center;}
.info-style-h2{ text-align: center;}

.info-l-sidle .arrow{
	position: absolute; right: -14px; top: 50%; margin-top: -9px;
	background: url(../newimages/arrow_pic.png) no-repeat; outline: none;
	width: 15px; height: 18px;
}

.info-t, .info-f{
	position: absolute; height: 35px; width: 200px; 
	padding-left: 20px; 
	font-size:12px; line-height: 14px;
	display: none; 
}
.info-t{
	background: url(../newimages/true_icon.png) no-repeat center left;
	color: #0084ff; top: 10px; line-height: 35px; font-size: 16px;
}
.info-f{
	background: url(../newimages/false_icon.png) no-repeat center left;
	color: #ff0000; top: 10px;
}

.txt{ color: #a3a3a3;}
.pading-l-5{ padding-left: 15px;}

.txt-explain{ font-size: 12px; line-height: 16px; color: #000;}

.txt-explain a{ color: #0084ff;}

.truebtn{
	position: relative;
	cursor: pointer; text-decoration: none;
	display: inline-block; text-align: center;
	width: 175px; height: 60px; line-height: 60px;
    background: url(../newimages/btn.png) no-repeat;
	color: #fff; font-size: 20px;
}
.truebtn:hover{
	color: #060;
}
.role03pic{
	position: absolute; top: -5px; left: -62px;
	background: url(../newimages/role_01_pic.png) no-repeat;
	width: 61px; height: 62px;
}

.explainbox{
	position: relative;
	width: 80%;
	padding: 20px 10%;
}
.explainbox p{font-size: 14px; line-height: 20px; margin:30px;}
.explainbox .txt-pos-c{font-size: 18px; line-height: 30px; text-align:center;}

.txt-pos-c span{ font-size: 24px; color:#78ad32; font-weight: bold; width: 100%; line-height: 30px;}

.explainbox p span{ display: inline-block;}

.font-f{ font-weight: bold; font-size:16px; color:#ff0101;}

.btnrow{
	width: 65%; text-align: center;
}

.btnrow span{
	display: inline-block;
	line-height: 17px;

}
.btnrow{ padding: 0px 140px; overflow: hidden;}
.btnrow a{
	position: relative; 
	float: left; margin: 0px 15px;
	font-family: 微軟正黑體;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	font-size: 16px;  text-align: center; 
	
}
.btnrow a:hover{color: #060;}
.btnrow a span{padding: 13px 0px; display: inline-block;}

.noticebox{ background:#fafff3; padding: 15px; border-radius: 5px; border: 2px solid #84bd38; font-size:14px; font-weight:bold;}
.open02btn{
	background: url(../newimages/btn_02.png) no-repeat;
	width: 225px; height: 190px;
}
.open02btn:hover{ background-position: 0px -190px;}
.open01btn{
	background: url(../newimages/btn_01.png) no-repeat;
	width: 225px; height: 190px;
}
.open01btn:hover{ background-position: 0px -190px;}
.role03{
	position: absolute; width: 49px; height: 66px;
	background: url(../newimages/role_03_pic.png) no-repeat;
	right: 250px; top: 150px;
}


/*footer*/
.footerInfo{ font-size: 12px;}
#divMainFooter {
	margin: 0;
	padding: 0 2px;
	width: 960px;
	height: 10px;
	background: url(../newimages/mainfooter.png) no-repeat center top;
}

#divFooter {
	border-top: 3px solid #99CC33;
	margin: 10px 0;
	padding-top: 10px;
}
#divtopFooter {
	margin: 10px 0;
	padding-top: 10px;
}
#divtopFooter .rsidle{ float: right; font-weight: bold;display:inline-block;}
#divtopFooter .rsidle a{ text-decoration: none;}
#divFooter p.Copyright {
	float: left;
	margin: 0;
	padding: 0;
	}
#divFooter p.Navigation {
	float: right;
	margin: 0;
	padding: 0;
}



/* 未連結 */
.footerInfo a:link{
	color: #409900;
	cursor: pointer;
	cursor:pointer !important; 
}

/* 已連結過 */
.footerInfo a:visited{color: #409900;}
/* 滑鼠移至連結 */
.footerInfo a:hover{color: #e9761a;}
/* 選擇的連結 */
.footerInfo a:active{
	color: #666666;
	font-family: arial, helvetica, clean, sans-serif;
}




/*下拉選單-star*/

/*主要*/
.easy-select-box{
    display: inline-block;
    position: relative; z-index:1;
}

.easy-select-box .esb-dropdown{
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 99;
	display: none;
border: 1px solid #666;
}

/*次要可修*/
.easy-select-box{
    width: 450px;
    text-align: left;
    outline: none;

}
.easy-select-box .esb-displayer{
	background: url(../newimages/bg-select-1.jpg) no-repeat 0 0;
	color: #a3a3a3;
	padding: 0 5px;
	height: 38px;
	line-height: 38px;
	cursor: default;
	padding-right: 20px;
}
.esb-dropdown{
    border-top: none;
}

.easy-select-box:hover .esb-displayer{
    background-position: 0 -38px;
    text-decoration: none;
}



.easy-select-box .esb-dropdown .esb-item{
    padding: 0 5px;
	color: #a3a3a3;
    background: #FFFFFF;
    cursor: default;
	height:28px; line-height: 28px;
	
}



.easy-select-box .esb-dropdown .esb-item:hover{
	color: #606060;
    background: #FFFFFF;
	text-decoration: none;
}

/*下拉選單-end*/