<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/*--body---------------------------------------------------------------------------------------------------*/
body,p,form {
	margin: 0px;
	padding: 0px;
}
/*-------------------------------------------------------------------------------------------------*/
.input1 {
	border: 1pt solid #D6CFB8;
	background-color: #F2F0E9;
}

/*-box----------------------------------------------------------------------------------------*/

#wrapper{/*頁面外圍*/
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	}
#wrapper2{/*頁面外圍*/
	width: 1050px;
	margin-right: auto;
	margin-left: auto;
	}
/*-header-----------------------------------------------------------------------------------------------*/

#header{/*頁面頭部*/
	height: 125px;
	width: 950px;
	position: relative;
	margin-bottom: 25px;
	margin-right: auto;
	margin-left: auto;
}
#header .topnav{/*頂導航*/
	float: right;
	position: absolute;
	width: 300px;
	height: 30px;
	left: 655px;
	top: 3px;
}
#header .topnav dd{
	float: left;
	font-size: 12px;
}
#header .topnav dd.hr{
	text-align: center;
	width: 30px;
	overflow: hidden;
	}
#header .logo{
	float: left;
	padding-top: 40px;
}
#header .menu{/*選單*/
	padding-top: 50px;
	float: right;
}
#header .menu dd{
	float: left;
/*	padding-left: 40px;
*/	padding-left: 60px;
}
/*sidebar-----------------------------------------------------------------------------------------------*/
#sidebar{/*側欄*/
	float: left;
	width: 240px;
}
#sidebar .submenu{/*子選單*/
	float: left;
}
#sidebar .submenu dd a {
	background-image: url(../images/sidebar/sub_menu_out.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #333333;
	text-decoration: none;
	font-size: 16px;
	height: 32px;
	width: 185px;
	display: inline-block;
	padding-left: 55px;
	padding-top: 8px;
}
#sidebar .submenu dd a:hover {
	background-image: url(../images/sidebar/sub_menu_over.gif);
	color: #00492c;
}
#sidebar .submenu .off{
	background-image: url(../images/sidebar/sub_menu_out.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #333333;
	text-decoration: none;
	font-size: 16px;
	height: 32px;
	width: 185px;
	display: inline-block;
	padding-left: 55px;
	padding-top: 8px;
}
#sidebar .submenu .on{
	background-image: url(../images/sidebar/sub_menu_over.gif);
	color: #00492c;
}

#sidebar2{/*側欄*/
	float: left;
	width: 225px;
	margin-right: 30px;
	margin-left: 25px;
}
#sidebar3{/*側欄*/
	float: left;
	width: 160px;
	margin-right: 35px;
	margin-top: 40px;
}
/*container-----------------------------------------------------------------------------------------------*/

#container{/*頁面層容器*/
	float: right;
	width: 655px;
	position: relative;
	margin-left: 20px;
	}
#container .subnav{/*導航*/
	float: right;
	font-size: 13px;
	position: absolute;
	left: 399px;
	top: -62px;
	text-align: right;
	width: 256px;
	height: 50px;
}
#container2{/*頁面層容器*/
	width: 950px;
	position: relative;
	}
#container2 .subnav{/*導航*/
	float: right;
	font-size: 13px;
	position: absolute;
	left: 648px;
	top: -17px;
	width: 303px;
	height: 53px;
	text-align: right;
}
#content2{/*主體內容*/
}

#container3{/*頁面層容器*/
	width: 1050px;
	position: relative;
	}
