@charset "utf-8";
/* CSS Document */
/*以下是復位動作-參考YAHOO*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,blockquote,th,td { 
padding: 0;
margin: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;

}
img { 
border: 0;
}
em,strong,th {
font-weight: normal;
font-style: normal;
}
ol,ul {
list-style: none;
}
caption,th {
text-align: center;
}
h1,h2,h3,h4,h5,h6 {
font-weight: normal;
font-size: 100%;
}
.word-break-all{word-wrap:break-word;}
/*-------------------------------------------------------*/

a{font-size: 13px;color: #585858;}
a:visited {
	
	text-decoration: none;
	font-family: Tahoma;
	font-weight: normal;
	
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
	font-family: Tahoma;
	
}
a:link {
	font-family: Tahoma;
	color: #1480DC;
	text-decoration: none;
	font-weight: normal;
}
.font15{font-size:15px;}
a.newTitle{font-size:15px;text-decoration:none;color:#006dc9}
a.usedTitle{font-size:15px;text-decoration:none;color:#ac6303}
/*以下是設定DIV遇到float無法包覆內容的問題*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;} /* for IE/Mac */
/*---------------------------------------------------------------------------*/
.bodybg{ background:#fff}
.outterDiv{width:990px;margin:0 auto; font-size:13px;line-height:180%;color:#333; font-family:Tahoma, Geneva, sans-serif;}
.headerPadding{padding-top:10px; padding-bottom:10px;}
.topBarBg{background-color:#f0f0f0; color:#333;}
.topBar{ height:32px; line-height:32px;color:#333;}
.topBar a{ font-size:13px; color:#333; text-decoration:none;}
.topBar a:hover{ text-decoration:underline;}
.topBigPic{ height:85px;background-image:url(images/splrTopBg.jpg); position:relative}
.topBigPicTextPosition{position:absolute; left:20px; top:30px;}
.topBigPicText{padding-left:20px; letter-spacing:5px; line-height:120%; color:#555;}


.splrMenu {text-align:left;background:url(images/menuWidthBg_1.gif) #f0f0f0 100% 0px no-repeat;padding:0px 10px 0px 0px ;width:980px; height:30px}
.splrMenu .content { display:block;background:url(images/menuWidthBg_1.gif) 0% 0px no-repeat;padding:4px 2px 0px 0px;padding-left:5px; }
.menutext a{ color:#585858; }
.menuFocas {text-align:left;background:url(images/menuFocas.gif) #e9e9e9 100% 0px no-repeat;padding:0px 10px 0px 0px ;width:90px; height:24px;}
.menuFocas .content { display:block;background:url(images/menuFocas.gif) 0% 0px no-repeat;padding:4px 2px 0px 0px; padding-left:10px;text-align:center; vertical-align:top; line-height:130%;height:20px; width:70px;}
.menuFocas a{color:#fff; font-size:15px; line-height:17px; text-decoration:none}
.menublockL{width:10px}
.menublockR{ width:500px}
.menuSepLine{ background:url(images/menuSepLine.gif) no-repeat center center}
/*--hearder end--------------------------------------------------------------------------------------------------*/

.leftTop {text-align:left;background:url(images/bgGrayTop.gif) #fff 100% 0px no-repeat;padding:0px 10px 0px 0px ;width:190px; height:15px}
.leftTop .content { display:block;background:url(images/bgGrayTop.gif) 0% 0px no-repeat;padding:4px 2px 0px 0px;padding-left:5px; height:15px; width:170px ;text-align:center}
.leftTopBottom{ text-align:left;background:url(images/bgGrayBottom.gif) #f0f0f0 100% 100% no-repeat;padding:0px 10px 0px 0px ;width:190px; height:15px}
.leftTopBottom .content {display:block;background:url(images/bgGrayBottom.gif) 0% 100% no-repeat;padding:0px 0px 0px 0px;width:170px; height:15px}
.leftTopBox{ background:#f0f0f0; border-right:#cdcdcd 1px solid;}

.splrTitle1 {text-align:left;background:url(images/splrTitleWidth_1.gif) #fff 100% 0px no-repeat;padding:0px 10px 0px 0px ;width:190px; height:26px}
.splrTitle1 .content { display:block;background:url(images/splrTitleWidth_1.gif) 0% 0px no-repeat;padding:4px 2px 0px 0px;padding-left:5px; height:22px; text-align:center}
.splrTitle1LeftBottom { border:#e2e2e2 solid 1px;border-top:none; height:5px}
.splrTitle2 {text-align:left;width:765px;height:26px;background:url(images/splrTitleWidth_1.gif) #e9e9e9 100% 0px no-repeat;padding:0px 10px 0px 0px ;}
.splrTitle2 .content {display:block;padding:4px 2px 0px 0px; padding-left:5px;height:22px; width:750px; text-align:left; padding-left:20px; color:#585858;background:url(images/splrTitleWidth_1.gif) 0% 0px no-repeat;}


.borderbottom1{border-bottom:1px solid #e2e2e2}
.title1 {text-align:left; width:770px; height:26px}
.title1 .content { display:block;height:26px}
.title2 {text-align:left;background:url(images/splrTitleWidth_1.gif) #e9e9e9 100% 0px no-repeat;padding:0px 10px 0px 0px ;width:770px; height:26px}
.title2 .content { display:block;background:url(images/splrTitleWidth_1.gif) 0% 0px no-repeat;padding:4px 2px 0px 0px; padding-left:5px;height:22px; text-align:center}
.title2Bottom { text-align:left;background:url(images/splrTitleWidthBottom_1.gif) #f0f0f0 100% 100% no-repeat;padding:0px 10px 0px 0px ;width:770px; height:26px}
.title2Bottom .content {display:block;background:url(images/splrTitleWidthBottom_1.gif) 0% 100% no-repeat;padding:0px 0px 0px 0px;}
.splrTitleBox{border:1px solid #e2e2e2; margin-top:1px; padding-bottom:10px; width:758px;text-align:left; padding-left:15px;padding-top:10px}

.titleWhite {text-align:left;background:url(images/tagWidthBg_4.gif) #e9e9e9 100% 0px no-repeat;padding:0px 10px 0px 0px ;width:120px; height:26px}
.titleWhite .content { display:block;background:url(images/tagWidthBg_4.gif) 0% 0px no-repeat;padding:4px 2px 0px 0px; padding-left:5px;height:22px; text-align:center}
.bgGray {text-align:left;background:url(images/bgGray1.gif) #f0f0f0 100% 0px no-repeat;padding:0px 10px 0px 0px ;}
.bgGray .content { display:block;background:url(images/bgGray1.gif) 0% 0px no-repeat;padding:4px 2px 0px 0px; padding-left:5px;}
.titleBottomGray { text-align:left;background:url(../../images/tagWidthBgBottom_2.gif) #f0f0f0 100% 100% no-repeat;padding:0px 10px 0px 0px ;}
.titleBottomGray .content {display:block;background:url(../../images/tagWidthBgBottom_2.gif) 0% 100% no-repeat;padding:0px 0px 0px 0px;}

.splrPageTitle{ color:#585858; font-size:15px; font-weight:normal}
.leftContactBoxTitle{ margin-top:1px; background-color:#f0f0f0; padding-top:3px; padding-bottom:3px; text-align:center;font-size:15px; color:#585858}
.splrPageText{font-size:13px; color:#585858; line-height:25px}
.splrSelectBox{border:1px solid #e2e2e2; border-bottom:none; margin-top:1px}
.splrSelectBox div{padding-left:10px;}
.splrSelectBox div a{color:#666; font-size:13px;}
.splrSelectBox li { padding-left:10px;padding-right:10px;color:#585858; font-size:13px;}
.splrSelectBox li a { font-size:13px; color:#585858; line-height:25px; text-decoration:none; width:198px;}
.splrSelectBox li:hover { background:#f0f0f0;}
.splrSelectBoxLi a { color:#333; font-weight:bold;}
.leftContactBox{border:1px solid #c5c5c5}
.leftContactBoxBottom{ height:5px;}
.proMarketInfoText{width:100px;height:19px;line-height:19px;text-overflow: ellipsis;overflow:hidden}
.proMarketListText{width:100px;height:19px;line-height:19px;text-overflow: ellipsis;overflow:hidden;color:#444;}
/*--product info start------------------------------------------------------------------------------------------------------------*/
#picNo{ text-align:left; margin-top:7px}
#picNo a{width:7px; line-height:22px; vertical-align:top; border:1px solid #007eff; color:#007eff;text-decoration: none;margin-right: 2px; padding: 0px 5px;height:15px;}
#picNo a.activeSlide {background:#007eff ; color:#fff;}
#picNo a:focus { outline: none; }
.picBg{border:#CCC 1px solid; background-color:#eee; padding:20px}
/*--product info end------------------------------------------------------------------------------------------------------------*/
.padding20{ padding-left:20px;}
/*-tab樣式----------------------------------------------------------------------------------------------*/
.tabSide ul { margin: 0; padding: 0;}
.tabSide ul li { display: inline-block; float:left;color:#888;padding:3px 2px 0px 0px ; margin-right:2px; white-space:nowrap;background:url(images/splrTitleWidth_1.gif) 100% 3px no-repeat; border-bottom: none ;height:24px; text-align:center;}
.tabSide ul li a { display:inline-block; padding: 5px 5px 0px 5px; outline: none; color:#888; background:url(images/splrTitleWidth_1.gif) 0% -0px no-repeat;text-decoration:none;relative; top: -2px; font-size:13px; height:21px;}
.tabSide ul li a:hover { text-decoration: underline;}
.tabSide ul li.active { padding:0px 2px 0px 0px ; white-space:nowrap; background:url(images/splrTitleWidth_1.gif) 100% -0px no-repeat; position: relative; top:3px;height:26px;}
.tabSide ul li a.active {background:url(images/splrTitleWidth_1.gif) 0% 0px no-repeat; font-weight:bold;padding-bottom:0px; color:#035fac;font-size:13px;}
.tabSide ul li a:hover.active{ text-decoration:none;}
.tabSide .panel-container { border: solid 1px #ffdfae; clear:both;padding:2px; background:#fff;}
/*--登入頁面---------------------------------------------------------------------------------------*/
#text{line-height:26px; padding-top:20px;}
#text ul{font-weight:bold;color:#035fac; font-size:15px }
#text li{font-weight: normal;color:#666;padding-left:20px; font-size:13px}

/*--分頁------------------------------------------------------------------------------------------*/

.fenyetext {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #4C4C4C;
	text-decoration: none;
}
/*-------------------------------------------------------------------*/
.STYLE2{ color:#f00}
.lockcolor
{
	color:#aaaaaa;
}
.td03 {
	/*background-color: #EBEBEB;*/
	/*text-align: left;*/
	height: 17px;
	padding-left: 12px;
	padding-top: 0px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	vertical-align: middle;
}
.noBoldTitle{
	font-size:13px;
	font-family: Tahoma;
	color:#000;
	text-align:right;
	vertical-align:top;
	line-height:200%;
	padding-right:10px;
}
.input01 {
	background-color: #FFFFFF;
	border: 1px solid #BCBBBB;
	font-size: 12px;
	line-height:12px;
	color: #333333;
	text-decoration: none;
	font-family: Tahoma;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 3px;
}

.input02
{
	background: url(images/buttonBg2.gif) #daf4ff repeat-x;
	border:1px solid #a7d5e8;
	color:#035fac;
	height:24px;
	padding:0px;
	margin:0px;
}
.input02:hover{
	border:1px solid #00b3ff;
	color:#035fac;
}

.readonly{background-color:#eee;
background-image:url(../../images/lock2.gif); background-position:right bottom; background-repeat:no-repeat;}
.note{ font-size:13px; color:#888;}
.longtext
{
	/*text-indent:2em;*/
	padding-left:5px;
	padding-right:10px;
	/*background-image:url(../images/underline1.gif);*/
	font-size:13px;
	line-height:23px;
	/*line-height:150%;*/
}
.contactBox
{
	border:1px solid #c5c5c5;
}
.contactBox .contentTitle
{
	 margin-top:1px; background-color:#f0f0f0; padding-top:3px; padding-bottom:3px; padding-left:10px; text-align:left;	
}
.contactBoxFocus
{
	border:1px solid #035fac;/*#b6deff;*/
}
.contactBoxFocus .contentTitle
{
	margin-top:1px; background-color:#dff0fe; color:#035fac;padding-top:3px; padding-bottom:3px; padding-left:10px; text-align:left;
}
.tableunderline{
	border-bottom:dashed 1px #eeeeee;
}
.tratitle{
	font-family: Tahoma;
	text-align:right;
	vertical-align:top;
	padding-right:10px;
}
.titleLine1{font-weight:bold;color:#035fac; padding-left:20px; font-size:15px;border-bottom:2px solid #c6e1f7}
.titleLine2{border-bottom:2px solid #eee;}
.hiddenMenu
{
	position:absolute; 
	top:22px; 
	left:0px; 
	width:120px;
	z-index:100; 
	border:solid 1px #999; 
	background-color:#eee; 
	padding:2px; 
	margin-top:2px;
	line-height:180%;	
}
.title
{
	background:#eee;
	
}
.text2{ color:#035fac}
.hiddenMenu li{
	padding: 0;
	margin: 0;
	list-style: none;
	border-bottom:dashed 1px #999;
}
.hiddenMenu li.lastLi{
	border-bottom:none;
}

/*button樣式*/
.buttonWhite {text-align:left;background:url(../../images/buttonWhite.gif) #e9e9e9 100% 0px no-repeat;padding:0px 10px 0px 0px ; height:22px}
.buttonWhite .content { display:block;background:url(../../images/buttonWhite.gif) 0% 0px no-repeat;padding:4px 2px 0px 0px; padding-left:5px; color:#035fac; text-align:center; height:22px; cursor:pointer; vertical-align:top; line-height:120%;color:#035fac}
.buttonWhite .content:hover{ color:#f00}
.buttonWhite .content input{background:none; border:none; cursor:pointer; }
/*------------------------------------------------------*/
/*管理頁面樣式*/

.manageBox{border:1px #c6e1f7 solid; background-color:#fff;}
/*----------------------------------------------------------*/
.border{ border:1px solid #d1d1d1}
.border2{ border:1px solid #ddd}
.borderTop{ border-top:1px solid #d1d1d1}
.back{ background:#eee; color:#585858; font-weight:bold; }
.bottom{text-align:center;background-color:#f0f0f0; color:#272727; font-size:13px}
.newsBottomLine{line-height:3px; border-top:1px #ddd dashed}
/*------------------------------------------------------*/
/*問與答樣式*/
.splrTitle3 {text-align:left;width:770px;height:26px;}
.splrTitle3 ul { margin: 0; padding: 0;}
.splrTitle3 ul li { display: inline-block; float:left;white-space:nowrap;color:#888;margin-right:2px; background:url(images/splrTitleWidth_1.gif) 100% 0px no-repeat;padding:0px 10px 0px 0px ; border: none ;height:26px; text-align:center;width:100px;}
.splrTitle3 ul li a { display:inline-block;float:left; outline: none; color:#888;background:url(images/splrTitleWidth_1.gif) 0% 0px no-repeat;text-decoration:none;font-size:13px;height:26px;padding:4px 2px 0px 10px;width:90px;}
.splrTitle3 ul li a:hover { text-decoration: underline;}
.splrTitle3 ul li.active { padding:0px ; white-space:nowrap;background:url(images/splrTitleWidth_1.gif) 100% 0px no-repeat;padding:0px 10px 0px 0px ; height:28px;}
.splrTitle3 ul li a.active { float:left;background:url(images/splrTitleWidth_1.gif) 0% 0px no-repeat; font-weight:bold;padding-bottom:0px; color:#666;font-size:13px;width:90px;}
.splrTitle3 ul li a:hover.active{ text-decoration:none;}
.splrTitle3 .panel-container { border: solid 1px #b6deff; clear:both;padding:2px;}
.splrTitle3 h2{color:#035fac; font-size:15px;}
.qaFocusLine
{
	background:#d5ecff; padding:3px; line-height:150%;
}
.qaFocusLine span{ float:right}
.qaLine
{
	background:#eee; padding:3px; line-height:150%;width:740px;
}
.anLine
{
	background:#fafafa; padding:3px; line-height:150%; width:740px;
}
/*.qaLine span{ float:right}*/

.qaContent {line-height:130%;padding:5px; width:715px;}
.qaContent div.IE8{ width:705px;}
.qaReLine
{
	padding-right:5px;line-height:100%;text-align:right; color:#666;
}
.qaReContent{line-height:130%; width:715px;padding:5px;}
.qaReContent div.IE8{ width:705px;}
a.qaLink{color:#666;text-decoration:none;}
a.qaLink:hover{color:#39F; text-decoration:none;}
.textTopline{background-color:#dff0fe;font-size:13px; padding-left:10px;color:#035fac;font-weight:bold}
.qtime{ text-align:right; color:#666}
.proQAtitle{margin-bottom:5px; font-size:15px;text-align:center}
.QAbox{background-color:#fff;padding-left:10px; vertical-align:top;}
.QAclose{width:740px;padding-top:10px;text-align:center}
.privateQA{color:#666}

