@charset "utf-8";
.1 {
}
<!--CSS-->



/*CSS RESET*/
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button,textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}


img {border: 0;}
a img{border: 0;}

ol, ul, li {list-style: none;}

a{ text-decoration:none;
 outline: none; /* for Firefox Google Chrome  */
 behavior:expression(this.onFocus=this.blur()); /* for IE */
}/*去除連結虛線框*/

/*以上做網頁先複製

<!--CSS-->



/*背景body*/
body{
	font-family: "微軟正黑體";
	width:100%;
	background-repeat: no-repeat;
	background-position: center top;/*背景置中置上*/
	background-size: cover;/*背景滿版*/
	padding:0;
	margin:0;
	background-color: #f2fdff;
}


/*外圍wrapper*/
#wrapper{
	width: 100%;
	/*position:relative;*/
	/*margin: 0 auto;*/
	} 


#header_box{
	width:100%;
	min-width: 1000px;
	height: 391px;
	background-color: #0c2f73;	
	background-image: url(../images/background_01.png);
}


#header{
	width: 1000px;
	height: 391px;
	position:relative;
	margin: 0 auto;
	background-image: url(../images/banner_01.png);
}



#logo{float:left;
	width: 298px;
	height: 107px;
	/*background-image: url(../images/logo_01.png);*/
}


/*-------nav-------------------------*/
#nav{float:right;width:550px;height:107px;margin: 0px 0px 0px 0px;}

ul.td_menu {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.td_nav > li {
	position: relative;
	float: left;
	
	-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;
}

ul.td_nav > li.nav_01 {
	width: 212px;
	height: 107px;
}

ul.td_nav > li.nav_02 {
	width: 131px;
	height: 107px;
	
	
}

ul.td_nav > li.nav_03 {
	width: 129px;
	height: 107px;
	
}

ul.td_nav > li.nav_04 {
	width: 110px;
	height: 107px;
	
}

ul.td_nav > li.nav_05 {
	width: 120px;
	height: 107px;
	
}
/*-------navend-------------------------*/




#content{
	width: 1000px;
	height: auto;
	min-height: 350px;
	/*position:relative;*/
	margin: 0 auto;
	background-color: #f2fdff;
	background-repeat: no-repeat;	
		
}



/*底部footer*/
#footer{
	width: 1000px;
	height: 196px;
	/*position:relative;*/
	margin: 0 auto;
	background-color: #f2fdff;
	
}


/*左列內容*/
#left-menu{
	float:left;
	margin:0;
	width:186px;
	padding:0;
} 

/*右列內容*/
#right-menu{
	padding-top:20px;
	margin-left:40px;
	float:left;
	height:auto;
	min-height: 570px;
	width:calc( 100% - 186px - 40px);
	/*width:755px;*/
	/*margin:20px 0px 0px 210px;*/
} 

/**
 *	商品列表 (單格)
 *
 */
.item {
	float:left;
	margin:0 4px 0px 4px;
	width:calc( 100% / 3 - 8px);
}
.item table {
	padding-left:5px;
	padding-right:5px;
}



.ppp {
	border: 1px solid #cdcdcd;
} 

.ppp:hover {
	border: 1px solid #659fee;
	/*box-shadow:10px 10px 10px 10px #6fc83a inset ;*/
	box-shadow:1px 1px 5px 5px #9bc5ff;
} 

.word {
	font-family: "微軟正黑體";
	font-size: 12pt;
	color: #000;
	word-wrap: break-word;
	word-break: break-all;	
}

.word:hover {
	font-family: "微軟正黑體";
	font-size: 12pt;
	color: #0f66ff;
	word-wrap: break-word;
	word-break: break-all;	
}

.word_1 {
	font-family: "微軟正黑體";
	font-size: 14pt;
	color: #5c78b1;
	word-wrap: break-word;
	word-break: break-all;
}

.word_1:hover {
	font-family: "微軟正黑體";
	font-size: 14pt;
	color: #003187;
	word-wrap: break-word;
	word-break: break-all;	
}

/*表格*/

/* Table Head */
#table-7 thead th {
background-color: #f2fdff;
color: #000;
border-bottom-width: 0;
}

/* Column Style */
#table-7 td {
color: #000;
}
/* Heading and Column Style */
#table-7 tr, #table-7 th {
border-width: 0px;
border-style: solid;
border-color: rgb(81, 130, 187);
font-size: 14pt;
}

/* Padding and font style */
#table-7 td, #table-7 th {
padding: 5px 10px;
/*font-size: 15pt;
font-family:  "微軟正黑體";*/

}

/*表格*/

/*分頁*/
.page{
    margin-top:10px;
    text-align:center;
    padding:2px;
    /* font-weight:bolder;*/
     font-size:14px;
}/*分頁整體間距;字體粗體;字體大小*/

.page a{
    border: 1px solid #ccc;
    padding: 0 0px 0 0px;
    margin: 5px;
	padding:2px;	
    text-decoration: none;
    color: #3091ff;
    border-radius: 5px;
} /*連結後邊框粗細、線條、顏色;內間距;外間距;字底線;字顏色*/


.page span{
    padding: 0 0px 0 0px;/*內間距*/
    margin: 5px;/*外間距*/
	padding:2px;
    color: #fff;/*字顏色*/
    border-radius: 5px;
    border: 1px solid #419ffe; /*邊框顏色*/
    background-color: #419ffe;/*背景色*/
}

.p0 {
	font-size: 15px;
	color: #ADADAD;
}

.p1 {
	font-family: "微軟正黑體";
	font-size: 16pt;
	color: #000;
	word-wrap: break-word;
	word-break: break-all;
}