/*-shared共用-----------------------------------------------------------------------------------------------*/
h1{
	background-image: url(../images/shared/h1_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 45px;
	width: 675px;
	font-size: 22px;
	font-weight: bold;
	color: #00492c;
	float: right;
	display: block;
}
#container2 h1{
	background-image: url(../images/shared/h1_bg2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 45px;
	width: 950px;
	font-size: 22px;
	font-weight: bold;
	color: #00492c;
	float: left;
	display: block;
}
#container h2 ,#container2 h2 ,#drive_diagnose_evaluate h2{
	font-size: 18px;
	font-weight: bold;
	color: #c28022;
	display: block;
	padding-top: 35px;
	padding-bottom: 10px;
}
#container .test_people{
	position: absolute;
	width: 254px;
	height: 54px;
	left: 402px;
	top: 34px;
	text-align: right;
}
#drive_diagnose_test h3 ,#drive_diagnose_evaluate .info1 h3{
	border-radius:20px;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	background-color: #7a4800;
	padding-top: 3px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	display: block;
	float: left;
	height: 24px;
	margin-right: 10px;
	margin-bottom: 25px;
	}
#drive_diagnose_test h3 {
	letter-spacing:5pt;
	}
#btn_left{
	float: left;
	display: block;
	clear: both;
}
#btn_right{
	float: right;
	display: block;
	clear: both;
}
#btn_center{
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
.btn_s {
	text-align: center;
	clear: both;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
}
.btn_s a {
	text-align: center;
	display: inline-block;
	height: 30px;
	font-size: 17px;
	background-image: url(../images/shared/btn_bg.gif);
	background-repeat: no-repeat;
	background-position: right center;
	color: #FFF;
	padding-left: 30px;
	padding-top: 3px;
	margin-right: 15px;
	padding-right: 35px;
}
.btn_s a:hover{
	background-image: url(../images/shared/btn_bg_s.gif);
	color: #FFF;
}
.btn2_s {
	height: 25px;
	text-align: center;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
}
.btn2_s b{
	padding-right: 5px;
	padding-left: 5px;
}
.btn2_s a {
	text-align: center;
	display: inline-block;
	height: 30px;
	font-size: 17px;
	color: #FFF;
	padding-left: 25px;
	padding-top: 3px;
	padding-right: 25px;
	background-color: #a73124;
}
.btn2_s a:hover{
	color: #FFF;
	background-color: #c16e65;
}
.btn3_s {
	height: 22px;
	text-align: center;
	display: block;
	float: left;
	clear: both;
	margin-top: 5px;
}
.btn3_s a {
	text-align: center;
	display: inline-block;
	height: 22px;
	line-height:23px;
	font-size: 13px;
	background-image: url(../images/shared/btn3_bg.gif);
	background-repeat: no-repeat;
	background-position: right center;
	color: #000000;
	float: left;
	width: 75px;
	padding-right:8px;
	margin-right:13px;
}
.btn3_s a:hover{
	background-image: url(../images/shared/btn3_bg_s.gif);
	color: #000000;
}
.btn4_s {
	display: block;
	float: left;
	clear: both;
	margin-bottom: 15px;
}
.btn4_s p{
	float: left;
		}
.btn4_s img{
	vertical-align: middle;
	padding-right: 10px;
	}
.btn4_s p.link a{
	font-size: 17px;
	color: #a73124;	
	width: 500px;
	display: block;
	}
.btn4_s p.link a:hover{
	color: #333;
}
/*--line-------------------------------------------------------------------------------------------------*/
.line {
	display: block;
	margin-top: 30px;
	border-bottom-width: 1pt;
	border-bottom-style: solid;
	border-bottom-color: #cecece;
	clear: both;
	margin-bottom: 30px;
	height: 1px;
	overflow: hidden;
}

.p_line_top {/*上面*/
	background-image: url(../images/shared/p-line.gif);
	background-repeat: repeat-x;
	background-position: top;
	}
.p_line_center {/*中間*/
	background-image: url(../images/shared/p-line.gif);
	background-repeat: repeat-x;
	background-position: center;
	}
