*{margin:0;	padding:0;}
html{width:100%;height:100%;font-size:18px; }
body{width:100%; height:100%;line-height:1.5; font-family:"微軟正黑體", Arial, Helvetica, sans-serif; }

/*---------article-------------------------*/
#article{display:block;overflow:hidden; width:100%;height:auto;margin:0 auto;font-family:"微軟正黑體", Arial, Helvetica, sans-serif; }

#article a{ color:#f05050; text-decoration:none;}
#article a:hover{ color:#F00; text-decoration:none;}
/*---------------#topAD--------------------------*/
#topAD{width:100%; 
	background-color:#fff;
	clear:both;
	overflow:hidden; margin-bottom:10px; }
	
#topAD #LL3{ width:40%; height:auto; float:left;display:block; margin:15px 5px 5px 5px; }

#topAD #RR3{ width:55%; float:left;display:block; margin:10px 5px 5px 5px;  }	
#topAD #RR3 h3{ font-size:20px;line-height:1.7;font-family:"微軟正黑體", Arial, Helvetica, sans-serif; text-align:left; color:#000; }	

#topAD #RR3 span{font-size:45px;line-height:1.5;font-family:"微軟正黑體", Arial, Helvetica, sans-serif; text-align:left; color:#c0ff00; }

#topAD #RR3 p{ font-size:16px; line-height:1.6; font-family:"微軟正黑體", Arial, Helvetica, sans-serif; text-align:justify; color:#000; padding-top:5px;}

#button_R { text-align:center; margin-top:10px; margin-bottom:10px;}
#button_R a { color:#FFF;}
#button_R a:hover { color:#FFF;}
.btnR { float:left; font-size:16px; font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif; width:140px; height:30px; margin:0 auto; line-height:30px; margin-right:15px; }
.btnR a{ display:block; background-color:#f05050; text-decoration:none; }
.btnR a:hover{ text-decoration:none; color:#FFF; background-color:#cc0202; margin:0 auto; }

/*---------------##Menu_content-------------------------*/
#Menu_content{width:100%; height:auto;

	background-repeat:no-repeat;clear:both;
  overflow:hidden; }

	
.list{ width:100%;height:auto; display:block; overflow:hidden; border-bottom:#DDD 1px dotted;}
.list img{ float:left; width:140px; height:78px; margin:15px;}
.listtxt0{ float:left; width:60%;}
.listtxt{ float:top; width:80%; padding:8px 10px 10px 15px;}

.title0{ margin-top:20px; line-height:1.3; }
.title1{ padding-left:80px; background-image:url(http://mag.digiwin.biz/mag/wp-content/images/2016/08/titleicon_01.png); background-repeat:no-repeat; background-position: center left; border-bottom:#CF4C9C 1px solid;margin-top:20px;}
.title2{ padding-left:80px; background-image:url(http://mag.digiwin.biz/mag/wp-content/images/2016/08/titleicon_02.png); background-repeat:no-repeat; background-position: center left; border-bottom:#16B1E7 1px solid;margin-top:20px;}
.title3{ padding-left:80px; background-image:url(http://mag.digiwin.biz/mag/wp-content/images/2016/08/titleicon_03.png); background-repeat:no-repeat; background-position: center left; border-bottom:#4ABC9F 1px solid;margin-top:20px;}
.title4{ padding-left:80px; background-image:url(http://mag.digiwin.biz/mag/wp-content/images/2016/08/titleicon_04.png); background-repeat:no-repeat; background-position: center left; border-bottom:#F7901E 1px solid;margin-top:20px;}


/*---------------#contact--------------------------*/

#contactTxt {width:100%; height:580px; padding: 5px 0 0; font-size: 16px; line-height: 30px; font-family: Arial, "微軟正黑體", "新細明體" ;overflow:hidden ; border:0px;}

#contactTxt #iframeForm { clear:both; width:100%; float:left; text-align:left; }
iframe { width: 450px; margin: 0 0 -10px; border:0px;  }




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


/*---------article-------------------------*/
#article{display:block; width:100%;margin:0 auto; font-size:18px;}
	
#article a{ color:#f05050; text-decoration:none;}
#article a:hover{ color:#F00; text-decoration:none;}

/*---------------#topAD--------------------------*/
#topAD{width:100%; height:auto;
	background-color:#fff;
	background-repeat:no-repeat;clear:both;
	background-position:center top;  overflow:hidden;}
	
#topAD #LL3{ width:100%; float:left;display:block;margin:0px 0px; padding:2% 0px 2% 0px; }

#topAD #RR3{ width:100%; float:left;display:block; margin:0 auto; padding:2% 0px 2% 0px}	
	
#topAD #RR3 h3{ font-size:1.1em;line-height:1.8;font-family:"微軟正黑體", Arial, Helvetica, sans-serif;  text-align:left;  color:#000;}


#topAD #RR3 p{font-size:0.9em;line-height:1.8;font-family:"微軟正黑體", Arial, Helvetica, sans-serif; text-align:justify;  color:#000; padding:0px 0 0 0px;}

#button_R { text-align:center; margin-top:10px; margin-bottom:10px;}
#button_R a { color:#FFF;}
#button_R a:hover { color:#FFF;}

/*---------------##Menu_content-------------------------*/
#Menu_content{width:100%; height:auto;
	background-color:#fff;
	clear:both;
	 overflow:hidden; }
	
.list{ width:100%; height:auto; display:block; overflow:hidden; border-bottom:#DDD 1px dotted;margin:0}
.list img{ float:left; width:130px; height:90px; margin:0px ; display:none;}

.listtxt0{ float:left; width:100%;}
.listtxt{ float:left; width:100%; padding:2% 2% 2% 2%;}

.title0{ margin-top:2%; line-height:1.4; padding-left:2%}
.title1{ padding-left:80px; background-image:url(http://mag.digiwin.biz/mag/wp-content/images/2016/08/titleicon_01.png); background-repeat:no-repeat; background-position: center left; margin:2% 0}
.title2{ padding-left:80px; background-image:url(http://mag.digiwin.biz/mag/wp-content/images/2016/08/titleicon_02.png); background-repeat:no-repeat; background-position: center left; margin:2% 0}
.title3{ padding-left:80px; background-image:url(http://mag.digiwin.biz/mag/wp-content/images/2016/08/titleicon_03.png); background-repeat:no-repeat; background-position: center left; margin:2% 0}
.title4{ padding-left:80px; background-image:url(http://mag.digiwin.biz/mag/wp-content/images/2016/08/titleicon_04.png); background-repeat:no-repeat; background-position: center left; margin:2% 0}

/*---------------#contact--------------------------*/

#contactTxt {width:100%; height:auto; display:block;background-color: #fff; padding: 0% 5%; font-size: 16px; line-height: 30px; font-family: Arial, "微軟正黑體";overflow:hidden ; border:0px}

#contactTxt #iframeForm { width:100%; float:left; margin :0% 0%}
iframe { width: 100%; margin:0% 0%;border:0px }




}