@charset "utf-8";
img, object, embed, video {
	max-width: 100%;
	float: left;
}
.ie6 img {
	width:100%;
}
#logo img {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
}
body{
	background-image: url(../images/bg.png);
	background-repeat: no-repeat;
	background-position: center top;

	font-size: 1em;
}
/* 訂單*/
ol,ul{list-style:none;margin:0px;padding:0px;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
.notic{
	color: #4D4D4D;
	line-height: 2em;
	font-family: "微軟正黑體";
	padding-left: 2em;
	
}
#order {
	background: rgba(55, 64, 90, 0.45);
	padding: 2em 3em;
	border-radius: 0px;
	width: 75%;
	margin: 3em auto 0;
	text-align: center;
	background: url('../images/1.jpg') no-repeat 0px 0px;
	background-size: cover;
	background-attachment: fixed;
}
#order form {
    margin-top: 2em;
}
#order h2 {
    font-size: 1.6em;
    text-transform: capitalize;
    color: #eee;
    text-align: left;
}
#order ul {
    padding: 0;
    margin: 0 0 22px 0;
}
#order ul li.text-info {
    width: 34%;
    color: #eee;
    font-size: 1em;
    font-weight: 400;
    float: left;
    padding-top: 0;
    text-align: right;
    margin-right: 0.5em;
	padding: 9px 0;
}
#order form input[type="text"],#order form textarea {
    width: 61%;
    padding: 8px;
    font-size: 1em;
    font-weight: 400;
    border: 1px solid  #e6e6e6;
    outline: none;
    color: #222;
	float: left;
	background:#eee;
}
#order p {
    font-size: 15px;
    margin: 10px 0;
    text-align: left;
    line-height: 1.8em;
    color: #91a0b5;
}
#order textarea{
	height:120px;
	resize:none;
}
#order input[type="submit"] {
	font-size: 1em;
	padding: .8em 1em;
	text-transform: capitalize;
	border: none;
	outline: none;
	color: #fff;
	background: #FF0F75;
	cursor: pointer;
	width: 25%;
	font-family: 'Ubuntu', sans-serif;
	margin: 0 0 0 3em;
}
#category,#quantity{
	width: 56.5%;
	padding-top: 5px;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 5px;
	font-size: 1em;
	font-weight: 400;
	border: 1px solid  #e6e6e6;
	outline: none;
	color: #222;
	background: #eee;
}

#order input[type="submit"]:hover {
    background: #000;
	 transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
/*end*/
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1%;
}
.nav ul li a:visited{
	color: #FFFFFF;
}
.nav {
	position: relative;
	display: inline-block;
	font-size: 0.8em;
	font-weight: bolder;
}
.nav-list {
	text-align:left;
}
.nav-item {
	float:left;
	*display:inline;
	zoom:1;
	position:relative;
}
.nav-item a {
	display: block;
	color: #FFF;
	padding-top: 7px;
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 7px;
	background-color: #000000;
}
.nav-item > a:hover {
	background-color: #9A9A9A;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #FBFBFB;
}
.sms,.smsp{
	float: right;
}
.hinu{
	font-size: 1em;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	color: #FB2EBA;
	border: thin solid #FC0BB0;
	margin: 5px;
	text-align: center;
	padding: 5px;
	width: 90%;
}
.hinu01{
	font-size: 1em;
	font-family: "微軟正黑體";
	color: #007BFD;
	border: thin solid #007BFD;
	margin: 5px;
	text-align: center;
	padding: 5px;
	width: 100%;
	font-weight: bolder;
}
.hinu02{
	font-size: 1em;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	color: #FD001F;
	border: thin solid #FC0B0B;
	margin: 5px;
	text-align: center;
	padding: 5px;
	width: 85%;
}
.hinu03{
	font-size: 1em;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	color: #fc990b;
	border: thin solid #FC990B;
	margin: 5px;
	text-align: center;
	padding: 5px;
	width: 70%;
}
/* 服務項目按鈕 */
#LayoutDiv4 p{
	padding-top: 8px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 7px;
	font-size: 0.9em;
	border: thin double #000000;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}
