body {
	margin:0;
	color:#333333;
	font-size: 11pt;
	background-color: #f8f8f5;
}

/*表格基本設定開始*/
/*table=tab table.list=list*/

table {
	border-collapse:separate;
	border-spacing:0;
	width:96%;
	margin:10px auto;
}

a {text-decoration:none;	color:#0066FF;}
a:hover {COLOR: #FF0000;	font-weight:bold;}

/* 表格圓角開始 */
table tr:first-child td:first-child{border-top-left-radius:7px;}
table tr:first-child td:last-child{border-top-right-radius:7px;}
table tr:last-child td:first-child{border-bottom-left-radius:7px;}
table tr:last-child td:last-child{border-bottom-right-radius:7px;}
/* 表格圓角結束 */

/* 表格線條  dashed 表格虛線  solid 表格實線 */
tr:first-child td,tr:last-child td {border-bottom:1px #999999 solid;	/*底部實線*/}
tr:first-child td {border-top: 1px solid #B4B4B4;}
/*左右兩邊線條*/
td:first-child {border-left:1px #B4B4B4 solid;}
td:last-child {border-right:1px #B4B4B4 solid;}
td {padding:6px 5px;border-left:1px #808080 dashed;border-bottom:1px #999999 dashed;}

/*單數雙數底色*/
tr:nth-child(even),.phone:nth-child(even),.qa div:nth-child(odd) {background: #D9D9D9;}
tr:nth-child(odd),.phone:nth-child(odd),.qa div:nth-child(even) {background-color:#EEEEEE;}
/*單數雙數底色END*/
/* 表格線條END */


/*滑鼠移過變色*/
table tr:hover,.tab-ans tr:hover {background-color:#BBD1E8;}

/*表格基本設定結束*/

/*各別CSS*/

.login {max-width:450px;}
.login td {height:40px;}
.login input[type="text",type="password"], textarea, select {
	width: 100%; /* 讓輸入框寬度填滿表格單元格 */
	box-sizing: border-box; /* 確保內邊距和邊框不影響寬度 */
	padding: 6px;
	font-size: 14px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.login tr:first-child td,.ctrl-box tr:first-child td {
	font-weight:bold;
	//background-color:#B8B8B8;
	font-size:20px;
	height:45px;
	text-align:center;
}

.login tr:last-child td,.ctrl-box tr:last-child td {
	//background-color:#D4D4D4;
	height:25px;
	text-align:center;
}

.login td:first-child,.labe {text-align:right;}


.text-C {text-align:center;}
.text-L {text-align:left;}
.text-R {text-align:right;}


.table-top {
	width:100%;
	margin:0 auto;
	padding:0px;
}

.header {
	max-width:1200px;
	border-bottom-style:solid;
	border-bottom-color: #dadada;
	border-width:1px;
	margin:0 auto;
}

.fixed-container {
	z-index: 100;
	position: fixed;
	top: 0;
	width: 100%;
	max-width:1100px;
	margin: 0 auto;
	box-shadow:3px 3px 15px #cccccc;
}

.banner-src {
    //background: transparent url('../images/3baby_h01.jpg') 0 0 no-repeat fixed;
    background: url('images/3baby_h01.jpg') no-repeat 0 0;
}

.banner2-src {
    //background: transparent url('../images/3baby_h02.jpg') 0 0 no-repeat fixed;
    background: url('images/3baby_h02.jpg') no-repeat 0 0;
}


.banner {
    text-align:center;
    background-size:cover;
    height:350px;
    width:100%;
    display:table;	/*區塊內元素垂直居中*/
}

.banner-text {
	display:table-cell;
	vertical-align:middle;
	margin-bottom:0;
	font-family: 微軟正黑體;
	font-size:50px;
	color:white;
	font-weight:bold;
	text-shadow:3px 3px 5px #000000;	/*文字陰影*/
	position:relative;
	//top:30px;
}

.footer {
	background: #F0F0F0;
	color:#808080;
    overflow: auto;
    margin:auto 0;	/*新增 置中*/
    padding: 30px 0px;/*30px 15px*/
}

.footer-mi {
	/*float:left; /*浮動排列*/
	vertical-align:text-top;
	display:inline-block; /*置中*/
	text-align: left;
	width:auto;
	margin:0px 15px;	/*DIV 外邊界距離設定 margin:上下 左右*/

	font-size:medium;
	letter-spacing: 1px;
	line-height: 150%;
}

.footer-2,.table-img-text,.link-3,.link2-3 {
	//width:100%;
	//max-width:1200px;
	//padding:5px 0px;	/*div內距上下 1em 左右0*/
	margin:0px auto;	/*div外距上下10 左右auto*/
	text-align:center;

}



.prod-div-01 {
	width:100%;
	max-width:1200px;
	padding:5px 0px;/*div內距上下 1em 左右0*/
	margin:5px auto;/*div外距上下10 左右auto*/
	text-align:center;
	//background:#C6D9EC;
	//margin-bottom:10em;
}

.prod-list-4X {
	display:inline-block;
	vertical-align: top;

	width:25%;
	max-width:300px;
	margin-bottom:25px;
	margin:0 10px;

	text-align:center;
}

.prod-img {
	width:100%;
	box-shadow: 6px 6px 4px #ccc;
	border:1px solid #E3E3E3;
	//padding:4px;	/*9+1 X 2 =20 , 360-20 = 340 讓圖片與影片尺寸相同*/
	//background:#FFFFFF;
}

.prod-title {
	//margin-top: 10px;
	margin:10px 0px 20px;
	//text-align:left;
}

.back-prod {
	margin-inline: auto;

	//background: lightblue;
    //border-radius: 20px; /* 內部圓角 */
	outline: 15px solid lightblue; /* 外框直角 */
	
	
}


/*----new-----*/

.div-0 {
	width:100%;
	margin-bottom:20px;
	//text-align:center;
	//background:maroon;
}

.div-01 , .back-prod {
	width: min(100% - 20px , 1200px);
	margin-inline: auto;
}

.prod-pic {
	Display:inline-block;
	margin:6px 10px 14px;
}

.img {
	width:120px;
	height:120px;
	box-shadow: 5px 5px 8px #ccc;	/*陰影  x   y   模糊度   顏色*/
	border:1px solid #E3E3E3;
	padding:5px;	/*9+1 X 2 =20 , 360-20 = 340 讓圖片與影片尺寸相同*/
	background:#FFFFFF;
}

/*-----原CSS 開始----*/
.Porder {
	width:100%
}

.Porder td:first-child {
	text-align:right;
	width:21%;
	//min-width:60px;
	//max-width:70px;

}

.Pinc {
	width:94%;
	height:auto;
	border-style:solid;
	border-width:15px;		/*線條寬度*/
	border-color:#EFEFEF;
}

.Pinc-2 {
	width:auto;
	//background-color:#BDEEBD;
	//vertical-align:top;
	padding:10px;
	text-align:left;
}

.Pinc-2 div{
	display: inline-block;
	vertical-align:top;
}

.Pinc-M td {
	color:#FF0000;
}

.div-order-img {
	//background-color:fuchsia;
	//padding:10px;
	//width:150px;
	margin-right:10px;
	
}

.div-order {
	width:75%;
	//background-color:#3399FF;
}

.order-man {
	width:auto;
	background-color:gray;
}
.order-man div{
	display:inline-block;
	//width:50%;
	background-color:fuchsia;
}

.order-man2 {
	width:50%;
	background-color:lime;
}







/*-----原CSS end----*/