@charset "utf-8";
/* CSS Document */
.style01 {
	color: rgba(34, 180, 115,1.00);
	font-size: 15px !important;
	font-weight: bold;
}
.style01 span{
	display:block;
	color:rgba(0,0,0,1.00);
	font-weight:normal;}
/*--------about_text--------*/
.page .title {
	text-align: center;
	margin: 50px 0 30px;
}
.page .text p {
	font-size: 14px;
	line-height: 25px;
}
.about_text .word1 .left, .about_text .word1 .right, .about_text_green .word2 .left, .about_text_green .word2 .right, .about_text .word3 .left, .about_text .word3 .right, .about_text .word4 .left, .about_text .word4 .right {
	display: inline-block;
	vertical-align: middle;
}
.about_text .word1 .left .title_ssm, .about_text .word3 .left .title_ssm, .about_text .word4 .right .title_ssm {
	margin: 40px 0;
}
/*-----------about_text word1-------------*/

.about_text .word1 .left {
	width: 30%;
}
.about_text .word1 .right {
	width: 69%;
}
.about_text .word1 .right .photo img {
	max-width: 701px;
	width: 100%;
}
.about_text .word1 .left .title_ssm img {
	max-width: 268px;
	width: 100%;
}
.about_text .word1 .left .text img {
	max-width: 291px;
	width: 100%;
}
/*-----------about_text_green word2-------------*/
.about_text_green_out {
	background: rgba(34, 180, 115,1.00);
	width: 100%;
	margin: 40px 0;
}
.about_text_green {
	margin: 0 auto;
	max-width: 1024px;
}
.about_text_green .word2 .left {
	width: 45%;
}
.about_text_green .word2 .right {
	width: 54%;
}
.about_text_green .word2 .right .text p {
	color: rgba(255,255,255,1.00);
	font-size: 14px;
	line-height: 25px;
	text-align:left;
	margin:10px 3%;
}
.about_text_green .word2 .left .photo img {
	max-width: 472px;
	width: 100%;
}
/*-----------about_text word3-------------*/
.about_text .word3 .left {
	width: 49%;
}
.about_text .word3 .right {
	width: 50%;
}
.about_text .word3 .left .title_ssm img {
	max-width: 273px;
	width: 100%;
}
.about_text .word3 .right .photo img {
	max-width: 513px;
	width: 100%;
}
/*-----------about_text word4-------------*/

.about_text .word4 .left {
	width: 42%;
	background: rgba(34, 180, 115,1.00);
	text-align: center;
	padding: 180px 20px;
	box-sizing: border-box;
}
.about_text .word4 .left .photo img {
	max-width: 280px;
	width: 100%;
}
.about_text .word4 .right {
	width: 55%;
	margin-left: 2%;
}
.about_text .word4 .right .text span {
	width: 48%;
	padding: 10px;
	box-sizing: border-box;
	display: inline-block;
	border-right: 1px rgba(0,0,0,1.00) solid;
}
.about_text .word4 .right .text span:nth-child(2) {
	border-right: 0;
}
.about_text .word4 .right .text span img {
	max-width: 264px;
	width: 100%;
}
/*-----------pro_text-------------*/

