@charset "utf-8";
@import url("reset.css");
body{
	background-color:#FFF;
	}
html {
	font-family:Arial, Helvetica, sans-serif, "微軟正黑體", Aparajita;
}
/* --電腦版型------------------------------------- */
@media screen and (min-width:736px){
.head{
	width:100%;
	background-color:#3799d8;
	}

#TOP{
	margin:0 auto;
	width:1024px;
	height:100px;
	position:relative;
}
#TOP a.mobile{
	display:none;
	}
#TOP a.index{
	width:348px;
	height:100px;
}
#TOP .AA a{
	position:absolute;
	right:0;
	top: 10px;
	text-decoration:none;
	color:#FFF;
	font-size:14px;
}
#TOP .AA a:hover{
	text-decoration:underline;
}
#TOP .BB a{
	position: absolute;
	right:35px;
	top:12px;
	text-decoration:none;
	color:#FFF;
	font-size:15px;
}

#TOP .CC a {
	position: absolute;
	right:50px;
	top:10px;
	text-decoration:none;
	color:#FFF;
	font-size:14px;
}
#TOP .CC a:hover{
	text-decoration:underline;
}
#TOP .DD {
	height:45px;
	width:154px;
	position: absolute;
	right:-10px;
	top:30px;
}
#TOP .EE{
	display:none;
}
#LI{
	position:relative;
	display:block;
}
#TOP.LI li{
	float:left;
}


/* 選單 電腦版 */
#menu{
	display:none;
	}
.MENU{
	width:1024px;
	height:30px;
	margin:0 auto;
}
.MENU li{
	margin-right:25px;
	padding-right:25px;
	text-align:center;
	
	float:left;
	position:relative;
	cursor:pointer;
	}
.MENU li:last-child{
	border:none;
	}
.MENU li a{
	display:block;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	letter-spacing:1px;
	line-height:30px;
	text-decoration:none;
	text-shadow:1px 1px 5px #555;
	}
.MENU li a:hover{}
/*------menu下拉------*/
.MENU ul.level{
	display:none;
	width:100px;
	padding:0 10px;
	overflow:hidden;
	z-index:9999;
	
	position:absolute;
	top:30px;
	
	background-color:#036;
	}
.MENU ul.level li{
	width:90px;
	padding:10px 0;
	float:none;
	text-align:left;
	border:none;
	}

.MENU ul.level a{
	display:block;
	width:90px;
	
	font-size:14px;
	line-height:18px;
	letter-spacing:1px;
	color:#fff;
	}
.MENU ul.level a:hover{
	text-decoration:underline;
	background:none;
	}



/*內容區*/
#CONTENT{
	width:1024px;
	overflow:hidden;
	margin:0 auto;
	padding-top:30px;
	padding-bottom:60px;
}
/* 左邊服務項目 */
.OUTBOX{
	width:263px;
	overflow:hidden;
	float:left;
	background-color:#3799d8;
}
.OUTBOX h3{
	display:block;
	font-size:18px;
	color:#FFF;
 	line-height:40px;
	background-color:#003366;
	height:40px;
	text-align:center;
}


/* 左邊服務項目伸縮表單css */
.COURSE{
	width:253px;
	margin:0 auto;
	clear:both;
	margin-bottom:15px;
	}
.p001tit{
	width:223px;
	background-color:#bee3fc;
	padding:15px 15px;
	}
.p001tit a{
	font-size:17px;
	font-weight:bold;
	padding:10px 0;
	color:#444;
	text-decoration:none;
	}
.p001tit a:hover{
	color:#155d91;
	}
.COURSE_BOX{
	width:223px;
	background-color:#bee3fc;
	overflow:hidden;
	display:none;
	padding:0 15px;
}

.COURSE_BOX li a{
	display:block;
	font-size:14px;
	line-height:18px;
	color:#444;
	text-decoration:none;
	padding:10px 0;
	border-bottom: 1px dotted #333;

}
.COURSE_BOX li a:hover{
	color:#155d91;
	}

