@charset "utf-8";
/* CSS Document */

#Line-Unit {
	vertical-align:top;
	display: inline-block;
	margin: 1px 1px 10px 1px;
	width:680px;
	height:800px;
	/*background-color:pink;*/
	font-size:1px;
}
.Line-Title {
	vertical-align:top;
	display: inline-block;
	width:640px;
	/*height:30px;*/
	/*background-color:skyblue;*/
	margin: 5px 0 0 10px;
	font-size:16px;
	font-weight:700;
	padding: 5px 10px;
	color:#333333;
}
.Line-Example1 {
	margin:5px 10px 10px 10px;
	vertical-align:top;
	display: inline-block;
	width:310px;
	height:500px;
	background-color:yellow;
	background:url(../img/line/line_example1.jpg) repeat top left;
	background-size:cover;
}
.Line-Example2 {
	margin:5px 10px 10px 10px;
	vertical-align:top;
	display: inline-block;
	width:310px;
	height:500px;
	background-color:brown;
	background:url(../img/line/line_example2.jpg) repeat top left;
	background-size:cover;
}
.Line-Info {
	vertical-align:top;
	display: inline-block;
	width:640px;
	height:120px;
	background-color:#00c300;
	margin: 5px 0 0 10px;
	font-size:1px;
}
.Line-Icon {
	vertical-align:top;
	display: inline-block;
	width:100px;
	height:100px;
	background-color:green;
	margin: 10px;
	background:url(../img/line_qrcode.jpg) repeat top left;
	background-size:cover;
}
.Line-Logo {
	vertical-align:top;
	display: inline-block;
	width:110px;
	height:100px;
	background-color:green;
	margin: 10px;
	background:url(../img/line/line_icon.gif) repeat top left;
	background-size:cover;
}
.Line-Right {
	vertical-align:top;
	display: inline-block;
	width:360px;
	height:100px;
	/*background-color:pink;*/
	margin:10px;
}
.Line-QR-Title {
	width:340px;
	/*background-color:skyblue;*/
	margin: 5px 0 0 10px;
	font-size:21px;
	font-weight:700;
	padding: 7px 10px;
	color:#ffffff;
}
.Line-QR-ID {
	width:340px;
	/*background-color:yellow;*/
	margin: 7px 0 0 10px;
	font-size:21px;
	font-weight:700;
	padding: 5px 10px;
	color:#ffffff;
}