.p_line_bottom {/*下面*/
	background-image: url(../images/shared/p-line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	}
/*-link-----------------------------------------------------------------------------------------------*/
a{
	color: #333333;
	text-decoration: none;
}
a:hover{
	color: #c17f22;
}
#shared_list .list .item .pic a ,
#shared_list .focus .pic a ,
#shared_list .focus2 .pic a ,
#complex_result .focus .pic a ,
.dr_z dd.pic a{
	opacity: 1;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
#shared_list .list .item .pic a:hover ,
#shared_list .focus .pic a:hover ,
#shared_list .focus2 .pic a:hover ,
#complex_result .focus .pic a:hover ,
.dr_z dd.pic a:hover{
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5;
}
/*--font---------------------------------------------------------------------------------------------------*/
.black {
	color: #000000;
}
.white {
	color: #FFFFFF;
}
.brown {
	color: #7a4800;
}
.blue {
	color: #0066CC;
}
.red {
	color: #e60012;
}
.green {
	color: #00492c;
}
.orange {
	color: #FF6600;
}
.yellow_bg {
	background-color: #fff1c0;
}
.font15{
	font-size: 15px;
}
.font20{
	font-size: 20px;
}
.font22{
	font-size: 22px;
}
.font27{
	font-size: 27px;
}
.font35{
	font-size: 35px;
}
/*--index 首頁-------------------------------------------------------------------------------------------------*/
#in_banner{
	width: 240px;
	float: left;
	margin-bottom: 30px;
	margin-right: 20px;
}
#in_banner .banner1 ,#in_banner .banner2 {
	float: left;
	width: 195px;
	background-repeat: no-repeat;
	height: 153px;
	padding-top: 7px;
	padding-right: 15px;
	padding-left: 30px;
}
#in_banner .banner1 {
	background-image: url(../images/index/banner1.jpg);
}
#in_banner .banner2 {
	background-image: url(../images/index/banner2.jpg);
	margin-top: 16px;
}
#in_banner .banner1 dt ,#in_banner .banner2 dt{
	font-size: 23px;
	font-weight: bold;
	color: #00492c;
	padding-left: 23px;
	padding-top: 5px;
}
#in_banner .banner1 dd ,#in_banner .banner2 dd{
	line-height: 160%;
	float: left;
}
#in_banner .banner1 dd.msg{
	font-weight: bold;
}
#in_banner .banner1 dd.number ,#in_banner .banner2 dd.number{
	font-size: 13px;
	color: #000000;
	width: 190px;
}
#in_ad{

}
#in_info{
	clear: both;
}
.drive_safe ,.info ,.dr_z{
	float: left;
	width: 300px;
}
.drive_safe ,.info{
	margin-right: 25px;
}
.drive_safe dd ,.info dd ,.dr_z dd{
	float: left;
}
.drive_safe dd ,.info dd{
	position: relative;
	clear: both;
}
.drive_safe dd.day ,.info dd.day{
	font-size: 12px;
	color: #969696;
	padding-top: 5px;
	padding-left: 7px;
	height: 15px;
	text-align: right;
	width: 293px;
	padding-bottom: 10px;
	clear: both;
}
.drive_safe dd.itme .msg a ,.info dd.itme .msg a{
	height: 50px;
	width: 260px;
	position: absolute;
	background-image: url(../images/shared/hsla_bg.png);
	background-repeat: repeat;
	padding-right: 20px;
	padding-left: 20px;
	left: 0px;
	top: 145px;
	color: #FFFFFF;
	line-height: 150%;
	padding-top: 5px;
}
.drive_safe dd.itme .msg a:hover ,.info dd.itme .msg a:hover{
	color: #ffca00;
}
.dr_z dd{
}
.dr_z dd.pic{
	height: 90px;
	width: 135px;
	margin-top: 30px;
	margin-right: 10px;
}
.dr_z dd.title{
	font-size: 17px;
	font-weight: bold;
	height: 80px;
	overflow: hidden;
	width: 155px;
	padding-top: 30px;
	line-height: 150%;
}
.dr_z dd.title a{
	color: #c07f21;
}
.dr_z dd.title a:hover{
	color: #333333;
	}
.dr_z dd.msg{
	height: 95px;
	width: 300px;
	padding-top: 15px;
}