.pro_text .word1 .left, .pro_text .word1 .right, .pro_text .word2 .left, .pro_text .word2 .right, .pro_text .word3 .left, .pro_text .word3 .right, .pro_text .word4 .left, .pro_text .word4 .right, .pro_text .word5 .left, .pro_text .word5 .right {
	display: inline-block;
	vertical-align: middle;
}
.pro_text .word1 .left .title_ssm, .pro_text .word2 .left .title_ssm, .pro_text .word3 .left .title_ssm, .pro_text .word4 .left .title_ssm, .pro_text .word5 .left .title_ssm {
	margin: 40px 0;
}
/*-----------pro_text word1-------------*/
.pro_text .word1 .left {
	width: 33%;
}
.pro_text .word1 .right {
	width: 66%;
}
.pro_text .word1 .right .photo img {
	max-width: 626px;
	width: 100%;
}
.pro_text .word1 .left .text p span {
	background: rgba(34,180,115,1.00);
	color: rgba(255,255,255,1.00);
	padding: 2px 5px;
	margin-right: 5px;
}
/*-----------pro_text word2-------------*/
.pro_text .word2 .left {
	width: 51%;
}
.pro_text .word2 .right {
	width: 48%;
}
.pro_text .word2 .left .photo img {
	max-width: 513px;
	width: 100%;
}
.pro_text .word2 .left .title_ssm img {
	max-width: 437px;
	width: 100%;
}
.pro_text .word2 .right .text{
	text-align:left;
}
.pro_text .word2 .right .text .box .title {
	position: relative;
	text-align: left;
	margin: 20px 0;
}
.pro_text .word2 .right .text .box .title b {
	position: absolute;
	top: 11px;
	left: 0;
	width: 100%;
	border-bottom: 1px rgba(34,180,115,1.00) solid;
	display: inline-block;
	height: 1px;
	z-index: -9999;
}
/*-----------pro_text word3-------------*/
.pro_text .word3 {
	margin: 30px 0 0;
}
.pro_text .word3 .left {
	width: 51%;
}
.pro_text .word3 .right {
	width: 48%;
}
.pro_text .word3 .left .title_ssm img {
	max-width: 319px;
	width: 100%;
}
.pro_text .word3 .left .text p img {
	max-width: 458px;
	width: 100%;
}
.pro_text .word3 .right .photo img {
	max-width: 491px;
	width: 100%;
}
/*-----------pro_text word4-------------*/
.pro_text .word4 .left, .pro_text .word4 .right {
	vertical-align: bottom;
}
.pro_text .word4 .left {
	width: 51%;
}
.pro_text .word4 .right {
	width: 48%;
}
.pro_text .word4 .left .photo {
	margin-top: 30px;
}
.pro_text .word4 .left .photo img {
	max-width: 507px;
	width: 100%;
}
.pro_text .word4 .right .title_ssm {
	margin-bottom: 20px;
}
/*-----------pro_text word5-------------*/
.pro_text .word5 .title_sm {
	margin-top: 30px;
}
.pro_text .word5 .top .vs {
	margin: 30px 0;
}
.pro_text .word5 .bottom .title_sm {
	position: relative;
	text-align: left;
	margin: 20px 0;
}
.pro_text .word5 .bottom .title_sm img {
	background: rgba(255,255,255,1.00);
	max-width: 284px;
	width: 100%;
}
.pro_text .word5 .bottom .title_sm b {
	position: absolute;
	top: 17px;
	left: 0;
	width: 100%;
	border-bottom: 1px rgba(34,180,115,1.00) solid;
	display: inline-block;
	height: 1px;
	z-index: -9999;
}
.pro_text .word5 .bottom .left, .pro_text .word5 .bottom .right {
	display: inline-block;
	vertical-align: top;
	text-align: left;
}
.pro_text .word5 .bottom .left {
	width: 60%;
}
.pro_text .word5 .bottom .right {
	width: 39%;
	background: rgba(34, 180, 115,1.00);
	padding: 15px;
	box-sizing: border-box;
}
.pro_text .word5 .bottom .left .text p b, .pro_text .word5 .bottom .left .text p span {
	display: inline-block;
	vertical-align: top;
}
.pro_text .word5 .bottom .left .text p {
	position: relative;
	margin: 0;
}
.pro_text .word5 .bottom .left .text p b {
	position: absolute;
	top: 9px;
	left: 0;
	width: 8px;
	height: 8px;
	background: rgba(34,180,115,1.00);
}
.pro_text .word5 .bottom .left .text p span {
	width: 92%;
	margin-left: 14px;
	font-size: 13px;
	color: rgba(119,119,119,1.00);
}
.pro_text .word5 .bottom .right .title_ssm {
	text-align: center;
	border-bottom: 1px rgba(0,0,0,1.00) solid;
	padding-bottom: 15px;
	margin: 0 auto;
}
.pro_text .word5 .bottom .right .title_ssm img {
	max-width: 296px;
	width: 100%;
}
.pro_text .word5 .bottom .right .text {
	margin-left: 14px;
}
.pro_text .word5 .bottom .right .text p {
	position: relative;
	font-size: 13px;
	margin: 0;
}
.pro_text .word5 .bottom .right .text p b {
	position: absolute;
	top: 9px;
	left: -13px;
	width: 8px;
	height: 8px;
	background: rgba(0,0,0,1.00);
}
/*-----------safe word1-------------*/
.sgs_text .word1 .left, .sgs_text .word1 .right {
	display: inline-block;
	vertical-align: middle;
}
.sgs_text .word1 .left {
	width: 49%;
}
.sgs_text .word1 .right {
	width: 50%;
}
.sgs_text .word1 .left .photo img {
	max-width: 232px;
	width: 100%;
}
.sgs_text .word1 .right .photo img {
	max-width: 505px;
	width: 100%;
}
.sgs_text .word1 .left .photo {
	margin: 30px 0;
}
.sgs_text .word1 .left .title_ssm img {
	max-width: 335px;
	width: 100%;
}
.sgs_text .word1 .sgs_photo {
	margin-top: 40px;
}
.sgs_text .word1 .sgs_photo span {
	width: 49%;
	display: inline-block;
}
.sgs_text .word1 .sgs_photo span img {
	max-width: 503px;
	width: 100%;
}
.sgs_text .word1 .sgs_photo .sm_photo {
	width: 100%;
}
.sgs_text .word1 .sgs_photo .sm_photo img {
	max-width: 1004px;
	width: 100%;
}
.sgs_text .word1 .sgs_photo p {
	font-size: 13px;
	color: rgba(34, 180, 115,1.00);
	font-weight: bold;
	line-height: 23px;
}
/*-----------contact------------*/
.contact_text .tel {
    max-width: 560px;
    margin: 0 auto;
    background-image: url(../images/content_logo.png);
    background-position: right bottom;
    background-repeat: no-repeat;
}
.contact_text .tel p {
	/*display: inline-block;*/
	margin-right: 5px;
	
}
.contact_text .tel b{
	font-weight: normal;
	display: inline-block;
}
.contact_text .tel br{
	display: none;
}
.contact_text .tel p span {
	background: rgba(34, 180, 115,1.00);
	color: rgba(255,255,255,1.00);
	width: 75px;
	padding: 5px 0;
	text-align: center;
	display: inline-block;
	border-radius: 8px;
	margin:0 6px;
}
.contact_text .people span {
	display: inline-block;
	width: 46%;
	border-right:1px rgba(0,0,0,1.00) solid;
	padding-right: 3%;
}
.contact_text .people span:nth-child(2){
	border:none;
	padding-right:0;
	padding-left:3%;}