/* 案例 */
#CASE{
	width:263px;
	overflow:hidden;
}
#CASE h3{
	width:248px;
	display:block;
	font-size:18px;
	color:#FFF;
 	line-height:40px;
	background-color:#003366;
	height:40px;
	text-align:left;
	padding-left:15px;
	
	position:relative;
}
#CASE h3 span{
	position:absolute;
	top:0;
	right:15px;
}
#CASE h3 span a{
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	}
#CASE h3 span a:hover{
	text-decoration:underline;
	}
#CASE h4{
	width:223px;
	margin:0 auto;
	font-size:16px;
	font-weight:bold;
	color:#444;
	padding:15px;
	background-color:#FFF;
}
#CASE p{
	width:223px;
	margin:0 auto;
	padding:0 15px;
	padding-bottom:20px;
	background-color:#FFF;
}
#CASE p a{
	font-size:14px;
	color:#444;
	line-height:20px;
	text-decoration:none;
	}
#CASE img{
	width:100%;
	height:auto;
	margin-top:15px;
	}

/* 醫師介紹 */
#DOCTOR{
	width:263px;
	overflow:hidden;
}
#DOCTOR h3{
	width:263px;
	display:block;
	font-size:18px;
	color:#FFF;
 	line-height:40px;
	background-color:#003366;
	height:40px;
}
#DOCTOR img{
	width:102px;
	height:auto;
	float:left;
	margin-left:5px;
	background-color:#FFF;
	padding:15px 0;
	padding-left:10px;
}
#DOCTOR p{
	width:121px;
	height:162px;
	overflow:hidden;
	padding:10px;
	float:right;
	margin-right:5px;
	background-color:#FFF;
	
	font-size:14px;
	color:#444;
	line-height:20px;
	}


/* 衛教資訊 */
#LIST{
	width:263px;
	clear:both;
	overflow:hidden;
	margin-bottom:5px;
}
#LIST h3{
	width:263px;
	display:block;
	font-size:18px;
	color:#FFF;
 	line-height:40px;
	background-color:#003366;
	height:40px;
	}
#LIST ul{
	width:233px;
	margin:0 auto;
	background-color:#FFF;
	
	padding:0 10px;
	}
#LIST li{
	list-style:circle;
	list-style-position:inside;
	border-bottom:1px dashed #436183;
	padding:10px 0;
}
#LIST li a{
	font-size:14px;
	text-decoration:none;
	color:#333;
}
#LIST li a:hover{
	color:#003366;
}

.banner{
	width:253px;
	overflow:hidden;
	margin:0 auto;
	padding-top:5px;
	}
.banner li{
	width:251px;
	height:60px;
	overflow:hidden;
	border:1px #003366 solid;
	margin:10px 0;
	}
.banner li a{
	display:block;
	}
.banner li img{
	width:251px;
	height:60px;
	}

/* 右邊內容 */
#RIGHTBOX{
	width:740px;
	overflow: hidden;
	float:right;
}
#RIGHTBOX h4{
	width:100%;
	font-size:20px;
	font-weight:bold;
	color:#000;
	margin-bottom:25px;

	position:relative;
	}

/*-----分享-----*/
.share{
	overflow:hidden;

	position:absolute;
	top:0;
	right:0;
	}
.share .fb_iframe_widget{
	overflow:hidden;
	}

#RIGHTBOX h5{
	/*width:100%;*/
	font-size:22px;
	font-weight:bold;
	color:#003366;
	margin-bottom:20px;
	background-color:#bee3fc;
	padding:10px 10px;
	}
#RIGHTBOX .html{
	width:100%;
	font-size:16px;
	color:#000;
	line-height:26px;
	}
#RIGHTBOX .html img{
	width:100%;
	height:auto;
	margin:15px;
	}