/*--login  會員登入-------------------------------------------------------------------------------------------------*/
#login ,#declare{
	height: 600px;
	width: 480px;
	margin-top: 150px;
	margin-right: auto;
	margin-left: auto;
	font-size: 17px;
}
#login{
	background-color: #fff2c1;
	position: relative;
}
.loginform{
	position:absolute;
	margin-left:30px;
	margin-top:10px;
}
#login .clause{
	height: 115px;
	overflow: scroll;
	font-size: 15px;
	width: 380px;
	overflow-x:hidden;
	background-color: #FFF;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
#login td{
	padding: 5px;
}
.hp-dropdown {
	width: 235px;
	font-size: 17px;
	}
.login_out a{
	font-size: 18px;
	font-weight: bold;
	color: #000;
	text-decoration: underline;
	float: right;
	margin-top: 30px;
}
.login_out a:hover{
	color: #666;
	text-decoration: none;
}
/*--declare 受測申明-------------------------------------------------------------------------------------------------*/

.declare{
	width:100%;
	height:100%;
	background-color:rgba(0%, 0%, 0%, 0.8);
	z-index:1799;
}
.declarebg{
	background-color:#fff;
	position:absolute;
	margin:0;
	margin:50px 0 0 300px;
	width:500px;
	height:450px;
	z-index:1800;
}
.declare .close{
	position:absolute;
	margin:0;
	margin:100px 0 0 750px;
	z-index:1820;
}
.declaretxt{
	position:absolute;
	background-color:#fff;
	margin:40px 0 0 50px;
	z-index:1830;
}
/*--drive_diagnose  駕駛適性診斷-------------------------------------------------------------------------------------------------*/
#drive_diagnose{
}
#drive_diagnose dl{
	clear: both;
	margin-top: 55px;
	display: block;
	position: relative;
	margin-bottom: 55px;
	height: 150px;
}
#drive_diagnose dt{
	float: left;
	width: 200px;
	margin-right: 30px;}
#drive_diagnose dd{
	float: left;
}
#drive_diagnose dd.msg{
	float: left;
	width: 425px;
	margin-bottom: 13px;
}
#drive_diagnose dd.btn{
	float: left;
}
#drive_diagnose dd.day{
	position: absolute;
	left: 498px;
	top: 152px;
	font-size: 13px;
	width: 163px;
	height: 22px;
}
/*----drive_diagnose_test----*/
#drive_diagnose_test ,#drive_diagnose_evaluate{
	margin-top: 40px;
	width: 750px;
	float: left;
	font-size: 17px;
	position: relative;
}
#drive_diagnose_test .schedule{
	position: absolute;
	height: 20px;
	width: 268px;
	left: 478px;
	top: 9px;
	text-align: right;
}
#drive_diagnose_test .step{
	clear: both;
	margin-top: 25px;
	padding-top: 25px;
}
#drive_diagnose_test .step td{
	padding-top: 9px;
	padding-right: 5px;
	padding-bottom: 9px;
	padding-left: 5px;
}
#drive_diagnose_test .step .hr{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cecece;
}
#drive_diagnose_test .step .line2{
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #cecece;
}
#drive_diagnose_test .step .line3{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #cecece;
}
/*----drive_diagnose_evaluate----*/
#drive_diagnose_evaluate .graph1{
	float: left;
	height: 350px;
	width: 363px;
}
#drive_diagnose_evaluate .graph2{
	float: left;
	height: 313px;
	width: 314px;
}
/*#drive_diagnose_evaluate .chapter1{
	height: 45px;
	width: 45px;
	position: absolute;
	left: 106px;
	top: 93px;
}
#drive_diagnose_evaluate .chapter2{
	height: 130px;
	width: 130px;
	position: absolute;
	left: 50px;
	top: 49px;
}*/
#drive_diagnose_evaluate .info1{
	float: left;
	width: 340px;
	margin-left: 40px;
}
#drive_diagnose_evaluate .info1 p{
	clear: both;
}
#drive_diagnose_evaluate .radar1{
	clear: both;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#drive_diagnose_evaluate .radar1 .comment{
	text-align: left;
	width: 495px;
	text-indent:-35px;
	padding-left: 35px;
	margin-right: auto;
	margin-left: auto;
}
#drive_diagnose_evaluate .assess1{
	font-size: 15px;
}
#drive_diagnose_evaluate .assess1 .title{
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}
#drive_diagnose_evaluate .assess1 .tt{
	font-size: 20px;
	font-weight: bold;
	color: #00492c;
	background-color: #fff0b8;
	text-align: center;
}
#drive_diagnose_evaluate .assess1 .msg{
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#drive_diagnose_evaluate .assess1 .pic{
	clear: both;
	height: 40px;
	width: 510px;
	margin-right: auto;
	margin-left: auto;
}
#drive_diagnose_evaluate table{
    border-collapse: collapse;
    border-spacing: 0;
	border: 1px solid #cccccc;
	margin:6px 0 10px 0;
	}