.table-fill{
	font-size: 0.6em;
	font-family: Arial;
	font-weight: normal;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #d02718;
	text-decoration: none;
	background: -moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	background: -ms-linear-gradient( top, #f24537 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
	background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #f24537), color-stop(100%, #c62d1f) );
	background-color: #f24537;
	color: #ffffff;
	display: inline-block;
	text-shadow: 1px 1px 0px #810e05;
	-webkit-box-shadow: inset 1px 1px 0px 0px #f5978e;
	-moz-box-shadow: inset 1px 1px 0px 0px #f5978e;
	box-shadow: inset 1px 1px 0px 0px #f5978e;
	margin-bottom: 2px;
	margin-left: 1px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
	text-align: center;
}
.btn {
	font-size: 0.9em;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #dcdcdc;
	padding-top: 9px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 9px;
	text-decoration: none;
	background: -moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	background: -ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
	background-color: #f9f9f9;
	color: #111111;
	display: inline-block;
	text-shadow: 1px 1px 0px #ffffff;
	-webkit-box-shadow: inset 1px 1px 0px 0px #ffffff;
	-moz-box-shadow: inset 1px 1px 0px 0px #ffffff;
	box-shadow: inset 1px 1px 0px 0px #ffffff;
	margin-top: 5px;
}
.btn:hover {
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	background:-ms-linear-gradient( top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e9e9e9), color-stop(100%, #f9f9f9) );
	background-color:#e9e9e9;
}
.btn:active {
	position:relative;
	top:1px;
}
.light {
	line-height: 34px;
	font-family: "微軟正黑體";
	font-size: 1.2em;
	color: #FFFFFF;
	font-weight: bolder;
	background-color: #000000;
	margin-right: 10px;
	margin-left: 10px;
	padding: 5px;
	margin-top: 8px;
	margin-bottom: 8px;
	text-align: left;
}
table th , table td{
    text-align: center;
}

table tr:nth-child(even){
    background-color: #BEF2F5
}

.pagination li:hover{
    cursor: pointer;
}
#mufoot ul {
	font-size: 0.8em;
	list-style: none;
	margin: 0;
	padding: 0;	
	overflow: hidden; /* 超過範圍隱藏 */
	white-space: nowrap; /* 不斷行 */
}
#mufoot ul li{display: inline; /* 水平排列 */}
#mufoot ul li a {
	display: inline-block;	/* 水平內顯示為區塊 */
	padding: 0 20px;
	line-height: 21px;
	color: #FFFFFF;
	text-decoration: none;
}

#topmu {
	margin-left: 5px;
	margin-top: 22%;
	margin-right: 5px;
	clear: right;
	float: right;
	text-shadow: shadow1, shadow2, shadow3;
	text-shadow: 4px 3px 0px #fff, 9px 8px 0px rgba(0,0,0,0.15);
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	height: 12%;
	margin-top: 15px;
}
#LayoutDiv2 {
	font-size: 0.9em;
	background-image: url(../images/about-img02.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	height: auto;
	border: thick solid #000000;
	border-radius: 60px 0px 0px 0px;
	-webkit-border-radius: 80px 0px 0px 0px;
	-moz-border-radius: 60px 0px 0px 0px;
	margin-bottom: 10px;
}
#LayoutDiv2 h1{
	padding-top: 1.5em;
	padding-bottom: 0px;
	border-bottom: medium groove #000000;
}
#LayoutDiv2 img{
	float: left;
	
}
#LayoutDiv2 ul li{
	margin-top: 10px;
	margin-right: 8px;
	margin-bottom: 10px;
	margin-left: 8px;
	text-align: right;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	
}
#LayoutDiv3 {
	background-image: url(../images/service.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	height: 330px;
	margin-bottom: 10px;
}
#LayoutDiv3 ul li{
	font-size: 0.8em;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	text-align: center;
	border: thin solid #3F3F3F;
	width: 26.9%;
	display: inline-table;
	padding-top: 18px;
	padding-right: 6px;
	padding-bottom: 18px;
	padding-left: 6px;
	background: -moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	background: -ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
	background-color: #f9f9f9;
	color: #111111;
	display: inline-block;
	text-shadow: 1px 1px 0px #ffffff;
	-webkit-box-shadow: inset 1px 1px 0px 0px #ffffff;
	-moz-box-shadow: inset 1px 1px 0px 0px #ffffff;
	box-shadow: inset 1px 1px 0px 0px #ffffff;
	background-color: rgb(85, 147, 194);
	text-shadow: rgb(204, 204, 204) 0px 1px 0px, rgb(201, 201, 201) 0px 2px 0px, rgb(187, 187, 187) 0px 3px 0px, rgb(185, 185, 185) 0px 4px 0px, rgb(170, 170, 170) 0px 5px 0px, rgba(0, 0, 0, 0.0980392) 0px 6px 1px, rgba(0, 0, 0, 0.0980392) 0px 0px 5px, rgba(0, 0, 0, 0.298039) 0px 1px 3px, rgba(0, 0, 0, 0.14902) 0px 3px 5px, rgba(0, 0, 0, 0.2) 0px 5px 10px, rgba(0, 0, 0, 0.2) 0px 10px 10px, rgba(0, 0, 0, 0.0980392) 0px 20px 20px;
	margin-bottom: 10px;
	margin-left: 6px;
	margin-top: 12px;
}