#RIGHTBOX .TABLE{
	width:100%;
	margin:0 auto;
	margin-top:50px;
	border:none;
}

/* 表格填寫 */
#RIGHTBOX .TABLE .TITLE{
	font-family:Arial, Helvetica, sans-serif, "微軟正黑體", Aparajita;
	font-size:20px;
	font-weight:bold;
	color:#000;
	padding:15px 0;
}
#RIGHTBOX .TABLE td{
	font-family:Arial, Helvetica, sans-serif, "微軟正黑體", Aparajita;
	font-size:14px;
	padding:10px;
	font-weight:bold;
	border-bottom:1px #FFF solid;
	
	font-weight:bold;
	color:#fff;
}
#RIGHTBOX .TABLE .AA{
	font-size:14px;
	color:#666;
	font-weight:normal;
	}
#RIGHTBOX .TABLE .BB{
	font-size:14px;
	color:#666;
	font-weight:normal;
	}
#RIGHTBOX .TABLE input{
	width:40%;
	}
#RIGHTBOX .TABLE .save{
	width:auto;
	padding:15px 0;
	}
#RIGHTBOX .TABLE .BB input{
	width:auto;
	}
#RIGHTBOX .TABLE textarea{
	width:80%;
	max-width:80%;
	height:150px;
	max-height:150px;
	}

#RIGHTBOX .LIST{
	width:100%;
	border-bottom: 1px dotted #333;
	background-image:url(../img/arroow.png);
	background-position:center left;
	background-repeat:no-repeat;
	padding:10px 0;
}
#RIGHTBOX .LIST a{
	text-decoration:none;
	font-size:14px;
	color:#000;
	padding-left:15px;
}
#RIGHTBOX .LIST a:hover{
	color:#003366;
	}


/*know.html css*/
#CONTENT #RIGHTBOX p .Q{
	color: #9e069c;
	font-size: 18px;
	font-weight: bold;
}
#CONTENT #RIGHTBOX p .A{
	color:#f00;
	font-size: 18px;
	font-weight: bold;
}


/*video-a.html css*/
#RIGHTBOX .VEDIO2{
	width:100%;
	margin:0 auto;
	margin-bottom:20px;
}
#RIGHTBOX .VEDIO2 iframe{
	width:100%; 
	height:390px; 
}

/*information.html css*/
#RIGHTBOX .HEALTH{
	width:740px;
	height:100px;
	overflow:hidden;
	border-bottom: 1px dotted #333;
	margin-bottom:20px;
}
#RIGHTBOX .HEALTH img{
	width: 100px;
	height: 80px;
	padding: 1px;
	border: #CCC solid 1px;
	float:left;
	margin-right:15px;
}
#RIGHTBOX .HEALTH .TT{
	width:621px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-bottom:10px;
	}
#RIGHTBOX .HEALTH .TT a{
	font-weight:bold;
	font-size:18px;
	color:#000;
	text-decoration:none;
	}
#RIGHTBOX .HEALTH .TT a:hover{
	color:#003366;
}

#RIGHTBOX .HEALTH .LL{
	width:621px;
	height:54px;
	overflow:hidden;
	}
#RIGHTBOX .HEALTH .LL a{
	color:#333;
	font-size:14px;
	line-height:18px;
	text-decoration:none;
}
#RIGHTBOX .HEALTH .LL a:hover{
	color:#003366;
}




/* 聯絡我們方框 */
#RIGHTBOX .CONTENT{
	position:relative;
	width:735px;
	padding:20px 0;
}
#RIGHTBOX .CONTENT p{
	padding:10px 0;
	
	font-size:14px;
	color:#000;
	font-weight:bold;
	}
#RIGHTBOX .CONTENT input{
	width:99.5%;
	height:25px;
	margin-top:10px;
	}
#RIGHTBOX .CONTENT select{
	width:100%;
	height:25px;
	margin-top:10px;
	}