#drive_diagnose_evaluate th {
	border: 1px solid #cccccc;
	border-bottom: 3px solid #cf161b;
	background:#e9e9e9;
	text-align:center;
	color:#cf161b;
	vertical-align: middle;
	}
#drive_diagnose_evaluate td{
	border: 1px solid #ccc;
	vertical-align: middle;/*上下置中*/
	}
/*----drive_diagnose_introduction----*/
#drive_diagnose_introduction dl{
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
}
#drive_diagnose_introduction dt{
	float: left;
}
#drive_diagnose_introduction dd{
	float: left;
	width: 510px;
	margin-left: 10px;
}
#drive_diagnose_introduction dd.title{
	font-size: 18px;
	font-weight: bold;
	padding-top: 7px;
}
#drive_diagnose_introduction dd.msg{
}

/*--aware_test  駕駛適性診斷-------------------------------------------------------------------------------------------------*/
#aware_test{
}

#aware_test dl{
	display: block;
	position: relative;
	float: left;
	width: 320px;
}
#aware_test dt{
	float: left;
	height: 173px;
}
#aware_test dd.msg{
	float: left;
	width: 300px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 15px;
}
#aware_test dd.btn{
	float: left;
	margin-left: 15px;
}
/*----aware_test_online----*/
#aware_test_online{
	float: right;
	width: 660px;
}

#aware_test_online .mov{
	height: 395px;
	width: 663px;
	padding-top: 70px;
	padding-bottom: 15px;
	clear: both;
}
#aware_test_online dl{
	clear: both;
	margin-top: 30px;
	display: block;
	overflow: hidden;
}
#aware_test_online dt{
	border-radius:20px;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	background-color: #7a4800;
	padding-top: 3px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	display: block;
	float: left;
	height: 24px;
	margin-right: 10px;	
}
#aware_test_online dd.flag{
	float:left;
}
#aware_test_online dd.msg{
	float:left;
	width: 340px;
	margin-right: 45px;
}
#aware_test_online dd.msg2{
	float:left;
	width: 660px;
	margin-top: 20px;
}
#aware_test_online dd.btn{
	float:left;
	width: 110px;
	}