.p2 {
	font-family: "微軟正黑體";
	font-size: 8pt;
	color: #000;
	word-wrap: break-word;
	word-break: break-all;
}

.p3 {
	font-family: "微軟正黑體";
	font-size: 12pt;
	color: #000;
	word-wrap: break-word;
	word-break: break-all;
}


.p4 {
	font-family: "微軟正黑體";
	font-size: 14pt;
	color: #5c78b1;
	word-wrap: break-word;
	word-break: break-all;
}

.p5 {
	font-family: "微軟正黑體";
	font-size: 15pt;
	color: #000;
	word-wrap: break-word;
	word-break: break-all;
}

.p6 {
	font-family: "微軟正黑體";
	font-size: 12pt;
	color: #ff0000;
	word-wrap: break-word;
	word-break: break-all;
}





/* Contact */
#contact .form { line-height:1.5; position:relative; width:47%; float:right;}
#contact .form div { clear:both; margin-bottom:8px;}
#contact .form label { width:25%; float:left; margin-right:10px;}
#contact .form .mark { color:#C33; margin: 0 3px;}
#contact .form .input, .form .textarea { width:70%;}
#contact .form input, .form textarea { font-size:70%;}
#contact .form .signtxt { color:inherit;}
#contact .form .marktxt { font-size:80%; color:#807f7f;}
#contact .form .marktxt br { line-height:35px;}
#contact input[type="text"], #contact input[type="number"], #contact input[type="password"], #contact select, #contact textarea {
	-webkit-transition:border 0.15s ease-out,box-shadow 0.15s ease-out;
	-moz-transition:border 0.15s ease-out,box-shadow 0.15s ease-out;
	transition:border 0.15s ease-out,box-shadow 0.15s ease-out;
	color:#555;
	border:1px solid #ccc;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
#contact input[type="text"], #contact input[type="number"], #contact input[type="password"], #contact select, #contact textarea {
	display:inline-block;
	padding:5px 10px;
	line-height:1.4;
	border-radius:4px;
	vertical-align:middle;
}
#contact input[type="text"]:hover, #contact input[type="number"]:hover, #contact input[type="password"]:hover, #contact select:hover, #contact textarea:hover { border:1px solid #999;}
#contact .form span, #contact .form div, #contact .form table, #contact .form input, #contact .form select, #contact .form textarea, #contact .form button, #contact .form section, #contact .form li, #contact .form ul, #contact .form ol, #contact .form h1, #contact .form h2, #contact .form h3, #contact .form h4, #contact .form h5, #contact .form h6, #contact .form a {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#contact input:not([type]), #contact input[type="email" i], #contact input[type="number" i], #contact input[type="password" i], #contact input[type="tel" i], #contact input[type="url" i], #contact input[type="text" i] { padding:1px 0px;}
#contact input, #contact input[type="password" i], #contact input[type="search" i] {
	-webkit-appearance:textfield;
	padding:1px;
	background-color:white;
	border:2px inset;
	border-image-source:initial;
	border-image-slice:initial;
	border-image-width:initial;
	border-image-outset:initial;
	border-image-repeat:initial;
	-webkit-rtl-ordering:logical;
	-webkit-user-select:text;
	cursor:auto;
}
#contact input, #contact textarea, #contact keygen, #contact select, #contact button {
	margin: 0em;
	text-rendering: auto;
	color: initial;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	display: inline-block;
	text-align: start;
	font-size: 16px;
}
#contact input, #contact textarea, #contact keygen, #contact select, #contact button, #contact meter, #contact progress { -webkit-writing-mode:horizontal-tb;}
#contact input[type="radio"] { border:none; outline:none; margin-right:5px;}
#contact .form .submit { margin:5px 0;}
#contact .back>a, #contact input[type="submit"] {
	-webkit-transition:background 0.15s ease-out;
	-moz-transition:background 0.15s ease-out;
	transition:background 0.15s ease-out;
	color:#fff; border:1px solid #384d65;
	background:#384d65; text-decoration:none;
	text-align:center; cursor:pointer;
}
#contact .back>a, #contact input[type="submit"] {
	display: inline-block;
	padding: 8px 14px;
	font-size: 13px;
	line-height: 1.4;
	border-radius: 4px;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	background-color: #008CA3;
	margin:0px 0px 0px 180px;
}
#contact input[type="button" i], #contact input[type="submit" i], #contact input[type="reset" i], #contact input[type="file" i]::-webkit-file-upload-button, #contact button { padding:1px 6px;}
#contact input[type="button" i], #contact input[type="submit" i], #contact input[type="reset" i], #contact input[type="file" i]::-webkit-file-upload-button, #contact button {
align-items: flex-start;
text-align: center;
cursor: default;
color: buttontext;
padding: 2px 6px 3px;

border: 2px outset buttonface;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
background-color: buttonface;
box-sizing: border-box;
}
#contact input[type="button" i], #contact input[type="submit" i], #contact input[type="reset" i] {
	
	-webkit-appearance:push-button;
	-webkit-user-select:none;
	white-space:pre;
}
#contact .back>a:hover, #contact input[type="submit"]:hover {
	color: #fff;
	background-color: #55C5D0;
}
#contact .back>a:active, #contact input[type="submit"]:active {
	box-shadow:inset 0 1px 10px rgba(0,0,0,0.3);
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px;
}
#contact input[type="text"]:focus, #contact input[type="number"]:focus, #contact input[type="password"]:focus, #contact select:focus, #contact textarea:focus {
	outline:none;
	border:1px solid #66afe9;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(102, 175, 233, 0.6);
}
#contact iframe { float:left; width:50%; height:490px; margin-top:5px;}
/* Contact End */