#RIGHTBOX .CONTENT textarea{
	width:99%;
	max-width:99.5%;
	height:200px;
	max-height:200px;
	margin-top:10px;
	}
#RIGHTBOX .CONTENT .SEND #send{
	width:50px;
	height:25px;
	background-color:#003366;
	border:none;
	color:#FFF;
	}

/*copyright列*/
#FOOT{
	clear:both;
	width:100%;
	height:50px;
	background-color:#3799d8;
	margin:0 auto;
}
#FOOT p{
	width:1024px;
	margin:0 auto;
	color:#FFF;
	font-size:12px;
	text-align:center;
	line-height:50px;
	letter-spacing:1px;
}


/* 頁碼css */
.page{
	position:relative;
	width:100%;
	}
.page .pre{
	position:absolute;
	top:0px;
	left:20px;
	}
.page .next{
	position:absolute;
	top:0px;
	right:20px;
	}
.page ul{
	width:150px;
	display:-webkit-box;
	display:-moz-box;
	display:box;
	padding-left:10px;
	text-align:center;
	}
.page ul li{
	-webkit-box-flex:1;
	-moz-box-flex:1;
	box-flex:1;
	text-align:center;
	}
.page ul li a{
	display:block;
	width:25px;
	height:25px;
	border:2px;
	border-image-source:url(../images/border_11.png); 
	border-image-slice: 2; 
	border-image-width: 2px; 
	border-image-repeat: round; 
	-webkit-border-image-source:url(../images/border_11.png); 
	-webkit-border-image-slice: 2; 
	-webkit-border-image-width: 2px; 
	-webkit-border-image-repeat: round;
	-moz-border-image-source:url(../images/border_11.png); 
	-moz-border-image-slice: 2; 
	-moz-border-image-width: 2px; 
	-moz-border-image-repeat: round;
	color:#634c34;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:25px;
	text-decoration:none;
	}
.page ul li a:hover{
	background:url(../images/pageBg_25.jpg);
	color:#003366;
	}
.page ul li a.mark{
	display:block;
	width:25px;
	height:25px;
	border:2px;
	background:url(../images/pageBg_25.jpg);
	border-image-source:url(../images/border_11.png); 
	border-image-slice: 2; 
	border-image-width: 2px; 
	border-image-repeat: round; 
	-webkit-border-image-source:url(../images/border_11.png); 
	-webkit-border-image-slice: 2; 
	-webkit-border-image-width: 2px; 
	-webkit-border-image-repeat: round;
	-moz-border-image-source:url(../images/border_11.png); 
	-moz-border-image-slice: 2; 
	-moz-border-image-width: 2px; 
	-moz-border-image-repeat: round;
	color:#003366;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:25px;
	text-decoration:none;
	}
.page a.pre, .page a.next{
	display:block;
	width:55px;
	height:25px;
	border:2px;
	border-image-source:url(../images/border_11.png); 
	border-image-slice: 2; 
	border-image-width: 2px; 
	border-image-repeat: round; 
	-webkit-border-image-source:url(../images/border_11.png); 
	-webkit-border-image-slice: 2; 
	-webkit-border-image-width: 2px; 
	-webkit-border-image-repeat: round;
	-moz-border-image-source:url(../images/border_11.png); 
	-moz-border-image-slice: 2; 
	-moz-border-image-width: 2px; 
	-moz-border-image-repeat: round;
	color:#634c34;
	font-size:16px;
	font-family:"微軟正黑體", "新細明體";
	line-height:25px;
	text-decoration:none;
	}
.page a.no{
	display:none;
	
	}
.page a.pre:hover ,.page a.next:hover{
	background:url(../images/pageBg_25.jpg);
	color:#003366;
	}
}