#aware_test_online dd.btn a{
	font-size: 22px;
	font-weight: bold;
	color: #000;
	text-align: center;
	height: 55px;
	width: 110px;
	padding-top: 20px;
	background-color: #ffca00;
	border-radius:10px;
	display: block;
}
#aware_test_online dd.btn a:hover{
	background-color: #ffda4c;
}
#aware_test_online dd.btn .note{
	text-align: center;
	line-height: 120%;
	margin-top: 5px;
	display: block;
}
/*----aware_test_evaluate----*/
#aware_test_evaluate{
	background-color: #FFFFFF;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 50px;
	padding-left: 50px;
	padding-top: 30px;
	position: relative;
}
#aware_test_evaluate .close{
	position: absolute;
	left: 777px;
	top: 32px;
	z-index: 2;
}
.evaluate_h2{
	font-size: 18px;
	font-weight: bold;
	color: #c28022;
	display: block;
	padding-top: 50px;
	*padding-top: 20px;
	padding-bottom: 24px;
	clear: both;
}
.evaluate_explain{
	clear: both;
	margin-bottom: 45px;
}
.evaluate_score{
	background-image: url(../images/aware_test/score_pic.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 100px;
	padding-top: 30px;
	padding-left: 290px;
	position: relative;
	float: left;
	padding-right: 40px;
}
.evaluate_score2 dl{
	width: 280px;
	height: 150px;
	float: left;
	padding-right: 40px;
}
.evaluate_score2 dt{
	font-size: 20px;
	font-weight: bold;
	color: #e60012;
	margin-top: 15px;
	line-height: 150%;
	margin-bottom: 3px;
}
.evaluate_score2 dd{
	line-height: 150%;
	font-size: 13px;
}
.result dl{
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
.result dt{
	background-color: #fff0b8;
	height: 34px;
	width: 728px;
	padding-left: 20px;
	font-size: 17px;
	font-weight: bold;
	color: #00492c;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #cecece;
	border-right-color: #cecece;
	border-left-color: #cecece;
	padding-top: 6px;
	clear: both;
}
.result dd.score3{
	float: left;
	height: 140px;
	width: 140px;
	border: 1px solid #cecece;
}
.result dd.score3 .msg1{
	font-size: 17px;
	height: 25px;
	padding-top: 10px;
	padding-left: 20px;
	float: left;
}
.result dd.score3 .msg2{
	font-size: 70px;
	color: #e60012;
	width: 90px;
	text-align: center;
	float: left;
	padding-left: 30px;
	display: block;
	padding-top: 30px;
	*padding-bottom: 30px;
}
.result dd.result_info{
	float: left;
	height: 120px;
	width: 586px;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #cecece;
	border-right-color: #cecece;
	border-bottom-color: #cecece;
	padding: 10px;
}
/*----aware_test_print----*/
#aware_test_print{
	background-color: #FFFFFF;
	height: 1020px;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 120px;
	padding-right: 100px;
	padding-left: 100px;
	position: relative;
}
#aware_test_print .top_logo{
	float: left;
	padding-top: 30px;
	padding-left: 50px;
	position: absolute;
	left: 2px;
	top: 3px;
}
#aware_test_print .bottom_logo{
	position: absolute;
	left: 316px;
	top: 1083px;
}
#aware_test_print .bottom_logo_1{
	position: absolute;
	left: 286px;
	top: 1353px;
}
#aware_test_print .mem_info{
	clear: both;
	margin-right: auto;
	margin-bottom: 35px;
	margin-left: auto;
}
#aware_test_print .mem_info td{
	padding: 5px;
	}
#aware_test_print .mem_info .form table{
    border-collapse: collapse;
    border-spacing: 0;
	border: 1px solid #cccccc;
	margin:6px 0 10px 0;
	}
#aware_test_print .mem_info .form th {
	border: 1px solid #cccccc;
	border-bottom: 3px solid #cf161b;
	background:#e9e9e9;
	text-align:center;
	color:#cf161b;
	vertical-align: middle;
	}
#aware_test_print .mem_info .form td{
	border: 1px solid #ccc;
	text-align:center;
	vertical-align: middle;/*上下置中*/
	}
#aware_test_print dl.info {
	border: 1px solid #d0d0d0;
	width: 730px;
	display: block;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
}
#aware_test_print .info dt{
	font-size: 15px;
	font-weight: bold;
	color: #F00;
}	
#aware_test_print .info dd{
	font-size: 13px;
}	

/*--列表頁共用(綜合結果、Dr.Z名人談 、Dr.Z名人談 )-------------------------------------------------------------------------------------------------*/
#complex_result{
	margin-top: 45px;
}
#complex_result .banner{
	height: 150px;
	width: 655px;
	margin-top: 30px;
	margin-bottom: 20px;
}
#complex_result .main{
	clear: both;
	margin-top: 50px;
	margin-bottom: 50px;
	*margin-bottom: 30px;
	width: 650px;
	display: block;
	float: left;
}
#complex_result .focus{
	height: 195px;
	width: 655px;
	margin-top: 30px;
	margin-bottom: 20px;
}
#complex_result .focus .pic{
	height: 195px;
	width: 306px;
	background-image: url(../images/dr_z/dr_z.jpg);
	background-repeat: no-repeat;
	padding-top: 14px;
	padding-left: 13px;
	float: left;
	}
