@charset "utf-8";

/* CSS Document */

.fl { float:left;}



.fr { float:right;}



.clear { clear:both;}



.mailwrap { margin-top: 70px;}



.w1200 { width:1200px;margin:0 auto;}



.tc { text-align:center;}



.w1000{ width:1000px;margin:0 auto;}



.w1100{ width:1100px;margin:0 auto;}



/*index*/


.in_abtitle { text-align:center;}


.in_abtitle h3 { width:92%;font-size:30px;font-weight:normal;margin:0 auto;}



.in_abtitle p { font-size:16px;margin-top:10px;}



.in_abtext li { width:200px;padding:0 50px;float:left;text-align: center;}



.ico_b { width:66px;height:66px;margin:0 auto;display:block;background:url(../images/ico1.jpg) no-repeat;}



.ico1 { background-position:0 0;}



.ico2 { background-position:0 -76px;}



.ico3 { background-position:0 -152px;}



.ico4 { background-position:0 -228px;}



.ico5 { background-position:0 -304px;}



.ico6 { background-position:0 -380px;}



.ico7 { background-position:0 -456px;}



.ico8 { background-position:0 -532px;}



.ico9 { background-position:0 -608px;}



.ico10 { background-position:0 -684px;}



.in_abtext a { display:block;}



.in_abtext li h5 { text-align:center;font-size:20px;font-weight:normal;margin:25px 0;color: #222;}



.in_abtext li p { font-size:14px; line-height:22px;color: #666;text-align: center;}

.in_abtext li img { margin: 0 auto;}


.border { width: 48px;margin: 0 auto;margin-top: 15px; height:4px; background:#44B549; overflow:hidden;margin-bottom:50px;}



.adv li { width:400px;float:left;}



.adv_box { width:305px;margin:0 auto;}



.adv li h5 { font-size:20px;font-weight:normal;margin:20px 0;color: #222;}



.adv li p { font-size:14px; line-height:22px;color: #666;}



.in_case li { width:300px;padding:0;}



.case_box { border:1px solid #E1F7E3;width:160px;margin:0 auto;padding:30px 40px;height: 209px;overflow: hidden;}







.list_down_tb { border-collapse: collapse;border-spacing: 0;width: 100%;text-align: center; border:1px solid #E1F7E3;background:#fff;}



.list_down_tb th { text-align:center;  font-size: 15px;font-weight:normal;border-style: solid;word-break: normal;border-color: #fff;background: #44B549;color:#fff;line-height:46px;}



.list_down_tb td {font-size: 14px;line-height:46px;word-break: normal;border-bottom: 1px dotted #e6e6e6;color: #666;border:1px solid #E1F7E3;}



.download_box img{ width:20px; height:20px;}



.list_diwn2{ background:#f8f8f8;}



.list_down_tb tr:hover .jobs_t1 a { color:#0171b5;}



.count { width:300px;margin:0 auto;margin-top:60px;}



.buy_button { color:#44B549;border:1px solid #44B549; border-radius:5px;font-size:12px;padding:2px 8px;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;    margin: 0 5px;}



.buy_button:hover { background:#44B549;color:#fff;}



.count_fr { font-size:15px;color:#434343;}

.pric_top,.price { font-size:15px;color:#434343;}

.buy_price { border:1px solid #44B549;padding:4px 8px;background:#fff;width:80px; font-family:"microsoft jhenghei";margin:0 8px;color:#222;}



.price { margin-top:4px;}



.price span { color:#44B549;}







.logos_list li { float:left;width:239px;height:145px;border:1px solid #E1F7E3;margin-right:-1px;margin-top:-1px;}



.logos_list li img { width:239px;height:145px;display:block;}









.footer2 { background:#f8f8f8;}



.foot_list {float: left;margin: 0;margin-right:138px;}



.foot_list dt {margin: -1px 0 26px;font-size: 16px;color: #222;}



.foot_list dd {margin: 8px 0 0;font-size: 13px;}



.foot_list2 { margin-right:0;}



.foot_list2 dd {margin: 12px 0 0;}



.foot_list a,.foot_list {color: #666;}



.foot_list a:hover { text-decoration:underline;}



.foot_list img { vertical-align:middle;margin-right:8px;}



.footbox-left p { text-align:center;font-size:13px;margin-top:5px;}



.con_bot dd {width:320px;}



.bot { text-align:center; background:#f8f8f8; line-height:46px;font-size:13px;color:#434343;}


.email-o{ background:url(email.jpg) no-repeat center; width:100%; height:573px;margin-top: 70px;}


	@media screen and (max-width: 768px){
	.email-o{width:100%; 
	background:url(email.jpg) no-repeat center;
	background-size: 180% auto; 
	height:0;
	padding-bottom:60% ;
	margin-top: 50px;}
	.w1200 { width:100%;margin:0 auto;}	
.in_abtext li { width:140px;padding:0 25px;float:left;text-align: center;}
.adv li { width:33.3%;float:left;}

.adv_box { width:92%;margin:0 auto;}
.adv_img img  {width: 100%; }
.case_box { 
	border:1px solid #E1F7E3;
	width:-webkit-calc(100% - 20px); 
	width:-moz-calc(100% - 20px); 
	width:calc(100% - 20px); 
	margin:0 auto;
	padding:20px 10px 50px 10px;
	height: 209px;
	overflow: hidden;}
.logos_list{padding: 0 22px;}
.list_down_tb { margin:0 auto;border-collapse: collapse;border-spacing: 0;width: 96%;text-align: center; border:1px solid #E1F7E3;background:#fff;}


	}

	@media screen and (max-width: 414px){

	.email-o{width:100%; 
	background:url(email1.jpg) no-repeat center;
	background-size: 100% auto; 
	height:0;
	padding-bottom:130% ;
	margin-top: 30px;}
.in_abtext li {
	width:-webkit-calc(50% - 50px); 
	width:-moz-calc(50% - 50px); 
	width:calc(50% - 50px); 
	padding:0 25px;float:left;text-align: center;padding-bottom: 25px;}
.adv li { width:100%;float:left;}
.adv_box { width:92%;margin:0 auto;text-align: center;padding-bottom: 25px;}
.adv_img img  {width: 80%; }
.logos_list li { float:left;width:49%;height:auto;border:1px solid #E1F7E3;margin-right:-1px;margin-top:-1px;}

.logos_list li img { width:100%;height:auto;display:block;}

	}