/* --手機版型------------------------------------- */
@media screen and (max-width:736px){
.head{
	width:100%;
	background-color:#3799d8;
	}
#TOP{
	width:90%;
	height:auto;
	padding:5% 5%;
	overflow:hidden;
	position:relative;
}
#TOP a.mobile{
	display:block;
	width:15%;
	float:left;
	margin-right:5%;
	margin-top:5%;
	}
#TOP a.mobile img{
	width:100%;
	height:auto;
	}
#TOP a.index{
	width:80%;
	height:auto;
	float:left;
	}
#TOP a.index img{
	width:100%;
	height:auto;
	}
#TOP .AA{
	display:none;
}
#TOP .BB{
	display:none;
}
#TOP .CC{
	display:none;
}
#TOP .DD{
	display:none;
}
#LI{
	position:relative;
	display:block;
}
#TOP.LI li{
	float:left;
}

/* 選單 手機版 */
.MENU{
	display:none;
}
#abgneBlock{
	width:95%;
	height:auto;
	margin:0 auto;
	}
#abgneBlock img{
	width:100%;
	height:auto;
	}
/*.AD{
	margin:auto;
	width: 100%;
	height:150px;
	overflow: hidden;
	position: relative;
	z-index:-1;
}

.IMG{
	width: 1440px;
	height: 150px;
	background: url(../img/bg_bn2.jpg) no-repeat left top;
	-webkit-animation: mymovea 20s infinite;
	-moz-animation: mymovea 20s infinite;
	-o-animation: mymovea 20s infinite;
	position: absolute;
}
@-webkit-keyframes mymovea{
	0%{left:0px;}
	32%{left:0px;}
	34%{left:-360px;}
	66%{left:-360px;}
	68%{left:-720px;}
	72%{left:-720px;}
	85%{left:-1080px;}
	100%{left:-1080px;}
}
@-moz-keyframes mymovea{
	0%{left:0px;}
	32%{left:0px;}
	34%{left:-360px;}
	66%{left:-360px;}
	68%{left:-720px;}
	72%{left:-720px;}
	85%{left:-1080px;}
	100%{left:-1080px;}
}
@-o-keyframes mymovea{
	0%{left:0px;}
	32%{left:0px;}
	34%{left:-360px;}
	66%{left:-360px;}
	68%{left:-720px;}
	72%{left:-720px;}
	85%{left:-1080px;}
	100%{left:-1080px;}
}
@-ms-keyframes mymovea{
	0%{left:0px;}
	32%{left:0px;}
	34%{left:-360px;}
	66%{left:-360px;}
	68%{left:-720px;}
	72%{left:-720px;}
	85%{left:-1080px;}
	100%{left:-1080px;}
}*/


/*內容區*/
#CONTENT{
	background-color:#FFF;
	width:95%;  
	margin:0 auto;
}
/* 左邊服務項目 */
.OUTBOX{
	display:none;
}

#accordion{
	width:245px;
	padding-left:10px;
}
/*#ui-id-1{
	background-color:#D3EEF3;
	color: #000084;
}
#ui-id-2{
	line-height:2;
	color:#09C;
	background-color:#D3EEF3; 
}
#ui-id-2 li{
	border-bottom:1px dotted #999;
}
#ui-id-2 ul a{
	text-decoration:none;
}
#ui-id-2 ul a:hover{
	text-decoration:none;
}
#ui-id-3{
	background-color:#D3EEF3;
	color: #000084;
}
#ui-id-4{
	line-height:2;
	color:#09C;
	background-color:#D3EEF3;
 
}
#ui-id-4 li{
	border-bottom:1px dotted #999;
}
#ui-id-4 ul a{
	text-decoration:none;
}
#ui-id-4 ul a:hover{
	text-decoration:none;
}
#ui-id-5{
	background-color:#D3EEF3;
	color: #000084;
}
#ui-id-6{
	line-height:2;
	color:#09C;
	background-color:#D3EEF3;
 
}
#ui-id-6 li{
	border-bottom:1px dotted #999;
}
#ui-id-6 ul a{
	text-decoration:none;
}
#ui-id-6 ul a:hover{
	text-decoration:none;
}
#ui-id-7{
	background-color:#D3EEF3;
	color: #000084;
}
#ui-id-8{
	line-height:2;
	color:#09C;
	background-color:#D3EEF3;
 
}
#ui-id-8 li{
	border-bottom:1px dotted #999;
}
#ui-id-8 ul a{
	text-decoration:none;
}
#ui-id-8 ul a:hover{
	text-decoration:none;
}*/
#CONTENT .OUTBOX #accordion div ul a{
	font-size: 14px;
	color:#033;
	padding-left: 20px;
	text-decoration:none;
	
}
#CONTENT .OUTBOX #accordion div ul a:hover{
	text-decoration:underline;
}

