@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	background-color: #a2a8ac;
	background-image: url(images/qrBg.jpg);
	background-repeat: repeat-x;
	padding-top: 50;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

img {
	BORDER-TOP-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	BORDER-RIGHT-WIDTH: 0px
}

a:link, a:visited, a:active {
	color: #757575;
	text-decoration: none;
}

a:hover {
	color: #69F;
	text-decoration: underline;
}

/*------------------------------------------------外圍--------------------*/
/* 上方 */
.qrTopL{
	background-image: url(images/qrTopL.gif);
	height: 99px;
	width: 32px;
	background-repeat: no-repeat;
	background-position: left bottom;
}
/*.qrTopC{
	background-image: url(images/qrTopC.gif);
	height: 99px;
	background-repeat: repeat-x;
	background-position: left bottom;
}*/
.qrTopR{
	background-image: url(images/qrTopR.gif);
	height: 99px;
	width: 32px;
	background-repeat: no-repeat;
	background-position: right bottom;
}
.qrTopCL{
	background-image: url(images/qrTopCL.gif);
	height: 99px;
	background-repeat: no-repeat;
	background-position: left bottom;
}
.qrTopCR{
	background-image: url(images/qrTopCR.gif);
	height: 99px;
	background-repeat: repeat-x;
	background-position: right bottom;
}

/* 輸入區 */
.qrBotInL{
	background-image: url(images/qrBotInL.gif);
	height: 114px;
	width: 32px;
	background-repeat: no-repeat;
	background-position: left top;
}
.qrBotInC{
	background-image: url(images/qrBotInC.gif);
	height: 114px;
	background-repeat: no-repeat;
	background-position: left top;
}
.qrBotInR{
	background-image: url(images/qrBotInR.jpg);
	height: 114px;
	width: 32px;
	background-repeat: no-repeat;
	background-position: right top;
}
.textArea{
	height: 400px;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #9ea4ad;
	border-bottom-style: none;
	border-left-style: none;
	border-right-style: none;
	background-attachment: fixed;
	background: none;
	/*捲軸透明*/
    FILTER: Chroma(Color=#FFFFFF); 
    SCROLLBAR-ARROW-COLOR:#FFFFFF;
    SCROLLBAR-TRACK-COLOR:#FFFFFF;
	SCROLLBAR-SHADOW-COLOR:#FFFFFF;
	SCROLLBAR-3DLIGHT-COLOR:#FFFFFF;
	SCROLLBAR-DARKSHADOW-COLOR:#FFFFFF;
	SCROLLBAR-FACE-COLOR:#FFFFFF;
	SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
}
.inputSelect{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
}
.inputText{
	height: 31px;
	background-color: #FFF;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
.inputTextL{
	background-image: url(images/inputTextL.gif);
	background-repeat: no-repeat;
	background-position: center 1px;
	height: 31px;
	width: 6px;
}
.inputTextR{
	background-image: url(images/inputTextR.gif);
	background-repeat: no-repeat;
	background-position: right 1px;
	height: 31px;
	width: 7px;
}
/*.inputBut{
	background-image: url(images/inputBut.gif);
	background-repeat: no-repeat;
	height: 37px;
	width: 334px;
	border-bottom-style: none;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	background-color: #0d0d0f;
	background-position: center center;
}*/
.inputBut{
	background-image: url(images/inputBut.gif);
	background-repeat: repeat-x;
	height: 37px;
	background-position: center center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #FFF;
	width: 100%;
	font-weight: bold;
}

/* 下方 */
.qrBotL{
	background-image: url(images/qrBotL.gif);
	height: 53px;
	width: 32px;
	background-repeat: no-repeat;
	background-position: left bottom;
}
.qrBotC{
	background-image: url(images/qrBotC.jpg);
	height: 53px;
	background-repeat: repeat-x;
	background-position: left bottom;
}
.qrBotR{
	background-image: url(images/qrBotR.gif);
	height: 53px;
	width: 32px;
	background-repeat: no-repeat;
	background-position: right bottom;
}

/* 中間 */
.qrMidL{
	background-image: url(images/qrMidLBg.gif);
	width: 32px;
	background-repeat: no-repeat;
	background-position: left bottom;
}

.qrMidR{
	background-image: url(images/qrMidRBg.jpg);
	width: 32px;
	background-repeat: no-repeat;
	background-position: right bottom;
}
.qrMidC{
	filter:Progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ff7e8692', EndColorStr='#ff525b68' ");
	height: 400px;
}