#LayoutDiv4 {
	clear: both;
	width: 100%;
	display: block;
	height: auto;
	background-image: url(../images/sms.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-position: right top;
	padding-top: 28.5%;
}
#LayoutDiv5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 15px;
	height: auto;
	background-color: #000000;
}
#LayoutDiv6 {
	background-image: url(../images/seo.png);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
	margin-left: 0;
	display: block;
	height: auto;
	border: thick solid #000000;
	border-radius: 60px 0px 0px 0px;
	-webkit-border-radius: 80px 0px 0px 0px;
	-moz-border-radius: 60px 0px 0px 0px;
	margin-bottom: 10px;
}
#LayoutDiv6 h1{
	padding-top: 1.5em;
	padding-bottom: 0px;
	border-bottom: medium groove #000000;
	padding-left: 1em;
}
#LayoutDiv7 {
	font-size: 0.9em;
	background-image: url(../images/keyword.png);
	background-repeat: no-repeat;
	background-position: right top;
	float: right;
	margin-left: 0;
	display: block;
	border: thick solid #000000;
	border-radius: 60px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 60px 0px;
	-moz-border-radius: 0px 0px 60px 0px;
	margin-bottom: 10px;
}
#LayoutDiv7 h1{
	padding-top: 1.5em;
	padding-bottom: 0px;
	border-bottom: medium groove #000000;
	padding-left: 1em;
}
#LayoutDiv9 {
	background-image: url(../images/WEB.png);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
	margin-left: 0;
	display: block;
	height: auto;
	border: thick solid #000000;
	border-radius: 60px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 60px 0px 0px 0px;
	margin-bottom: 10px;
}
#LayoutDiv9 h1{
	padding-top: 1.5em;
	padding-bottom: 0px;
	border-bottom: medium groove #000000;
	padding-left: 1em;
}
#LayoutDiv10 {
	float: left;
	margin-left: 0;
	display: block;
	height: auto;
	background-color: #EDC6C7;
}
#LayoutDiv10 h1{
	padding-top: 1.5em;
	padding-bottom: 0px;
	border-bottom: medium groove #000000;
	padding-left: 1em;
}
#LayoutDiv10 ul {
	background: url(../images/card_bg.jpg) repeat;
	width: 95%;
	float: left;
	border: 1px solid #666;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	position: relative;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 2px 2px 10px #000;
	-webkit-box-shadow: 2px 2px 10px #000;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}