#complex_result .focus .item{
	width: 320px;
	margin-left: 10px;
	float: left;
	margin-top: 10px;
	}
#complex_result .focus .item .tt a{
	font-size: 17px;
	color: #7a4801;
	width: 320px;
	float: left;
	margin-bottom: 20px;
}
#complex_result .focus .item .tt a:hover{
	color: #333;
}
#complex_result dl{
	margin-bottom: 50px;
}
#complex_result dt ,#complex_result dd{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cecece;
	clear: both;
	height: 45px;
}
#complex_result dt{
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #cecece;
}
#complex_result dt p ,#complex_result dd p{
	float: left;
	height: 33px;
	padding-top: 12px;
	}
#complex_result dt p {
	font-size: 17px;
	font-weight: bold;
	color: #7a4801;
	}
#complex_result dt p.no{
	text-align: center;
	width: 65px;
}
#complex_result dt p.title{
	width: 245px;
	margin-right: 50px;
	margin-left: 30px;
	padding-left: 175px;
}
#complex_result dt p.day{
	width: 90px;
}
#complex_result dd p.no{
	text-align: center;
	width: 65px;
	}
#complex_result dd p.title{
	width: 426px;
	margin-right: 35px;
	margin-left: 30px;
	overflow: hidden;
	}
#complex_result dd p.title a{
	color: #333333;
	}
#complex_result dd p.title a:hover{
	color: #c17f22;
}	
#complex_result dd p.day{
	width: 90px;
	}
/*----dt頁共用(綜合結果、交通安全教室、情報室、Dr.Z名人談 、Dr.Z名人談)---*/
#complex_result_dt ,#shared_dt{
	margin-top: 45px;	}
#complex_result_dt .title ,#shared_dt .title{
	height: 45px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #cecece;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: bold;
	color: #c17f22;
}
#complex_result_dt .day ,#shared_dt .day{
	float: left;
	height: 25px;
}
#complex_result_dt .fb ,#shared_dt .fb{
	float: right;
	height: 25px;
}
#complex_result_dt .main ,#shared_dt .main{
	clear: both;
	margin-top: 50px;
	margin-bottom: 50px;
	*margin-bottom: 30px;
	width: 650px;
	display: block;
	float: left;
}
/*--drive_safe_game  駕駛安全學-------------------------------------------------------------------------------------------------*/
/*--駕駛五力全開--*/
#drive_safe_game{
	margin-top: 47px;
}
#drive_safe_game dd{
	float: left;
	width: 664px;
	position: relative;
	margin-bottom: 25px;
}
#drive_safe_game dd p.btn1 ,#drive_safe_game dd p.btn2{
	height: 100px;
	width: 99px;
	position: absolute;
	left: 522px;
	top: 70px;
}
#drive_safe_game dd p.btn1{
	left: 525px;
	top: 173px;
}
#drive_safe_game dd. p.btn2{
	left: 525px;
	top: 70px;
}
/*---列表頁共用(交通安全教室、情報室)--*/
#shared_list{}
#shared_list .focus{
	background-image: url(../images/drive_safe/drive_safe_classrooms.jpg);
	background-repeat: no-repeat;
	height: 320px;
	width: 655px;
	position: relative;
}
#shared_list .focus .pic{
	position: absolute;
	height: 167px;
	width: 250px;
	left: 344px;
	top: 57px;
}
#shared_list .focus .title a{
	position: absolute;
	height: 50px;
	width: 245px;
	left: 349px;
	top: 226px;
	font-size: 17px;
	line-height: 150%;
	color: #7a4801;
}
#shared_list .focus .title a:hover{
	color: #333;
}
#shared_list .focus2{
	background-image: url(../images/info_room/info_room.jpg);
	background-repeat: no-repeat;
	height: 320px;
	width: 655px;
	position: relative;
}
#shared_list .focus2 .pic{
	position: absolute;
	height: 167px;
	width: 250px;
	left: 338px;
	top: 94px;
	box-shadow:0px 0px 5px #ccc;
	padding: 5px;
	background-color: #FFF;
}
#shared_list .focus2 .title a{
	position: absolute;
	height: 100px;
	width: 212px;
	left: 97px;
	top: 161px;
	font-size: 17px;
	line-height: 150%;
	color: #7a4801;
}
#shared_list .focus2 .title a:hover{
	color: #333;
}

