@charset "utf-8";
/* CSS Document */

/*Reset------------------------------------*/
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, 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,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

.fix{clear:both;}

/*basic------------------------------------*/
body{
	overflow-x: hidden;
	}
.wrapper{
	width:100%;
	}
#section0{
	background:#fff;
	position:relative;
	z-index:3;
	background:url(../images/pattern/top_bk.png) 101% 15% no-repeat #ffffff \9;

}
#section1{
	overflow:hidden;
	}
.header{
	width:100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border-bottom:3px solid #83b0e5;
	position:fixed;
	}
.header h1{
	width:730px;
	height:220px;
	text-indent:-9999em;
	position:relative;
	left:-70px;
	background:url(//image.yes123.com.tw/admin/assessment/images/pic/logo.png);
	}
.header h2{
	width:709px;
	height:35px;
	text-indent:-9999em;
	position:relative;
	left:-60px;
	background:url(//image.yes123.com.tw/admin/assessment/images/pic/logo_h2.png);
	}
.header p{
	width:500px;
	color:#333;
	font-size:15px;
	line-height:1.3em;
	margin-top:20px;
	margin-left:150px;
	margin-bottom:10px;
	font-family:'微軟正黑體',Arial, Helvetica, sans-serif;
	}
.header .btn_box{
	width:215px;
	position:absolute;
	top:144px;
	right:40px;
	}
.sp_note{color:#377bca; font-weight:bold;}
.sp_line{ text-decoration:underline;}
a.submit_btn{
	width:215px;
	height:65px;
	display:block;
	text-indent:-9999em;
	background-image:url(//image.yes123.com.tw/admin/assessment/images/sys/sp_submit.png);
	background-position:0 0;
	background-repeat:no-repeat;
	background-color:#ffae00;
	border:1px solid #ff9a2e;
	-webkit-border-radius:.5em;
	-moz-border-radius:.5em;
	border-radius:.5em;
	-webkit-box-shadow:0 2px  2px rgba(0,0,0,.3);
	-moz-box-shadow:0 2px  2px rgba(0,0,0,.3);
	box-shadow:0 2px  2px rgba(0,0,0,.3);
	}
a:hover.submit_btn{
	background-position:0 -65px;
	border:1px solid #ffc529;
	}
a:active.submit_btn{
	background-position:0 -130px;
	border:1px solid #555;
	-webkit-box-shadow:inset 0 5px  8px rgba(0,0,0,.6);
	-moz-box-shadow:inset 0 5px  8px rgba(0,0,0,.6);
	box-shadow:inset 0 5px  8px rgba(0,0,0,.6);
	}

a.submit2_btn{
	width:215px;
	height:55px;
	display:block;
	text-indent:-9999em;
	background-image:url(//image.yes123.com.tw/admin/assessment/images/sys/sp_submit2.png);
	background-position:0 0;
	background-repeat:no-repeat;
	background-color:#ffae00;
	border:1px solid #ff9a2e;
	-webkit-border-radius:.5em;
	-moz-border-radius:.5em;
	border-radius:.5em;
	-webkit-box-shadow:0 2px  2px rgba(0,0,0,.3);
	-moz-box-shadow:0 2px  2px rgba(0,0,0,.3);
	box-shadow:0 2px  2px rgba(0,0,0,.3);
	}
a:hover.submit2_btn{
	background-position:0 -55px;
	border:1px solid #ffc529;
	}
a:active.submit2_btn{
	background-position:0 -110px;
	border:1px solid #555;
	-webkit-box-shadow:inset 0 5px  8px rgba(0,0,0,.6);
	-moz-box-shadow:inset 0 5px  8px rgba(0,0,0,.6);
	box-shadow:inset 0 5px  8px rgba(0,0,0,.6);
	}
/*看報告*/
a.report_btn{
	width:215px;
	height:65px;
	display:block;
	text-indent:-9999em;
	background-image:url(//image.yes123.com.tw/admin/assessment/images/sys/sp_report.png);
	background-position:0 0;
	background-repeat:no-repeat;
	background-color:#ffae00;
	border:1px solid #ff9a2e;
	-webkit-border-radius:.5em;
	-moz-border-radius:.5em;
	border-radius:.5em;
	-webkit-box-shadow:0 2px  2px rgba(0,0,0,.3);
	-moz-box-shadow:0 2px  2px rgba(0,0,0,.3);
	box-shadow:0 2px  2px rgba(0,0,0,.3);
	}
a:hover.report_btn{
	background-position:0 -65px;
	border:1px solid #ffc529;
	}
a:active.report_btn{
	background-position:0 -130px;
	border:1px solid #555;
	-webkit-box-shadow:inset 0 5px  8px rgba(0,0,0,.6);
	-moz-box-shadow:inset 0 5px  8px rgba(0,0,0,.6);
	box-shadow:inset 0 5px  8px rgba(0,0,0,.6);
	}
a.report2_btn{
	width:215px;
	height:55px;
	display:block;
	text-indent:-9999em;
	background-image:url(//image.yes123.com.tw/admin/assessment/images/sys/sp_report2.png);
	background-position:0 0;
	background-repeat:no-repeat;
	background-color:#ffae00;
	border:1px solid #ff9a2e;
	-webkit-border-radius:.5em;
	-moz-border-radius:.5em;
	border-radius:.5em;
	-webkit-box-shadow:0 2px  2px rgba(0,0,0,.3);
	-moz-box-shadow:0 2px  2px rgba(0,0,0,.3);
	box-shadow:0 2px  2px rgba(0,0,0,.3);
	}
a:hover.report2_btn{
	background-position:0 -55px;
	border:1px solid #ffc529;
	}
a:active.report2_btn{
	background-position:0 -110px;
	border:1px solid #555;
	-webkit-box-shadow:inset 0 5px  8px rgba(0,0,0,.6);
	-moz-box-shadow:inset 0 5px  8px rgba(0,0,0,.6);
	box-shadow:inset 0 5px  8px rgba(0,0,0,.6);
	}
a.report{
	color:#2a70be;
	font-family:'微軟正黑體',Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:2px 5px 1px 18px;
	margin-top:20px;
	margin-left:55px;
	background:url(//image.yes123.com.tw/admin/assessment/images/sys/report.png) 0 0 no-repeat;
	}
a.rebb{
	color:#2a70be;
	font-family:'微軟正黑體',Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:2px 5px 1px 18px;
	margin-top:10px;
	margin-left:55px;
	background:url(//image.yes123.com.tw/admin/assessment/images/sys/rebb.png) -1px 0 no-repeat;
	}
a:hover.report,a:hover.rebb{
	text-decoration:underline;
	}
.abst_bk{
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;

}
.abs_1{
	fill:#FFB300;
	opacity:.43;
}
/*單元--------------------------------------------------*/
.section{
	min-width:980px;
	position:relative;
		font-family:'微軟正黑體',Arial, Helvetica, sans-serif;
	}
/*特色--------------------------------------------------*/
.tp01{
	background:#f3faff;
	overflow:hidden;
	}
.tp01 ul{
	display:block;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	width:920px;
	overflow:hidden;
	margin-bottom:30px;
	}
.tp01 ul li{
	width:200px;
	float:left;
	color:#333;
	padding-top:225px;
	margin-right:40px;
	}
#section1 li{
			position:relative;
			top:70px;
			opacity: 0;
		}
#section1 li{
			top:0 \9;
		}
.tp01 ul li:last-child{
	margin-right:0;
}
.tp01 ul li.t2_p04{
	margin-right:0 \9;
}
.tp01 ul li h4{
	font-size:21px;
	color:#424242;
	text-shadow:-1px 0 0 #424242;
	margin-bottom:15px;
	text-align:center;
	}
.tp01 ul li p{
	font-size:15px;
	color:#424242;
	line-height:1.4em;
}
.tp01 .tp1b{
		padding-top:10px;
		top:10px;
		position:relative;
	}
.t2_p01{background:url(//image.yes123.com.tw/admin/assessment/images/pic/sp_2_01.png) 0 3px no-repeat;}
.t2_p02{background:url(//image.yes123.com.tw/admin/assessment/images/pic/sp_2_02.png) 0 0 no-repeat;}
.t2_p03{background:url(//image.yes123.com.tw/admin/assessment/images/pic/sp_2_03.png) 0 0 no-repeat;}
.t2_p04{background:url(//image.yes123.com.tw/admin/assessment/images/pic/sp_2_04.png) 0 0 no-repeat;}
.btn{
	width:280px;
	height:50px;
	}
.btn a{
	display:block;
	width:280px;
	height:50px;
	text-indent:-9999em;
	border:1px solid #9c9c9c;
	
	-webkit-border-radius:.5em;
	-moz-border-radius:.5em;
	border-radius:.5em;
	-webkit-box-shadow:0 2px 1px rgba(0,0,0,.3);
	-moz-box-shadow:0 2px 1px rgba(0,0,0,.3);
	box-shadow:0 2px 1px rgba(0,0,0,.3);
	}
.btn a:active{
	-webkit-box-shadow:inset 0 4px 5px rgba(0,0,0,.6);
	-moz-box-shadow:inset 0 4px 5px rgba(0,0,0,.6);
	box-shadow:inset 0 4px 5px rgba(0,0,0,.6);
	}
.tp01 .tpbtn1{
	margin-left:20px;
}
.tp01 .tpbtn1 a{
	background:url(//image.yes123.com.tw/admin/assessment/images/sys/sp_2_btn.png) 0 0 no-repeat;
	}
.tp01 .tpbtn1 a:hover{
	background:url(//image.yes123.com.tw/admin/assessment/images/sys/sp_2_btn_h.png) 0 0 no-repeat;
	}
.tp01 .tpbtn1 a:active{
	background:url(//image.yes123.com.tw/admin/assessment/images/sys/sp_2_btn_a.png) 0 0 no-repeat;
	}
.tp_note{
	float:right;
	width:565px;
	height:90px;
	font-size:13px;
	color:#5988bf;
	line-height:1.4em;
	padding:17px 35px 0;
	position:relative;
	top:-18px;
	margin-right:40px;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	background:url(//image.yes123.com.tw/admin/assessment/images/pattern/p_2_clu.png) 0 0 no-repeat;
}
.tp1_bk1{
	width:486px;
	height:486px;
	background:url(//image.yes123.com.tw/admin/assessment/images/pattern/p_2_bk1.png) 0 0 no-repeat;
	position:absolute;
	left:-14%;
	top:0;
	background-size:100%;
	-moz-animation: spin 8s infinite linear;
    -webkit-animation: spin 8s infinite linear;
}
.tp1_bk2{
	width:486px;
	height:486px;
	background:url(//image.yes123.com.tw/admin/assessment//images/pattern/p_2_bk1.png) 0 0 no-repeat;
	background-size:100%;
	position:absolute;
	right:-15%;
	bottom:0;
	 -moz-animation: spinoff 8s infinite linear;
    -webkit-animation: spinoff 8s infinite linear;
}
#section1 .tp1_bk1{
	width:900px;
	height:900px;
	position:absolute;
	left:15%;
	top:1%;
	opacity: .4;
	}
#section1 .tp1_bk2{
	width:720px;
	height:720px;
	position:absolute;
	right:21%;
	bottom:10%;
	opacity: .4;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}
@-webkit-keyframes spinoff {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
    }
}
@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    }
}
@-moz-keyframes spinoff {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(-360deg);
    }
}
/*光譜---------------------------------------*/
.tp02{
	background: url(//image.yes123.com.tw/admin/assessment//images/pattern/p_3_bk.png);
	}
.tp02 .artc{
	width:285px;
	float:left;
	color:#424242;
	margin-top:35px;
	margin-left:35px;
}
.tp02 .artc p{
	font-size:15px;
	text-align:justify;
	line-height:1.4em;
	margin-bottom:20px;
}
.tp02 .chart{
	width:600px;
	height:550px;
	float:right;
	position:relative;
	top:-140px;
	}
.tp02 .tpbtn2{
	margin-top:50px;
}
.tp02 .tpbtn2 a{
	background:url(//image.yes123.com.tw/admin/assessment//images/sys/sp_3_btn.png) 0 0 no-repeat;
	}
.tp02 .tpbtn2 a:hover{
	background:url(//image.yes123.com.tw/admin/assessment//images/sys/sp_3_btn_h.png) 0 0 no-repeat;
	}
.tp02 .tpbtn2 a:active{
	background:url(//image.yes123.com.tw/admin/assessment//images/sys/sp_3_btn_a.png) 0 0 no-repeat;
	}
/*光譜圖*/
.cpi{
	position:absolute;
	}
.ct{
	width:718px;
	height:718px;
	position:absolute;
	}
.ct_01{
		width:300px;
		height:300px;
		left:209px;
		top:209px;
		background:url(//image.yes123.com.tw/admin/assessment//images/pic/p_3_c01.png);
	}
.ct_02{
		width:430px;
		height:430px;
		left:144px;
		top:144px;
		background:url(//image.yes123.com.tw/admin/assessment//images/pic/p_3_c02.png);
	}
.ct_03{
		width:564px;
		height:564px;
		left:77px;
		top:77px;
		background:url(//image.yes123.com.tw/admin/assessment//images/pic/p_3_c03.png);
	}
.ct_04{
		width:699px;
		height:699px;
		left:10.5px;
		top:10.5px;
		background:url(//image.yes123.com.tw/admin/assessment//images/pic/p_3_c04.png);
	}
.ct_05{
		width:718px;
		height:718px;
		left:1px;
		top:1px;
		background:url(//image.yes123.com.tw/admin/assessment//images/pic/p_3_c05.png);
	}
.ct_line{
		width:503px;
		height:503px;
		left:107.5px;
		top:107.5px;
		background:url(//image.yes123.com.tw/admin/assessment//images/pic/p_3_l.png);
}
.ct_txt{
	z-index:15;
	width:230px;
	}
.ct_txt h4{
	font-size:32px;
	font-weight:normal;
	margin-bottom:15px;
}
.ct_txt .ct_tf{
	font-size:13px;
	float:right;
	width:28px;
	padding:10px;
	border-style:solid;
	border-width:1px;
	-webkit-border-radius:2em;
	-moz-border-radius:2em;
	border-radius:2em;
	position:absolute;
	top:-10px;
	right:45px;
	letter-spacing:.05em;
	line-height:1.1em;
}
.ct_txt .t_note{
	color:#999;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.ct_txt ul{
	margin-top:20px;
	font-size:13px;

}
.ct_txt ul li{
	overflow:hidden;
	margin-bottom:10px;
}
.ct_txt ul li span{
	display:block;
	float:left;
	}
.ct_txt ul li span.tpo{
	padding:3px 4px;
	color:#FFF;
	font-weight:bold;
	background:#6c6c6c;
	-webkit-border-radius:.3em;
	-moz-border-radius:.3em;
	border-radius:.3em;
}
.ct_txt ul li span.tft{
	width:160px;
	color:#424242;
	line-height:1.6em;
	margin-left:10px;
}
.chart .red{
	top:160px;
	left:110px;
}
.chart .red h4{
	color:#ff2424;
}
.chart .red .ct_tf{
	color:#ff0000;
	border-color:#ff0000;
}
.chart .yellow{
	top:160px;
	left:410px;
}
.chart .yellow h4{
	color:#ff8a00;
}
.chart .yellow .ct_tf{
	color:#ff8a00;
	border-color:#ff8a00;
}
.chart .green{
	top:400px;
	left:410px;
}
.chart .green h4{
	color:#4a9a19;
}
.chart .green .ct_tf{
	color:#4a9a19;
	border-color:#4a9a19;
}
.chart .blue{
	top:400px;
	left:110px;
}
.chart .blue h4{
	color:#1397f4;
}
.chart .blue .ct_tf{
	color:#1397f4;
	border-color:#1397f4;
}
.ttpfo{
	z-index:16
}
.ttpfo .th3{
	font-size:30px;
	line-height:1.2em;
	display:block;
	}
.ttpfo .info{
	font-size:13px;
	color:#5a5a5a;
}
.f_red{
	top:60px;
	left:15px;
}
.f_red .th3{
	color:#ff2424;
	}
.f_yellow{
	top:60px;
	right:10px;
}
.f_yellow .th3{
	color:#ff8a00;
	}
.f_green{
	bottom:70px;
	right:10px;
}
.f_green .th3{
	color:#4a9a19;
	}
.f_blue{
	bottom:70px;
	left:15px;
}
.f_blue .th3{
	color:#1397f4;
	}
.tp2_bk1{
	width:219px;
	height:219px;
	background:url(//image.yes123.com.tw/admin/assessment//images/pattern/p_3_bk1.png) 0 0 no-repeat;
	position:absolute;
	left:0;
	bottom:0;
	z-index:1;
}
.tp2_bk2{
	width:113px;
	height:113px;
	background:url(//image.yes123.com.tw/admin/assessment//images/pattern/p_3_bk2.png) 0 0 no-repeat;
	position:absolute;
	right:0;
	top:0;
	z-index:1;
}
/*企業見證+論證---------------------------------------*/
.tp34gp{
	background:#f3faff;
}
.tp03 ul{
	display:block;
	margin-top:60px;
	margin-left:auto;
	margin-right:auto;
	width:925px;
	}
.tp03 ul li{
	width:205px;
	float:left;
	color:#333;
	cursor:pointer;
	margin-right:35px;
	margin-bottom:70px;
	}
.tp03 ul li:last-child{
	margin-right:0;
}
.tp03 ul li.hr04{
	margin-right:0 \9;
}
.tp03 ul li h4{
	font-size:20px;
	color:#333;
	margin-bottom:8px;
	text-shadow:-1px 0 0 #333;
	}
.tp03 ul li p{
	font-size:13px;
	letter-spacing:.1em;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.5em;
	text-align:justify;
}
.tp03 .more{
	color:#4465d2;
	cursor:pointer;
	}
.tp03 .more:hover{
	text-decoration:underline;
	}
.tp03 .photo{
	width:205px;
	height:205px;
	}
.tp03 .photo img{
	position:relative;
	top:9px;
	left:9px;
	}
#section3 .tp03 li.hr01,#section3 .tp03 li.hr03{
	opacity: 0;
	top:60px;
	position:relative;
	}
#section3 .tp03 li.hr02,#section3 .tp03 li.hr04{
	opacity: 0;
	top:-60px;
	position:relative;
	}
.ph01{
	background:url(//image.yes123.com.tw/admin/assessment//images/pattern/sp_4_cir1.png) 0 0 no-repeat;
}
.ph02{
	background:url(//image.yes123.com.tw/admin/assessment//images/pattern/sp_4_cir2.png) 0 0 no-repeat;
}
.ph03{
	background:url(//image.yes123.com.tw/admin/assessment//images/pattern/sp_4_cir3.png) 0 0 no-repeat;
}
.ph04{
	background:url(//image.yes123.com.tw/admin/assessment//images/pattern/sp_4_cir4.png) 0 0 no-repeat;
}
.t3gp{
	width:190px;
	margin:0 auto;
	}
.t3info{
	margin-top:5px;
	margin-bottom:30px;
}
.t3info .ent{
	font-size:18px;
	display:block;
	line-height:1.8em;
	}
.t3info .name,.t3info .title{
	font-size:13px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	}
.t3info .name{
	font-weight:bold;
}
.t3info .title{
	color:#666;
	padding-left:1em;
}
.tp04 .t4info{
	width:460px;
	float:left;
	margin-top:40px;
	}
.tp04 .t4info p{
	font-size:15px;
	color:#333;
	text-align:justify;
	line-height:1.4em;
	margin-bottom:20px;
}
.tp04 .pict{
	float:right;
	margin-right:55px;
	position:relative;
	top:-60px;
}
.tp3_bk1{
	width:315px;
	height:89px;
	background:url(//image.yes123.com.tw/admin/assessment//images/pattern/p_4_bk1.png) 0 -5px no-repeat;
	position:absolute;
	left:1%;
	top:0;
	z-index:1;
}
.tp3_bk2{
	width:352px;
	height:616px;
	background:url(//image.yes123.com.tw/admin/assessment//images/pattern/p_4_bk2.png) 0 0 no-repeat;
	position:absolute;
	right:0;
	top:0;
	z-index:1;
}
.tp3_bk3{
	width:352px;
	height:781px;
	background:url(//image.yes123.com.tw/admin/assessment//images/pattern/p_4_bk3.png) 0 0 no-repeat;
	position:absolute;
	left:0;
	top:-30%;
	z-index:1;
}
.tp3_bk4{
	width:81px;
	height:81px;
	background:url(//image.yes123.com.tw/admin/assessment//images/pattern/p_4_bk4.png) 0 0 no-repeat;
	position:absolute;
	left:35%;
	top:80%;
	z-index:1;
}
.tp3_bk5{
	width:71px;
	height:71px;
	background:url(//image.yes123.com.tw/admin/assessment//images/pattern/p_4_bk5.png) 0 0 no-repeat;
	position:absolute;
	right:5%;
	top:75%;
	z-index:1;
}
/*基礎*/
.content{
	width:980px;
	margin:0 auto;
	box-sizing:border-box;
	padding:0 10px;
	position:relative;
	z-index:5;
	}
h3{
	color:#387ab7;
	font-size:35px;
	}
h3 img{
	position:relative;
	top:7px;
	left:-3px;
	}
.item{}
.enter_bar{
	width:100%;
	position:fixed;
	z-index:99;
	bottom:0;
	padding:10px 0;
	-webkit-box-shadow:0 -3px 7px rgba(0,0,0,.2);
	-moz-box-shadow:0 -3px 7px rgba(0,0,0,.2);
	box-shadow:0 -3px 7px rgba(0,0,0,.2);
	background:url(//image.yes123.com.tw/admin/assessment//images/pattern/fun_bk.png) 98% -40px no-repeat #fff;
	}
.enter_bar .btn_box{
	width:215px;
	margin:0 auto;
	}
/*跳窗------------------------------------*/
.optpop {
  width: 900px;
  height: 650px;
  box-sizing: border-box;
  padding: 40px;
  background: #fff;
  position: relative;
  margin:0 auto;
  font-family:'微軟正黑體',Arial, Helvetica, sans-serif;
  background:url(//image.yes123.com.tw/admin/assessment//images/pattern/pop_bk.png) 690px -20px no-repeat #fff;
  -moz-box-shadow: 6px 12px 20px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 6px 12px 20px rgba(0, 0, 0, 0.6);
  box-shadow: 6px 12px 20px rgba(0, 0, 0, 0.6);
}
.optpop .veopic{
	float:left;
	}
.optpop .topic{
	float:left;
	margin-top:90px;
	margin-left:40px;
	}
.optpop .ent{
	color:#333;
	font-size:24px;
	text-shadow:-1px 0 0 #333;
	display:block;
	line-height:1.8em;
	}
.optpop .name{
	color:#333;
	font-size:18px;
	text-shadow:-1px 0 0 #333;
	}
.optpop .tit{
	color:#424242;
	font-size:18px;
	padding-left:.6em;
	}
.optpop h4 {
  font-size: 32px;
  color:#32578D;
  line-height: 1.2em;
  margin-top: .7em;
}
.optpop  .gpo{
	height:290px;
	margin-top:30px;
	overflow-x:hidden;
	overflow-y:auto;
	}
.optpop p{
	font-size: 16px;
	line-height:1.6em;
	color:#424242;
	margin-bottom:2em;
}
.optpop .close {
  position: absolute;
  top: 5px;
  right: 5px;
  display: block;
  width: 40px;
  height: 40px;
  text-indent: -9999em;
  cursor: pointer;
  background: url(//image.yes123.com.tw/admin/assessment//images/sys/t_close.png);
}
.optpop .close:hover{ background: url(//image.yes123.com.tw/admin/assessment//images/sys/t_close-hover.png);}
.optpop a.sys_btn {
  width: 120px;
  height: 35px;
  line-height: 35px;
  margin: 20px auto;
  text-align: center;
  display: block;
  color: #444;
  border: 1px solid #aaa;
  font-weight: bold;
  text-decoration:none;
  font-family: "新細明體", Arial, Helvetica, sans-serif;
  background-image: url(//image.yes123.com.tw/admin/assessment//images/sys/btn_bk.jpg);
  background-repeat: repeat-x;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.optpop a.sys_btn:hover {
  color: #000;
  border: 1px solid #777;
  -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
}
.optpop a.sys_btn:active {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  background-color: #555;
  background-image: none;
  -moz-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.7);
  box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.7);
}
@media screen and (min-height: 650px)  and (max-height: 674px) {
	.tp01 .tp1b{
		top:-20px;
	}
}
@media screen and (max-width: 1365px)  and (max-height: 728px) {
  	.tp01 ul {
	   margin-top: 25px;
	}
	.tp01 ul li p,.ct_txt ul,.ct_txt .t_note{
		display:none;
	}
	.tp01 .tp1b{
		top:20px;
	}
	.tp01 ul {
		margin-bottom:10px;
	}
	#section1 .tp1_bk1{
		-webkit-transform: scale(0.3);  
      	-ms-transform: scale(0.3); 
          transform: scale(0.3);
	}
	.tp02 h3 {
	  margin-top: 30px;
	}
	.tp02 .tpbtn2 {
	  margin-top: 20px;
	}
	.tp02 .artc {
	  margin-top: 15px;
	}
	.ct{
		-webkit-transform: scale(0.7);  
      	-ms-transform: scale(0.7); 
          transform: scale(0.7);
	}
	.tp02 .chart {
		right:60px;
		  top: -170px;
	}
	.ttpfo .th3 {
	  font-size: 42px;
	}
	.ttpfo .info {
	  font-size: 18px;
	  color: #5a5a5a;
	}
	.f_red{
		top:30px;
		left:-25px;
	}
	.f_yellow {
	  top: 30px;
	  right: -40px;
	}
	.f_green {
	  bottom: 30px;
	  right: -40px;
	}
	.f_blue{
	  bottom:30px;
	  left:-25px;
	}
	.chart .red{
		top:260px;
		left:150px;
	}
	.chart .yellow{
		top:260px;
		left:380px;
	}
	.chart .green{
		top:420px;
		left:380px;
	}
	.chart .blue{
		top:420px;
		left:150px;
	}
	.tp03 ul {
	  margin-top: 30px;
	}
	.optpop {
	  width: 850px;
	  height: 550px;
	  padding: 20px;
	}
	.optpop .topic {
	  margin-top: 80px;
	  margin-left: 25px;
	}
	.optpop .gpo {
	  height: 200px;
	}
}
@media screen and (max-width:1024px) {  
	.header .btn_box {
	  right: 50px;
	}
	.tp01 ul {
	   margin-top: 20px;
	}
	.tp01 ul li p,.ct_txt ul,.ct_txt .t_note{
		display:none;
	}
	.tp01 .tp1b{
		padding-top:20px;
		top:-3px;
	}
	.tp02 h3 {
	  margin-top: 30px;
	}
	.tp02 .tpbtn2 {
	  margin-top: 20px;
	}
	.tp02 .artc {
	  margin-top: 15px;
	}
	.ct{
		-webkit-transform: scale(0.7);  
      	-ms-transform: scale(0.7); 
          transform: scale(0.7);
	}
	.tp02 .chart {
		right:60px;
		  top: -170px;
	}
	.ttpfo .th3 {
	  font-size: 42px;
	}
	.ttpfo .info {
	  font-size: 18px;
	  color: #5a5a5a;
	}
	.f_red{
		top:30px;
		left:-25px;
	}
	.f_yellow {
	  top: 30px;
	  right: -40px;
	}
	.f_green {
	  bottom: 30px;
	  right: -40px;
	}
	.f_blue{
	  bottom:30px;
	  left:-25px;
	}
	.chart .red{
		top:260px;
		left:150px;
	}
	.chart .yellow{
		top:260px;
		left:380px;
	}
	.chart .green{
		top:420px;
		left:380px;
	}
	.chart .blue{
		top:420px;
		left:150px;
	}
	.optpop {
	  width: 850px;
	  height: 550px;
	  padding: 20px;
	}
	.optpop .topic {
	  margin-top: 80px;
	  margin-left: 25px;
	}
	.optpop .gpo {
	  height: 200px;
	}
	.tp03 ul {
	  margin-top: 30px;
	}
}
@media screen and (max-width:980px) {
	#fp-nav{
		display:none;
	}
}
/*分享插件*/
.share {
  float: left;
  position:absolute;
  top: 153px;
  left: 528px;
}

.push_step {
  display: block;
  float: right;
  position: relative;
  right: 0px;
  top: 0px;
}
.push_step li {
  float: right;
  display: block;
  margin: 2px 0 0 3px;
  border: 0;
}
.push_step li a {
  behavior: expression(this.onFocus=this.blur());
}
.push_step img {
  border: 0;
}

#button1Id{
	width:100px;
	height:68px;
	cursor:pointer;
	position:absolute;
	z-index:10;
	bottom:20px;
	font-size:13px;
	color:#039;
	text-align:center;
	background:url(//image.yes123.com.tw/admin/assessment//images/sys/down_arrow.gif) center bottom no-repeat;
	content:"";
}