html, body {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	font-family: "微軟正黑體", Arial, "sans-serif" !important;
}

.bg_indx {
	background:url(../imags/bi_index.png) center no-repeat;
	background-size: 337px 160px;
	background-color: #f1f1f1;
}
/*-----------------------自我介紹-----------------------*/
.bi_pic {
	width: 700px;
	height: 466px;
	position: absolute;
	left: 40%;
	top:25%;
	/*box-shadow: 1px 1px 5px rgba(0,0,0,0.5)*/
}
.bi_box {
	width: 450px;
	height: 200px;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding: 15px 20px;
	position: absolute;
	left: 30%;
	top:50%;
	background-color: #fff;
}
.bi_text {
	width:200px;
	overflow:hidden;
	white-space:nowrap;
	position:relative;
	left: -30%;
}
.bi_text_t1 {
	font-size: 21px;
	color: #292929;
	text-align: left;
	line-height: 1.6;
}
.bi_text_t2 {
	font-size: 16px;
	color: #5A5A5A;
	text-align: left;
	line-height: 1.6;
}
/*-----------------------學歷-----------------------*/
.ed_pic {
	width: 700px;
	height: 466px;
	position: absolute;
	left: 28%;
	top:25%;
	/*box-shadow: 1px 1px 5px rgba(0,0,0,0.5)*/
}
.ed_box {
	width: 650px;
	height: 135px;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding: 20px;
	position: absolute;
	right: 20%;
	top:40%;
	background-color: #fff;
}
.ed_text {
	width:200px;
	overflow:hidden;
	white-space:nowrap;
	position:relative;
	left: -30%;
}
.ed_text_t1 {
	font-size: 21px;
	color: #292929;
	text-align: right;
	line-height: 1.6;
}
.ed_text_t2 {
	font-size: 16px;
	color: #5A5A5A;
	text-align: right;
	line-height: 1.6;
}
/*-----------------------經歷-----------------------*/
.ex_pic {
	width: 700px;
	height: 466px;
	position: absolute;
	right: 25%;
	top:25%;
	/*box-shadow: 1px 1px 5px rgba(0,0,0,0.5)*/
}
.ex_box {
	width: 485px;
	height: 150px;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding: 20px;
	position: absolute;
	left: 20%;
	top:40%;
	background-color: #fff;
}
.ex_text {
	width:170px;
	overflow:hidden;
	white-space:nowrap;
	position:relative;
	left: -30%;
}
.ex_text_t1 {
	font-size: 21px;
	color: #292929;
	text-align: left;
	line-height: 1.6;
}
.ex_text_t2 {
	font-size: 16px;
	color: #5A5A5A;
	text-align: left;
	line-height: 1.6;
}
/*-----------------------技能-----------------------*/
.sk_pic {
	width: 700px;
	height: 466px;
	position: absolute;
	left: 25%;
	top:25%;
	/*box-shadow: 1px 1px 5px rgba(0,0,0,0.5)*/
}
.sk_box {
	width: 485px;
	height: 150px;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding: 20px;
	position: absolute;
	right: 20%;
	top:60%;
	background-color: #fff;
}
.sk_text {
	width:170px;
	overflow:hidden;
	white-space:nowrap;
	position:relative;
	right: 30%;
}
.sk_text_t1 {
	font-size: 21px;
	color: #292929;
	text-align: left;
	line-height: 1.6;
}
.sk_text_t2 {
	font-size: 16px;
	color: #5A5A5A;
	text-align: left;
	line-height: 1.6;
}
/*----------------------圈圈圖表-----------------------*/
.cilcle {
	max-width:710px;
	width: 100%;
	height: 410px;	
	right:20%;
	top:26%;
	bottom:0;
	position:absolute;
	background: url(../imags/cr_pic15.jpg) center no-repeat;
	background-size: 700px 466px;
}
.cr_box {
	width: 485px;
	height: 200px;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding: 20px;
	position: absolute;
	left: 23%;
	top:35%;
	background-color: #fff;
}
.cr_text {
	width:170px;
	overflow:hidden;
	white-space:nowrap;
	position:relative;
	right: 30%;
}
.cr_text_t1 {
	font-size: 21px;
	color: #292929;
	text-align: left;
	line-height: 1.6;
}
.cr_text_t2 {
	font-size: 16px;
	color: #5A5A5A;
	text-align: left;
	line-height: 1.6;
}
.circliful .outer {
    fill: transparent;
    stroke: #333;
    stroke-width: 19.8;
    stroke-dasharray: 534;
    transition: stroke-dashoffset 1s;
    -webkit-animation-play-state: running;
    /* firefox bug fix - won't rotate at 90deg angles */
    -moz-transform: rotate(-89deg) translateX(-190px);
}
/* full circle 25 empty 534 */
.circliful .inner {
    fill: transparent;
    stroke: orange;
    stroke-width: 20;
    stroke-dasharray: 534;
    transition: stroke-dashoffset 1s;
    -webkit-animation-play-state: running;
    /* firefox bug fix - won't rotate at 90deg angles */
    -moz-transform: rotate(-89deg) translateX(-190px);
    stroke-dashoffset: 0;
}
.circliful {
    overflow: visible !important;
}

.svg-container {
    width: 120px;
    margin: 0 auto;
    overflow: visible;
	float:right;
}
svg .icon {
    font-family:"微軟正黑體", Arial, sans-serif;
}
.box_circle {
	width:100%;
	height: 350px;
	padding-bottom:30px; 
	max-width:720px; 
	overflow:hidden;
}
/*----------------------要說的話-----------------------*/
.is_box {
	clear:both;
	width: 100%;
	max-width:600px;
	margin:0 auto;
	height: 466px;	
	margin-top:10%;
}
.is_text_t1 {
	font-size: 21px;
	color: #292929;
	text-align: left;
	line-height: 1.6;
}
.is_text_t2 {
	font-size: 16px;
	color: #5A5A5A;
	text-align: left;
	line-height: 1.6;
}
.about_list {}
.about_list ul {
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding:20px 0px 20px 20px;
	list-style:none;
}
.about_list li {
	line-height:1.8;
	font-size:15px;
	color:#252525;
	margin-left:20px;
	text-indent:-12px

}