/* 醫師介紹 */
#DOCTOR{
	height:217px;
	background-color:#FFF;
	border-color:#0960aa;border-style:solid;border-width:6px;
}
#DOCTOR h4{
	float:right;
	padding-top:20PX;
	padding-right:20px;
	
}
#DOCTOR h3{
	display:block;
	font-size:20px;
	color:#FFF;
 	line-height:40px;
	padding-left:30px;
	background-color:#0960aa;
	height:40px;
}
#DOCTOR img{
	padding-top:20px;
	float:left;
}

#DOCTOR p{
	float:right;
	padding-right:20px;
	padding-top:20px;
}

/* 衛教資訊 */
#LIST{

	clear:both;
	height:190px;
	background-color:#FFF;
	border-color:#436183;border-style:solid;border-width:6px;
}
#LIST li{
	list-style:circle;
	list-style-position:inside;
	color:#036;
	border-bottom:1px dashed #436183;
	margin-left:10px;

}
#LIST li a{
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.6;
	text-decoration:none;
	padding-left:5px;
	color:#036;
}
#LIST li a:hover{
	color:#003366;
}

/* 右邊內容 */
#RIGHTBOX{
	width:100%;
	overflow:hidden;
}
#RIGHTBOX h4{
	width:100%;
	font-size:1.5em;
	font-weight:bold;
	color:#000;
	margin-bottom:5%;
	
}

/*-----分享-----*/
.share{
	overflow:hidden;
	margin-top:5%;
	}
.share .fb_iframe_widget{
	display:inline-block;
	height:20px;
	overflow:hidden !important;
	}
.fb_iframe_widget span{
	margin-bottom:50px;
	}

#RIGHTBOX h5{
	/*width:100%;*/
	font-size:1.5em;
	font-weight:bold;
	color:#003366;
	margin-bottom:5%;
	background-color:#bee3fc;
	padding:3% 3%;
	
}
#RIGHTBOX .html{
	width:100%;
	font-size:1em;
	color:#000;
	line-height:1.5em;
	}
#RIGHTBOX .html img{
	width:100%;
	height:auto;
	margin:15px;
}
.TITLE{
	font-size:1em;
	font-weight:bold;
	color:#000;
}
 td{
	font-size:1em;
	padding:3%;
	color:#FFF;
	font-weight:bold;
	border-bottom:1px #FFF solid;
}
#RIGHTBOX .TABLE .AA{
	font-size:1em;
	color:#666;
	font-weight:normal;
	}
#RIGHTBOX .TABLE .BB{
	font-size:1em;
	color:#666;
	font-weight:normal;
	}

#RIGHTBOX .LIST{
	width:100%;
	padding:5% 0;
	border-bottom: 1px dotted #333;
	background-image:url(../img/arroow.png);
	background-position:center left;
	background-repeat:no-repeat;
}
#RIGHTBOX .LIST a{
	font-size:1em;
	text-decoration:none;
	color:#000;
	padding-left:6%;
}
#RIGHTBOX .LIST a:hover{
	color:#003366;
	}