.contact_text .people span img {
	max-width: 647px;
	width: 100%;
}
.contact_text .map{
	margin:50px 0;
	border:2px rgba(34, 180, 115,1.00) solid;}
/*-----------qa------------*/
.search_select2 .filter {
	float: none;
	width: 100%;
	display: block;
	font-family: "微軟正黑體";
}
.search_select2 .selectbox {
	border: 0;
	border-bottom: 1px rgba(187,187,187,.5) solid;
	/*width: 100%;*/
	margin-bottom: 10px;
	padding: 0 10px 10px;
	cursor: pointer;
	text-align: left;
	position: relative;
}
.search_select2 .selectbox .selected i {
	margin-right: 5px;
	color: rgba(34,180,115,1.00);
}
.search_select2 .selectbox .options {
	display: none;
	z-index: 100000;
	position: relative;
	background-color: white;
	color: #000;
	margin-top: 10px;
	font-size: 15px;
	line-height: 25px;
	color: rgba(116,116,116,1.00);
	border: 1px rgba(207,207,207,1.00) solid;
	box-sizing: border-box;
	padding: 10px;
}
.search_select2 .selectbox .options.rows1, .search_select2 .selectbox .options.rows2, .search_select2 .selectbox .options.rows3 {
	width: 100%;
}
.search_select2 .selectbox .options.rows1 > div {
	padding: 10px 0;
	border-bottom: 1px rgba(213,213,213,0.5) solid;
}
.search_select2 .selectbox .options.rows2 > div, .search_select2 .selectbox .options.rows3 > div {
	display: inline-block;
	width: 48%;
	text-align: center;
	border: 1px #000 solid;
	margin: 5px .5%;
	padding: 8px 0;
}
.search_select2 .selectbox:hover {
	background: none;
	color: rgba(0,0,0,1.00);
}
.search_select2 .selectbox > div:nth-child(1)::after {
	position: absolute;
	content: "";
	background: url(../images/arrow_icon.png) no-repeat;
	width: 13px;
	height: 7px;
	top: 9px;
	right: 5px;
}
.search_select2 .selectbox > div.rwd::after {
	background: url(../images/arrow_icon2.png) no-repeat;
}