@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0 }

@media screen and (min-width: 1200px) {
#wrapper{ display:block; width:100%; min-width:1200px; height:875px; background:url(images/background.png) top center no-repeat; }
#container{	display:block; width:1200px; margin:0 auto; }
	.left{ display:block; float:left; width:640px; }
		.textarea{ display:block; height:460px;	}
		.textarea h1{ display:block; width:286px; height:98px; margin-top:150px; margin-left:20px; background:url(images/ICON.png) center center no-repeat;	text-indent:-9999px; }
		.textarea p{ display:block; width:405px; height:200px; margin-top:0; margin-left:120px; font-family:"微軟正黑體"; font-size:22px; line-height:38px; color:#fff; }
		.download{ display:block; margin-left:110px; }
		.download img{ border:0; margin-right:10px; }
		.download_m{ display:none;}
	.right{ display:block; width:540px; float:left; }
		.slider{ display:block; position:relative; top:187px; left:76px; }
		.slider img{ width:294px; height:520px;	}
		.share{	display:block; position:relative; top:300px; left:0; }
		.fb-like{ display:block; float:left; margin-right:70px; }
		.g-plusone{ display:block; float:left; }
#footer{ display:block; width:100%; min-width:1200px; height:80px; background-color:#262431; }
	.footer-content{ display:block; width:1200px; margin:0 auto; }
	.footer-content img{ padding:15px 30px; float:left }
	.footer-content p{ margin-top:20px; float:left; font-family:"微軟正黑體"; font-size:14px; line-height:22px; color:#fff; }
	.footer-content a{ text-decoration:none; color:#fff }
		
.entry-social {	display:block;	float:right; margin-top:20px; margin-right:176px; color:rgb(126, 126, 126); font-family:'Open Sans',Tahoma, Verdana, Arial, sans-serif, Faruma, Faseyha;
	font-size:14px; font-weight:normal; height:auto; line-height:23.799999237060547px; text-align:center; }

.entry-social div { display:block; width:138px; margin:2px; display:inline-block; vertical-align:middle; }
.entry-social a { text-decoration:none; display:block; padding-left:20px; color:#FFFFFF !important; font-weight:bold; transition:background-color .3s; }
.entry-social .fb a { padding:7px 10px 7px 26px; background:#3B5999 url('images/facebook.png') no-repeat 10px center;}
.entry-social .twitter a { padding: 7px 10px 7px 32px; background:#01BBF6 url('images/twitter.png') no-repeat 8px center;}
.entry-social .gplus a { padding:7px 10px 7px 32px; background: #D54135 url('images/google.png') no-repeat 10px center;}
.entry-social .fb a:hover { background-color:rgb(50, 75, 129);}
.entry-social .twitter a:hover { background-color:rgb(1, 159, 211);}
.entry-social .gplus a:hover { background-color:rgb(191, 52, 40);}
}

@media screen and (max-width: 1199px) {
#wrapper{ display:block; width:100%; min-height:1000px; background:url(images/background_m.png) top center no-repeat; }
#container{	display:block; width:100%; margin:0 auto; }
	.left{ display:block; width:100%; min-width:480px; height:auto; margin-bottom:50px; }
		.textarea{ display:block; height:auto; max-height:390px; margin-bottom:10px; overflow:hidden}
		.textarea h1{ display:block; width:80%; height:120px; background:url(images/ICON.png) center center no-repeat; text-indent:-9999px; margin:0 auto; }
		.textarea p{ display:block; width:80%; height:auto; font-family:"微軟正黑體"; font-size:22px; line-height:38px; color:#fff; margin:0 auto; }
		.download{ display:none; min-width:480px;}
		.download_m{display:block; margin:0 auto; text-align:center; }
		.download_m img{ margin:1%; }
	.right{ display:block; width:100%; height:713px; background:url(images/mobile_m.png) center top no-repeat;  }
		.slider{ display:block; margin:0 auto; position:relative; top:95px; left:52px; }
		.slider img{ width:294px; height:520px;	}
		.share{	display:none;}
		.fb-like{ display:none;}
		.g-plusone{ display:none;}
#footer{ display:block; width:100%; min-height:80px; background-color:#262431; }
	.footer-content{ display:block; width:95%; margin:0 auto; text-align:center }
	.footer-content img{ padding:10px;}
	.footer-content p{ font-family:"微軟正黑體"; font-size:14px; color:#fff;}
	.footer-content a{ text-decoration:none; color:#fff }
		
.entry-social { clear:both;	display:block; margin:0 auto; padding-bottom:20px; color:rgb(126, 126, 126); font-family:'Open Sans',Tahoma, Verdana, Arial, sans-serif, Faruma, Faseyha;
	font-size:14px; font-weight:normal; height:auto; line-height:23.799999237060547px; text-align:center; }

.entry-social div { display:block; width:138px; margin:2px; display:inline-block; vertical-align:middle; }
.entry-social a { text-decoration:none; display:block; padding-left:20px; color:#FFFFFF !important; font-weight:bold; transition:background-color .3s; }
.entry-social .fb a { padding:7px 10px 7px 26px; background:#3B5999 url('images/facebook.png') no-repeat 10px center;}
.entry-social .twitter a { padding: 7px 10px 7px 32px; background:#01BBF6 url('images/twitter.png') no-repeat 8px center;}
.entry-social .gplus a { padding:7px 10px 7px 32px; background: #D54135 url('images/google.png') no-repeat 10px center;}
.entry-social .fb a:hover { background-color:rgb(50, 75, 129);}
.entry-social .twitter a:hover { background-color:rgb(1, 159, 211);}
.entry-social .gplus a:hover { background-color:rgb(191, 52, 40);}
}