/*video-a.html css*/
#RIGHTBOX .VEDIO2{
	width:100%;
	margin-bottom:10%;
}
#RIGHTBOX .VEDIO2 iframe{
	width:100%; 
	height:200px; 
}

/*know.html css*/
#CONTENT #RIGHTBOX p .Q{
	color:#9e069c;
	font-size:1em;
	font-weight: bold;
}
#CONTENT #RIGHTBOX p .A{
	color:#f00;
	font-size:1em;
	font-weight:bold;
}


/*information.html css*/
#RIGHTBOX .HEALTH{
	width:100%;
	border-bottom:1px dotted #333;
	padding-bottom:10%;
	margin-bottom:10%;
}
#RIGHTBOX .HEALTH img{
	width:98%;
	height:auto;
	padding:1px;
	border: #CCC solid 1px;
	margin-bottom:5%;
}
#RIGHTBOX .HEALTH .TT{
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-bottom:5%;
	}
#RIGHTBOX .HEALTH .TT a{
	font-weight:bold;
	font-size:1.2em;
	color:#000;
	text-decoration:none;
}
#RIGHTBOX .HEALTH .TT a:hover{
	color:#003366;
}
#RIGHTBOX .HEALTH .LL{
	width:100%;
	height:90px;
	overflow:hidden;
	}
#RIGHTBOX .HEALTH .LL a{
	color:#333;
	font-size:1em;
	line-height:1.5em;
	text-decoration:none;
}
#RIGHTBOX .HEALTH .LL a:hover{
	color:#003366;
}




/* 聯絡我們方框 */
#RIGHTBOX .CONTENT{
	width:100%;
}
#RIGHTBOX .CONTENT p{
	padding:5% 0;
	font-size:1em;
	color:#000;
	font-weight:bold;
	}
#RIGHTBOX .CONTENT input{
	width:99%;
	height:25px;
	margin:0;
	margin-top:2%;
	}
#RIGHTBOX .CONTENT select{
	width:100%;
	height:25px;
	margin:0;
	margin-top:2%;
	}
#RIGHTBOX .CONTENT textarea{
	width:97%;
	max-width:97%;
	height:100px;
	max-height:100px;
	margin-top:2%;
	}
#RIGHTBOX .CONTENT .SEND #send{
	width:100%;
	height:25px;
	background-color:#003366;
	border:none;
	color:#FFF;
	}

/* 表格填寫 */
/*.TABLE{
	width:100%;
	padding-top:10%;
}
.TABLE h4{
	width:100%;
	font-size:1.5em;
	line-height:2em;
	font-weight:bold;
	color:#000;
	
	border-bottom:1px #000 solid;
	}
.TABLE p{
	padding:10px 0;
	
	font-size:1em;
	color:#000;
	font-weight:bold;
	}
.TABLE p span{
	display:block;
	font-size:0.8em;
	color:#a40b3b;
	font-weight:normal;
	}
.TABLE p input{
	width:99%;
	height:25px;
	margin:0;
	margin-top:5%;
	}
.TABLE p select{
	width:99%;
	height:25px;
	margin:0;
	margin-top:5%;
	}
.TABLE p textarea{
	width:97.5%;
	max-width:97.5%;
	height:100px;
	max-height:100px;
	margin:0;
	margin-top:5%;
	}
.TABLE .SEND #send{
	width:100%;
	height:25px;
	background-color:#a40b3b;
	border:none;
	color:#FFF;
	}*/

#RIGHTBOX .TABLE{
	width:100%;
	margin:0 auto;
	margin-top:10%;
}

#RIGHTBOX .TABLE .TITLE{
	font-family:Arial, Helvetica, sans-serif, "微軟正黑體", Aparajita;
	font-size:1.5em;
	font-weight:bold;
	color:#000;
	padding:5% 0;
}
#RIGHTBOX .TABLE td{
	font-family:Arial, Helvetica, sans-serif, "微軟正黑體", Aparajita;
	padding:3%;
	font-weight:bold;
	border-bottom:1px #FFF solid;
	
	font-size:1em;
	color:#fff;
	font-weight:normal;
}
#RIGHTBOX .TABLE input{
	width:80%;
	margin-left:0;
	}