#LayoutDiv10 ul li,#LayoutDiv10 ul img{
	width: 100%;
	line-height: 1.8em;
}
#LayoutDiv11 {
	background-color: #000000;
	float: right;
	margin-left: 0;
	display: block;
	border: thin solid #373737;
	border-radius: 60px 60px 60px 60px;
	-webkit-border-radius: 30px 30px 30px 30px;
	-moz-border-radius: 60px 60px 60px 60px;
	margin-bottom: 10px;
}
#LayoutDiv11 h3{
	border-bottom: medium double #B5B5B5;
	text-align: center;
	font-size: 1.6em;
	font-family: "微軟正黑體";
	color: #FFFFFF;
}
#LayoutDiv11 li{
	font-size: 1em;
	font-family: "微軟正黑體";
	line-height: 1.5em;
	color: #FFCF05;
	padding-right: 10px;
	padding-left: 10px;
}
#sms{
	float: left;
	margin-left: 0;
	display: block;
	height: auto;
	border: medium solid #000000;
	border-radius: 60px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 60px 0px 0px 0px;
	margin-bottom: 10px;
	padding: 2em;
	text-align: center;
	background-image: url(../images/card_bg.jpg);
}
.ten11{
	float: right;
}
.ten12{
	width: 50%;
}
#sms h1{
	float: right;
	margin: 4px;
	padding: 10px;
	font-family: "微軟正黑體";
	line-height: 1em;
}
.txt001 li{
	text-align: center;
	font-family: "微軟正黑體";
	font-size: 1.2em;
	color: #0030B4;
	line-height: 1.7em;
	list-style-type: circle;
	list-style-position: inside;
}
.txt001{
	padding: 0px;
}
.ten12{
	width: 50%;
}
#smsmain {
	font-size: 0.9em;
	float: right;
	display: block;
	border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 60px 0px;
	margin-bottom: 10px;
	border-top: 2.5em solid #000000;
	border-right: thick solid #000000;
	border-bottom: thick solid #000000;
	border-left: thick solid #000000;
	background-color: #f7f7f7;
}
#taglist {
	float: left;
	margin-left: 0;
	display: block;

}
#dm {
	font-size: 0.9em;
	background-image: url(../images/Size.png);
	background-repeat: no-repeat;
	background-position: right top;
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	height: auto;
}
#dm ul{
	margin-top: 3em;
	margin-right: 2em;
	margin-left: 2em;
	font-family: "微軟正黑體";
	font-size: 1em;
	list-style-type: square;
}
#dm ul li{
	line-height: 2.5em;
}
#footer {
	color: #FFFFFF;
	font-size: 0.8em;
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	height: 100px;
	margin-bottom: 10px;
	margin-top: 10px;
	background-color: #000000;	
}
/* 表格版面: 481px 到 768px。樣式繼承自: 行動版面。 */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1%;
	padding-right: 1%;
}
#topmu {
	margin-top: 20%;
}
#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.2%;
	display: block;
	height: 550px;
}
#LayoutDiv3 {
	clear: none;
	float: left;
	width: 48.2%;
	display: block;
	height: 550px;
}
#LayoutDiv4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	height: auto;
}
#LayoutDiv4 img{
	width: 100%;
	}
.sms,.smsp{
	width: 100%;
}
#LayoutDiv4 p{
	width: 99%;
}
#LayoutDiv7 {
	width: 100%;
	display: block;
	height: 350px;
	margin-left: 0;
	}
.txt001 li{
	font-size: 0.9em;
	color: #0030B4;
	line-height: 2em;
}
#dm {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.2%;
	display: block;
	height: 550px;
}
#footer {
	font-size: 0.8em;
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	color: #FFFFFF;
	background-color: #000000;
	padding-bottom: 20px;
	padding-top: 5px;
	padding-left: 10px;

}
}
/* 桌面版面: 640px 到最大 1232px。樣式繼承自: 行動版面和表格版面。 */

@media only screen and (min-width: 640px) {
.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#mu{
	width: 85.5%;
	float:right;
}
#topmu {
	margin-top: 20%;
}
#order {
	width: 80%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	height: 380px;
	}
#LayoutDiv3 {
	clear: none;
	float: left;
	width: 100%;
	display: block;
	height: 350px;
}

#LayoutDiv4 {
	padding-top: 18%;
	clear: none;
	float: left;
	width: 100%;
	display: block;
	margin-top: 0;
	height: auto;
}
.sms,.smsp{
	width: 100%;
}
#LayoutDiv4 p{
	width: 99%;
}
#LayoutDiv7 {
	width: 100%;
	display: block;
	height: 350px;
	margin-left: 0;
	}
