@charset "utf-8";
/* CJK Unified Ideographs U+4E00-U+9FFF */
@font-face {
  font-family: MyCustomFont;
  src: local("微軟正黑體");
  /* no unicode-range; default to all characters */
}

@font-face {
  font-family: MyCustomFont;
  src: local("微軟正黑體"), local("Microsoft JhengHei");
  unicode-range: U+4E00-9FFF;
}

/* Japanese Kana U+3040-U+30FF */
@font-face {
  font-family: MyCustomFont;
  src: local(Hiragino Kaku Gothic Pro), local(Meiryo);
  unicode-range: U+3040-30FF;
}

/* Bopomofo U+3105-U+312C */
@font-face {
  font-family: MyCustomFont;
  src: local("微軟正黑體"), local(Microsoft JhengHei);
  unicode-range: U+3105-312C;
}

/* Latin, Latin1, Latin Ext-A, Latin Ext-B */
@font-face {
  font-family: MyCustomFont;
  src: local(Arial);
  unicode-range: U+00-024F;
}

a{outline: none; /* for Firefox */ hlbr:expression(this.onFocus=this.blur()); /* for IE */}
a:link {color: #3E3939; text-decoration: none;}
a:visited {color: #3E3939; text-decoration: none;}
a:hover {color: #3E3939; text-decoration: none;}

select{
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
}
select::-ms-expand { display: none; }

body {font-family: MyCustomFont;}
.CenterLimit{
	width: 714px;
	min-height: 320px;
	padding: 30px 28px 210px 28px;
	margin-left: 43px;
	background: #FFF;
	border-radius: 11px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
}

.TalkExternalBox{
	width: 658px;
	padding: 40px 0px 0px 0px;
}
.TalkListName{
	width: 658px;
	height: 60px;
	padding: 0px;
	font-size: 31px;
	color: #3E3939;
}
.TalkListName2{
	width: 658px;
	height: 110px;
	padding: 50px 0px 0px 0px;
	font-size: 31px;
	color: #3E3939;
}
.TalkHistoryDate{
	width: 658px;
	padding: 0px;
	border: 2px solid #B5B5B6;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.TalkHDLeft{
	width: 142px;
	height: 70px;
	padding: 14px 0px 0px 0px;
	font-size: 26px;
	color: #3E3939;
	text-align:center;
	border-right: 2px solid #B5B5B6;
	float:left;
}
.TalkHDRight{
	width: 512px;
	height: 70px;
	padding: 14px 24px 0px 16px;
	font-size: 26px;
	color: #3E3939;
	float:left;
}
.TalkHistoryOne{
	width: 658px;
	padding: 0px;
	margin: 0px;
}
.TalkHistoryLine{
	width: 658px;
	height: 48px;
	padding: 0px;
	margin: 0px;
}
.TalkHistoryTwo{
	width: 656px;
	padding: 0px;
}
.TalkHistoryLeft{
	width: 142px;
	height: 72px;
	padding: 14px 0px 0px 0px;
	font-size: 26px;
	color: #3E3939;
	text-align:center;
	border-right: 2px solid #B5B5B6;
	border-top: 2px solid #B5B5B6;
	float:left;
}
.TalkHistoryRight{
	width: 514px;
	height: 72px;
	padding: 14px 24px 0px 16px;
	font-size: 26px;
	color: #3E3939;
	border-top: 2px solid #B5B5B6;
	float:left;
}
.TalkHistoryLeft2{
	width: 140px;
	height: 42px;
	padding: 14px 0px 0px 0px;
	font-size: 26px;
	color: #3E3939;
	text-align:center;
	border-top: 2px solid #B5B5B6;
	float:left;
}
.TalkHistoryCt{
	width: 516px;
	padding: 14px 24px 10px 16px;
	font-size: 26px;
	color: #3E3939;
	line-height:1.3;
	border-left: 2px solid #B5B5B6;
	border-top: 2px solid #B5B5B6;
	float:left;
}
.TalkHistoryTxt{
	width: 300px;
	height: 70px;
	padding: 2px 0px 0px 0px;
	float:left;
}
.TalkHistoryView{
	width: 150px;
	height: 42px;
	padding: 2px 0px 0px 50px;
	margin-top: 1px;
	font-size: 24px;
	color: #1478BD;
	background: url(../images/m/view.png) 0px 0px no-repeat;
	cursor: pointer;
	float:right;
}
.TalkTableOne{
	width: 658px;
	padding: 0px;
}
.TalkTableLeft{
	display:none;
}
.TalkTableLeft2{
	display:none;
}
.TalkTableLeftMin{
	width: 658px;
	height: 52px;
	padding: 6px 0px 0px 0px;
	font-size: 30px;
	color: #3E3939;
	text-align:left;
	float:left;
}
.TalkTableRight{
	width: 658px;
	padding: 0px 0px 40px 0px;
	font-size: 30px;
	color: #3E3939;
	float:left;
}
.TalkTableRight2{
	width: 658px;
	padding: 0px;
	font-size: 30px;
	color: #3E3939;
	float:left;
}
.TalkTableRight3{
	width: 658px;
	padding: 0px 0px 40px 0px;
	font-size: 30px;
	color: #3E3939;
	float:left;
}
.TalkTableCt{
	width: 658px;
	padding: 0px 0px 40px 0px;
	float:left;
}
.TalkRadioBox{
	width: 42px;
	height: 40px;
	padding: 15px 0px 0px 0px;
	float:left;
}
.TalkRadioName{
	width: 96px;
	height: 40px;
	padding: 13px 0px 0px 0px;
	float:left;
}
.TalkRadioName2{
	width: 177px;
	height: 40px;
	padding: 13px 0px 0px 0px;
	float:left;
}
.TalkRadioName3{
	width: 250px;
	height: 40px;
	padding: 13px 0px 0px 0px;
	float:left;
}
.TalkInput{
	width: 658px;
	height: 62px;
	padding: 10px;
	font-size: 26px;
	color: #3E3939;
	border: 2px solid #828181;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.TalkInput2{
	width: 658px;
	height: 62px;
	padding: 10px;
	font-size: 26px;
	color: #3E3939;
	border: 2px solid #828181;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.TalkTextArea{
	width: 658px;
	height: 72px;
	padding: 10px;
	font-size: 26px;
	color: #3E3939;
	border: 2px solid #828181;
	overflow-y: auto;
	resize: none;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.TalkButtonBox{
	width: 658px;
	height: 102px;
	padding: 40px 0px 0px 0px;
}
.TalkSubmitButton{
	width: 168px;
	height: 62px;
	padding: 7px 0px 0px 0px;
	margin: 0px auto 0px auto;
	font-size: 30px;
	color: #FFF;
	text-align:center;
	background: #F10215;
	cursor:pointer;
	border-radius: 31px;
	-moz-border-radius: 31px;
	-webkit-border-radius: 31px;
}


.FooterMax{display:none;}
/*05.14*/
.FooterArea{
	width: 1200px;
	height: 310px;
	padding: 28px 50px 0px 50px;
	margin-left:auto;
	margin-right:auto;
}


.FooterIconLine{
	width: 52px;
	height: 52px;
	background: url(../images/c/footicons.png) 0px 0px no-repeat;
	float:left;
}
.FooterIconFacebook{
	width: 52px;
	height: 52px;
	margin-left: 37px;
	background: url(../images/c/footicons.png) -87px 0px no-repeat;
	float:left;
}
.FooterIconIG{
	width: 52px;
	height: 52px;
	margin-left: 37px;
	background: url(../images/c/footicons.png) -174px 0px no-repeat;
	float:left;
}



.FooterLink{
	text-decoration: none;
	color: #FFFFFF;
}
a.FooterLink:link{
	text-decoration: none;
	color: #FFFFFF;
}
a.FooterLink:visited{
	text-decoration: none;
	color: #FFFFFF;
	}
a.FooterLink:hover{
	text-decoration: underline;
	color: #FFFFFF;
}

.OverDown{clear: both;}


@media (min-width: 200px) {

	.FooterMin{
		width: 800px;
		height: 144px;
		padding: 20px 40px 0px 40px;
		font-size: 26px;
		color: #717071;
		border-top: 1px solid #D6D6D7;
		background: #FFF;
		bottom: 0px;
		position:fixed;
		z-index:999;
		_position:absolute;
	}
}
@media (min-width: 800px) {

	.FooterMin{
		width: 100%;
		height: 144px;
		padding: 20px 40px 0px 40px;
		font-size: 26px;
		color: #717071;
		border-top: 1px solid #D6D6D7;
		background: #FFF;
		bottom: 0px;
		position:fixed;
		z-index:999;
		_position:absolute;
	}
}
@media (min-width: 960px) {
	
	.TalkExternalBox{
		width: 846px;
		padding: 30px 0px 0px 0px;
	}
	.TalkListName{
		width: 846px;
		height: 36px;
		padding: 0px;
		font-size: 18px;
		color: #3E3939;
	}
	.TalkListName2{
		width: 846px;
		height: 86px;
		padding: 50px 0px 0px 0px;
		font-size: 18px;
		color: #3E3939;
	}
	.TalkHistoryDate{
		width: 846px;
		padding: 0px;
		border: 1px solid #B5B5B6;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	.TalkHDLeft{
		width: 103px;
		height: 42px;
		padding: 8px 0px 0px 0px;
		font-size: 16px;
		color: #3E3939;
		text-align:center;
		border-right: 1px solid #B5B5B6;
		float:left;
	}
	.TalkHDRight{
		width: 741px;
		height: 42px;
		padding: 8px 18px 0px 12px;
		font-size: 16px;
		color: #3E3939;
		float:left;
	}
	.TalkHistoryOne{
		width: 846px;
		padding: 0px;
		margin: 0px;
	}
	.TalkHistoryLine{
		width: 846px;
		height: 36px;
		padding: 0px;
		margin: 0px;
	}
	.TalkHistoryTwo{
		width: 846px;
		padding: 0px;
	}
	.TalkHistoryLeft{
		width: 103px;
		height: 43px;
		padding: 8px 0px 0px 0px;
		font-size: 16px;
		color: #3E3939;
		text-align:center;
		border-right: 1px solid #B5B5B6;
		border-top: 1px solid #B5B5B6;
		float:left;
	}
	.TalkHistoryRight{
		width: 741px;
		height: 43px;
		padding: 8px 18px 0px 12px;
		font-size: 16px;
		color: #3E3939;
		border-top: 1px solid #B5B5B6;
		float:left;
	}
	.TalkHistoryLeft2{
		width: 102px;
		height: 40px;
		padding: 8px 0px 0px 0px;
		font-size: 16px;
		color: #3E3939;
		text-align:center;
		border-top: 1px solid #B5B5B6;
		float:left;
	}
	.TalkHistoryCt{
		width: 743px;
		padding: 8px 18px 10px 12px;
		font-size: 16px;
		color: #3E3939;
		line-height:1.3;
		border-left: 1px solid #B5B5B6;
		border-top: 1px solid #B5B5B6;
		float:left;
	}
	.TalkHistoryTxt{
		width: 342px;
		height: 42px;
		padding: 0px;
		float:left;
	}
	.TalkHistoryView{
		width: 104px;
		height: 22px;
		padding: 0px 18px 0px 30px;
		margin-top: 2px;
		font-size: 14px;
		color: #1478BD;
		background: url(../images/c/view.png) 0px 0px no-repeat;
		cursor: pointer;
		float:right;
	}
	.TalkTableOne{
		width: 846px;
		padding: 0px;
		border: 1px solid #B5B5B6;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	.TalkTableLeft{
		width: 103px;
		height: 59px;
		padding: 16px 0px 0px 0px;
		font-size: 16px;
		color: #3E3939;
		text-align:center;
		border-right: 1px solid #B5B5B6;
		border-bottom: 1px solid #B5B5B6;
		display:block;
		float:left;
	}
	.TalkTableLeft2{
		width: 103px;
		height: 59px;
		padding: 16px 0px 0px 0px;
		font-size: 16px;
		color: #3E3939;
		text-align:center;
		border-right: 1px solid #B5B5B6;
		display:block;
		float:left;
	}
	.TalkTableLeftMin{
		display:none;
	}
	.TalkTableRight{
		width: 741px;
		height: 59px;
		padding: 8px 12px 0px 12px;
		font-size: 16px;
		color: #3E3939;
		border-bottom: 1px solid #B5B5B6;
		float:left;
	}
	.TalkTableRight2{
		width: 741px;
		/*height: 59px;*/
		padding: 8px 12px 0px 12px;
		font-size: 16px;
		color: #3E3939;
		float:left;
	}
	.TalkTableRight3{
		width: 741px;
		height: 59px;
		padding: 16px 12px 0px 12px;
		font-size: 16px;
		color: #3E3939;
		border-bottom: 1px solid #B5B5B6;
		float:left;
	}
	.TalkTableCt{
		width: 741px;
		padding: 8px 12px 8px 12px;
		border-bottom: 1px solid #B5B5B6;
		float:left;
	}
	.TalkRadioBox{
		width: 28px;
		height: 40px;
		padding: 9px 0px 0px 0px;
		float:left;
	}
	.TalkRadioName{
		width: 52px;
		height: 40px;
		padding: 8px 0px 0px 0px;
		float:left;
	}
	.TalkRadioName2{
		width: 104px;
		height: 40px;
		padding: 8px 0px 0px 0px;
		float:left;
	}
	.TalkRadioName3{
		width: 208px;
		height: 40px;
		padding: 8px 0px 0px 0px;
		float:left;
	}
	.TalkInput{
		width: 718px;
		height: 42px;
		padding: 10px;
		font-size: 16px;
		color: #3E3939;
		border: 1px solid #828181;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	}
	.TalkInput2{
		width: 400px;
		height: 42px;
		padding: 10px;
		font-size: 16px;
		color: #3E3939;
		border: 1px solid #828181;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	}
	.TalkTextArea{
		width: 718px;
		height: 42px;
		padding: 10px;
		font-size: 16px;
		color: #3E3939;
		border: 1px solid #828181;
		overflow-y: auto;
		resize: none;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	}
	.TalkButtonBox{
		width: 846px;
		height: 72px;
		padding: 30px 0px 0px 0px;
	}
	.TalkSubmitButton{
		width: 108px;
		height: 42px;
		padding: 8px 0px 0px 0px;
		margin: 0px auto 0px auto;
		font-size: 18px;
		color: #FFF;
		text-align:center;
		background: #F10215;
		cursor:pointer;
		border-radius: 21px;
		-moz-border-radius: 21px;
		-webkit-border-radius: 21px;
	}
	
	
	.FooterMax{
		width: 100%;
		height: 320px;
		background: #717071;
		display:block;
	}
	
	.FooterMin{display:none;}
}
@media (min-width: 1200px) {

	.Center {
		width: 100%;
		padding: 0px 0px 24px 0px;
		background: #F5F5F5;
	}

	.CenterLimit {
		width: 1166px;
		padding: 14px 160px 24px 160px;
		margin-left: auto;
		margin-right: auto;
		background: #FFF;
		border-radius: 9px;
		-moz-border-radius: 9px;
		-webkit-border-radius: 9px;
	}


	.TalkExternalBox{
		width: 846px;
		padding: 30px 0px 0px 0px;
	}
	.TalkListName{
		width: 846px;
		height: 36px;
		padding: 0px;
		font-size: 18px;
		color: #3E3939;
	}
	.TalkListName2{
		width: 846px;
		height: 86px;
		padding: 50px 0px 0px 0px;
		font-size: 18px;
		color: #3E3939;
	}
	.TalkHistoryDate{
		width: 846px;
		padding: 0px;
		border: 1px solid #B5B5B6;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	.TalkHDLeft{
		width: 103px;
		height: 42px;
		padding: 8px 0px 0px 0px;
		font-size: 16px;
		color: #3E3939;
		text-align:center;
		border-right: 1px solid #B5B5B6;
		float:left;
	}
	.TalkHDRight{
		width: 741px;
		height: 42px;
		padding: 8px 18px 0px 12px;
		font-size: 16px;
		color: #3E3939;
		float:left;
	}
	.TalkHistoryOne{
		width: 846px;
		padding: 0px;
		margin: 0px;
	}
	.TalkHistoryLine{
		width: 846px;
		height: 36px;
		padding: 0px;
		margin: 0px;
	}
	.TalkHistoryTwo{
		width: 846px;
		padding: 0px;
	}
	.TalkHistoryLeft{
		width: 103px;
		height: 43px;
		padding: 8px 0px 0px 0px;
		font-size: 16px;
		color: #3E3939;
		text-align:center;
		border-right: 1px solid #B5B5B6;
		border-top: 1px solid #B5B5B6;
		float:left;
	}
	.TalkHistoryRight{
		width: 741px;
		height: 43px;
		padding: 8px 18px 0px 12px;
		font-size: 16px;
		color: #3E3939;
		border-top: 1px solid #B5B5B6;
		float:left;
	}
	.TalkHistoryLeft2{
		width: 102px;
		height: 40px;
		padding: 8px 0px 0px 0px;
		font-size: 16px;
		color: #3E3939;
		text-align:center;
		border-top: 1px solid #B5B5B6;
		float:left;
	}
	.TalkHistoryCt{
		width: 743px;
		padding: 8px 18px 10px 12px;
		font-size: 16px;
		color: #3E3939;
		line-height:1.3;
		border-left: 1px solid #B5B5B6;
		border-top: 1px solid #B5B5B6;
		float:left;
	}
	.TalkHistoryTxt{
		width: 342px;
		height: 42px;
		padding: 0px;
		float:left;
	}
	.TalkHistoryView{
		width: 104px;
		height: 22px;
		padding: 0px 18px 0px 30px;
		margin-top: 2px;
		font-size: 14px;
		color: #1478BD;
		background: url(../images/c/view.png) 0px 0px no-repeat;
		cursor: pointer;
		float:right;
	}
	.TalkTableOne{
		width: 846px;
		padding: 0px;
		border: 1px solid #B5B5B6;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	.TalkTableLeft{
		width: 103px;
		height: 59px;
		padding: 16px 0px 0px 0px;
		font-size: 16px;
		color: #3E3939;
		text-align:center;
		border-right: 1px solid #B5B5B6;
		border-bottom: 1px solid #B5B5B6;
		display:block;
		float:left;
	}

	.TalkTableLeftMin{
		display:none;
	}
	.TalkTableRight{
		width: 700px;
		height: 59px;
		padding: 8px 12px 0px 12px;
		font-size: 16px;
		color: #3E3939;
		border-bottom: 1px solid #B5B5B6;
		float:left;
	}

	.TalkTableRight3{
		width: 700px;
		height: 59px;
		padding: 16px 12px 0px 12px;
		font-size: 16px;
		color: #3E3939;
		border-bottom: 1px solid #B5B5B6;
		float:left;
	}
	.TalkTableCt{
		width: 700px;
		padding: 8px 12px 8px 12px;
		border-bottom: 1px solid #B5B5B6;
		float:left;
	}
	.TalkRadioBox{
		width: 28px;
		height: 40px;
		padding: 9px 0px 0px 0px;
		float:left;
	}
	.TalkRadioName{
		width: 52px;
		height: 40px;
		padding: 8px 0px 0px 0px;
		float:left;
	}
	.TalkRadioName2{
		width: 104px;
		height: 40px;
		padding: 8px 0px 0px 0px;
		float:left;
	}
	.TalkRadioName3{
		width: 208px;
		height: 40px;
		padding: 8px 0px 0px 0px;
		float:left;
	}
	.TalkInput{
		width: 718px;
		height: 42px;
		padding: 10px;
		font-size: 16px;
		color: #3E3939;
		border: 1px solid #828181;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	}
	.TalkInput2{
		width: 400px;
		height: 42px;
		padding: 10px;
		font-size: 16px;
		color: #3E3939;
		border: 1px solid #828181;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	}
	.TalkTextArea{
		width: 718px;
		height: 42px;
		padding: 10px;
		font-size: 16px;
		color: #3E3939;
		border: 1px solid #828181;
		overflow-y: auto;
		resize: none;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	}
	.TalkButtonBox{
		width: 846px;
		height: 72px;
		padding: 30px 0px 0px 0px;
	}
	.TalkSubmitButton{
		width: 108px;
		height: 42px;
		padding: 8px 0px 0px 0px;
		margin: 0px auto 0px auto;
		font-size: 18px;
		color: #FFF;
		text-align:center;
		background: #F10215;
		cursor:pointer;
		border-radius: 21px;
		-moz-border-radius: 21px;
		-webkit-border-radius: 21px;
	}
	
	.TalkTableLeft2{
		width: 103px;
		height: 200px;
		padding: 16px 0px 0px 0px;
		font-size: 16px;
		color: #3E3939;
		text-align:center;
		border-right: 1px solid #B5B5B6;
		display:block;
		float:left;
	}
	.TalkTableRight2{
		width: 741px;
		/*height: 200px;*/
		padding: 8px 12px 0px 12px;
		font-size: 16px;
		color: #3E3939;
		float:left;
	}
	
	
	.FooterMax{
		width: 100%;
		height: 320px;
		background: #717071;
		display:block;
	}
	.FooterMin{
		display:none;
	}
}