#shared_list .list{
	clear: both;
	margin-top: 35px;
	margin-bottom: 20px;
	display: block;
	overflow: hidden;
}
#shared_list .list .item{
	float: left;
	width: 210px;
	margin-right: 4px;
	margin-left: 4px;
}
#shared_list .list .item dt{
	font-size: 17px;
	width: 190px;
	line-height: 150%;
	background-color: #f2f2f2;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 18px;
	height: 50px;
}
#shared_list .list .item dt a{
	color: #7a4801;
}
#shared_list .list .item dt a:hover{
	color: #000;
}
#shared_list .list .item dd{
	float: left;
}
#shared_list .list .item .day{
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #f2f2f2;
	width: 200px;
	padding-top: 5px;
}
#shared_list .list .item .pic{}
#shared_list .list .item .stats{
	text-align: center;
	width: 210px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	background-color: #FFF;
	height: 40px;
}
#shared_list .list .item .stats img{
	margin-right: 5px;
}
#shared_list .list .item .stats .praise ,#shared_list .list .item .stats .look{
	height: 21px;
	padding-right: 7px;
	padding-left: 7px;
	border-radius:5px;
	display: inline-block;
	margin-right: 10px;
	text-align: center;
	padding-bottom: 3px;
}
#shared_list .list .item .stats .praise{
	background-color: #eceff4;
	border: 1px solid #d2d8e6;
	color: #3d4f80;
}
#shared_list .list .item .stats .look{
	background-color: #f1f1f1;
	border: 1px solid #d2d8e6;
	color: #333333;
}
/*--copyright  版權宣告-------------------------------------------------------------------------------------------------*/
#footer{/*頁面底部*/
	clear: both;
	height: 138px;
	display: block;
	margin-top: 40px;
	overflow: hidden;
	background-image: url(../images/shared/footer-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #fff200;
}
#copyright{
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}
#copyright .logo{
	height: 40px;
	margin-right: 35px;
	display: block;
	float: left;
	margin-top: 7px;
}
#copyright dd{
	color: #FFF;
}
#copyright dd a{
	color: #FFF;
}
#copyright dd a:hover{
	color: #FF0;
}
#copyright .msg{
	font-size: 13px;
	float: left;
	position: relative;
}
#copyright .msg .tel{
	font-size: 15px;
}
#copyright .msg .fb{
	display: inline-block;
	overflow: hidden;
	position: absolute;
	top: 33px;
	left: 0px;
}
#copyright .msg .link{
	position: absolute;
	width: 359px;
	height: 26px;
	left: 20px;
	top: 29px;
}
#copyright .msg .company{
	position: absolute;
	width: 359px;
	height: 26px;
	top: 60px;

}
#copyright .qrcode{
	float: right;
	font-size: 13px;
	margin-top: -10px;
}
/*.dot_out{
	height:20px;
	width:auto;
	width:300px;
}
.dot_out span{
	background:url(../images/index/dot2.gif) no-repeat;
	height:20px;
	width:15px;
	margin:10px 7px 0 7px;
	display:inline-block;
}
.dot_out a span{
	background:url(../images/index/dot.gif) no-repeat;

}
.dot_out a:hover span{
	background:url(../images/index/dot2.gif) no-repeat;
}
*/</pre></body></html>