#RIGHTBOX .TABLE .save{
	width:auto;
	padding:3% 0;
	}
#RIGHTBOX .TABLE .BB input{
	width:auto;
	}
#RIGHTBOX .TABLE select{
	margin-left:0;
	}
#RIGHTBOX .TABLE textarea{
	width:80%;
	max-width:80%;
	height:100px;
	max-height:100px;
	}



/*copyright列*/
#FOOT{
	clear:both;
	width:100%;
	padding:6% 0;
	background-color:#3799d8;
	margin:0 auto;

}
#FOOT p{
	width:100%;
	overflow:hidden;
	color:#FFF;
	font-size:0.8em;
	text-align:center;
}

/* 頁碼css */
.page{
	position:relative;
	width:100%;
	}
.page .pre{
	position:absolute;
	top:0px;
	left:0;
	}
.page .next{
	position:absolute;
	top:0px;
	right:0;
	}
.page ul{
	width:30%;
	display:-webkit-box;
	display:-moz-box;
	display:box;
	text-align:center;
	}
.page ul li{
	-webkit-box-flex:1;
	-moz-box-flex:1;
	box-flex:1;
	text-align:center;
	}
.page ul li a{
	display:block;
	width:25px;
	height:25px;
	border:2px;
	border-image-source:url(../images/border_11.png); 
	border-image-slice: 2; 
	border-image-width: 2px; 
	border-image-repeat: round; 
	-webkit-border-image-source:url(../images/border_11.png); 
	-webkit-border-image-slice: 2; 
	-webkit-border-image-width: 2px; 
	-webkit-border-image-repeat: round;
	-moz-border-image-source:url(../images/border_11.png); 
	-moz-border-image-slice: 2; 
	-moz-border-image-width: 2px; 
	-moz-border-image-repeat: round;
	color:#634c34;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	line-height:25px;
	text-decoration:none;
	}
.page ul li a:hover{
	background:url(../images/pageBg_25.jpg);
	color:#003366;
	}
.page ul li a.mark{
	display:block;
	width:25px;
	height:25px;
	border:2px;
	background:url(../images/pageBg_25.jpg);
	border-image-source:url(../images/border_11.png); 
	border-image-slice: 2; 
	border-image-width: 2px; 
	border-image-repeat: round; 
	-webkit-border-image-source:url(../images/border_11.png); 
	-webkit-border-image-slice: 2; 
	-webkit-border-image-width: 2px; 
	-webkit-border-image-repeat: round;
	-moz-border-image-source:url(../images/border_11.png); 
	-moz-border-image-slice: 2; 
	-moz-border-image-width: 2px; 
	-moz-border-image-repeat: round;
	color:#003366;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	line-height:25px;
	text-decoration:none;
	}
.page a.pre, .page a.next{
	display:block;
	width:55px;
	height:25px;
	border:2px;
	border-image-source:url(../images/border_11.png); 
	border-image-slice: 2; 
	border-image-width: 2px; 
	border-image-repeat: round; 
	-webkit-border-image-source:url(../images/border_11.png); 
	-webkit-border-image-slice: 2; 
	-webkit-border-image-width: 2px; 
	-webkit-border-image-repeat: round;
	-moz-border-image-source:url(../images/border_11.png); 
	-moz-border-image-slice: 2; 
	-moz-border-image-width: 2px; 
	-moz-border-image-repeat: round;
	color:#634c34;
	font-size:1em;
	line-height:25px;
	text-decoration:none;
	}
.page a.no{
	display:none;
	
	}
.page a.pre:hover ,.page a.next:hover{
	background:url(../images/pageBg_25.jpg);
	color:#003366;
	}
}