.txt001 li{
	text-align: right;
	font-family: "微軟正黑體";
	font-size: 1em;
	color: #0030B4;
	line-height: 2em;
	list-style-type: circle;
	list-style-position: inside;
}
.ten12{
	width: 58.5%;
}
.txt001 li{
	text-align: left;
	font-family: "微軟正黑體";
	font-size: 1em;
	color: #0030B4;
	line-height: 1.5em;
}
#dm{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	height: 380px;
	}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	background-color: #000000;
	
}
}
/* 桌面版面: 769px 到最大 1232px。樣式繼承自: 行動版面和表格版面。 */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#topmu {
	margin-top: 5%;
}
#mu{
	width: 66.5%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 32%;
	display: block;
	height: 350px;
	padding-right: 10px;
	padding-left: 10px;
	}
#LayoutDiv3 {
	clear: none;
	float: left;
	width: 32%;
	display: block;
	height: 350px;
}
#LayoutDiv4 {
	width: 100%;
	display: block;
	margin-top: 0;
	height: 320px;
}
#LayoutDiv4 img{
	width: 100%;
	}
.sms,.smsp{
	width: 100%;
}
#LayoutDiv4 p{
	width: 99%;
}
.txt001 li{
	text-align: left;
	font-family: "微軟正黑體";
	font-size: 1.1em;
	color: #0030B4;
	line-height: 1.2em;
}
#dm {
	clear: both;
	float: left;
	margin-left: 0;
	width: 32%;
	display: block;
	height: 350px;
	padding-right: 10px;
	padding-left: 10px;
	}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	background-color: #000000;
	
}
}
/* 桌面版面: 1024px 到最大 1232px。樣式繼承自: 行動版面和表格版面。 */

@media only screen and (min-width: 1024px) {
.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 47%;
	display: block;
	height: 420px;
	font-family: "微軟正黑體";
	}
#topmu {
	margin-top: 4%;
}
#LayoutDiv3 {
	clear: none;
	float: right;
	margin-left: 1.46%;
	width: 48%;
	display: block;
	height: 420px;
}
#LayoutDiv4 {
	clear: both;
	float: right;
	width: 100%;
	display: block;
	height: auto;
	font-family: "微軟正黑體";
	padding-top: 10%;
	}	
#LayoutDiv4 img{
	width: 48%;
	float: left;
	}
.sms,.smsp{
	width: 50%;
}
#LayoutDiv4 p{
	width: 48%;
	float: right;
}
#LayoutDiv6 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49%;
	display: block;
	height: 420px;
	font-family: "微軟正黑體";
	}
#LayoutDiv7 {
	padding-top: 3em;
	width: 49%;
	display: block;
	height: auto;
	font-family: "微軟正黑體";
	padding-left: 6px;
	}
#LayoutDiv8 {
	clear: none;
	float: left;
	margin-left: 0;
	width: 49%;
	display: block;
	height: 350px;
}
#LayoutDiv10 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49%;
	display: block;
	height: auto;
	font-family: "微軟正黑體";
	}
#LayoutDiv11 {
	float: right;
	margin-left: 0;
	width: 49%;
	height: 270px;
	display: block;
	background-color: #000000;
}
#sms{
	clear: both;
	float: left;
	margin-left: 0;
	width: 42.5%;
	display: block;
	height: auto;
	background-attachment: fixed;
	background-repeat: repeat;
	background-image: url(../images/card_bg.jpg);
	background-position: center bottom;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	line-height: 1.65em;
}
#smsmain {
	width: 49%;
	display: block;
	height: auto;
	font-family: "微軟正黑體";
	padding-left: 6px;
	text-align: center;
	background-color: #030303;
	color: #FFFDFD;
	}
#taglist {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49.2%;
	display: block;
	height: 420px;
	font-family: "微軟正黑體";
	}
#book {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	height: auto;
	font-family: "微軟正黑體";
	}
#dm {
	clear: both;
	float: left;
	margin-left: 0;
	width: 47%;
	display: block;
	font-family: "微軟正黑體";
	height: auto;
	}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	background-color: #000000;
	
}
}