@charset "utf-8";
/* CSS Document */
html, body { margin:0; padding:0; font: normal 100% Arial,'微軟正黑體';/*頁面默認大小的100%，即16像素*/ color:#; background-color:#f5f5f5;}
a { text-decoration: none; color:#; outline: none; /* for Firefox */ hlbr:expression(this.onFocus=this.blur()); /* for IE */}
a:hover { color:#;text-decoration: underline;}
div, p, span, ul, ol, li, h1, h2, h3, h4, h5, h6, input, table, td, th, img { margin: 0; padding: 0;}
img { border: none; }
.clr { clear: both; display:block; }
.tRight { text-align: right; }
.tLeft { text-align:left;}
.tCenter { text-align: center; }
.fL { float: left; }
.fR { float: right; }

/*頁面設定*/
#header{ width:100%; height:68px; background:url(../images/header_bg.gif) repeat-x; background-size:auto auto;}
#header .box{ position:relative; max-width:1000px; height:68px; display:block; margin:0 auto;  background:url(../images/header_bg.jpg) no-repeat;}
#header .box h1{ position:absolute; left:24px; top:5px; width:215px; height:45px; display:block; background:url(../images/blank.png) ; text-indent:-999px; cursor:pointer;}
#header .box input[type="button"]{ position:absolute; top:14px; right:24px; width:80px; height:40px; display:block; background:url(../images/header_btn.png) no-repeat; border:none; cursor:pointer;}
#header .box .menuIcom{ display:none;}
#header .box .menuM{ display:none;}
#M{ display:none;}

#view{ width:100%; height:260px; background:url(../images/view_in_bg_line.jpg) repeat-x; background-size:auto auto;}
#view .box{  max-width:1000px; height:260px; display:block; margin:0 auto;  background:url(../images/view_in_bg.jpg) center no-repeat;}
#view .box .in{ position:relative; width:873px; height:260px; margin:0 auto;}
#view .box .in ul.menu{
	position: absolute;
	top: 201px;
	left: 335px;
}
#view .box .in ul.menu li{ float:left; width:105px; height:37px; padding:0 5px 0 0; display:block; list-style:none;}
#view .box .in ul.menu li a{ width:105px; height:37px; display:block;}
#view .box .in ul.menu li a.a01{ background:url(../images/menu01.jpg) no-repeat;}
#view .box .in ul.menu li a.a02{ background:url(../images/menu02.jpg) no-repeat;}
#view .box .in ul.menu li a.a03{ background:url(../images/menu03.jpg) no-repeat;}
#view .box .in ul.menu li a.a04{ background:url(../images/menu04.jpg) no-repeat;}
#view .box .in ul.menu li a.a05{ background:url(../images/menu05.jpg) no-repeat;}
#view .box .in ul.menu li a.a06{ background:url(../images/menu06.jpg) no-repeat;}
#view .box .in ul.menu li a:hover{ background-position:0 -37px;}
#view .box .in ul.menu li a.on{ background-position:0 -37px;}

#main{ width:100%; background-color:#f6f7f8;  color:#777777;}
#main .box{ max-width:1000px; display:block; margin:0 auto; background-color:#fff;}
#main .box .in{ width:540px; padding:20px 114px;  margin:0 auto; border-bottom:1px solid #cccccc;}
#main .box .bdNone{ border:none;}
#main .box .in .tag{ margin:10px 0;}
#main .box .in table.pc{ display:block;}
#main .box .in ul.mobile{ display:none;}
#main .box .in table.pc th{ padding:5px 0; text-align:left; color:#2576bf; font-size:1.2em; line-height:2; font-weight:900;}
#main .box .in table.pc td{ padding:5px 0;}
#main .box .in table.pc input[type="text"]{ width:407px; height:35px; display:block; padding:0 10px; overflow:hidden; border:1px solid #cccccc;}
#main .box .in table.pc input[type="password"]{ width:407px; height:35px; display:block; padding:0 10px; overflow:hidden; border:1px solid #cccccc;}
#main .box .in table.pc img{ margin:5px 5px 5px 0; vertical-align:middle;}
#main .box .in table.pc a.refresh{ padding:5px; background-color:#9a9a9a; color:#fff;}
#main .box .in table.pc a:hover{ text-decoration:none;}
#main .box .in .claim{ height:440px; overflow-y: scroll; padding:10px; margin:10px 0; border:1px solid #cccccc;}
#main .box .in .claim p{ margin:0 0 20px 0;}
#main .box .in .tCenter{ position:relative; height:35px; display:block; padding:15px 0;}
#main .box .in .tCenter a.next{ position:absolute; right:0; top:0; width:146px; height:50px; display:block;  background:url(../images/btn04.jpg) no-repeat;}
#main .box .in .tCenter a.send{  width:146px; height:50px; display:block; margin:0 auto;  background:url(../images/btn05.jpg) no-repeat;}
#main .box .in .tCenter a.confirmSend{  width:146px; height:50px; display:block; margin:0 auto;  background:url(../images/btn06.jpg) no-repeat;}
#main .box .in .tCenter a.confirm{  width:146px; height:50px; display:block; margin:0 auto;  background:url(../images/btn07.jpg) no-repeat;}

#main .box .in table.fin{ text-align:center; line-height:2; font-weight:900;}
#main .box .in table.fin td.td01{ font-size:2em; color:#0e5b70;}
#main .box .in table.fin td.td02{ font-size:1em; color:#838383;}
#main .box .in table.fin td.td03{ font-size:2.8em; color:#838383;}

#main .box .in ul.way{ list-style:none;}
#main .box .in ul.way li{ padding:0 ;border-bottom:1px solid #cccccc;}
#main .box .in ul.way li p{ font-size:1.2em; line-height:1.5; color:#838383; margin:0 0 10px 34px;}
#main .box .in ul.way li p.B{ color:#66430b;  margin:20px 0 0 0; font-weight:bold; }
#main .box .in ul.way li.last{ border:none;}

#footer{ width:100%; height:166px; background:url(../images/footer.gif) repeat-x; background-size:auto auto;}
#footer .box{ text-align:center;}


@media screen and (max-width: 767px) {
div{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#footer{ display:none;}
#header .box input[type="button"]{ display:none;}
#view{ display:none;}
#main .box .in table.pc{ display:none;}
#M{ display:block;}
#M img{ width:100%; height:auto; vertical-align:top;}
#header{ height:34px; background-size:auto 34px;}
#header .box{  max-width:767px; height:34px; background:url(../images/header_bg.jpg) 30px 0 no-repeat; background-size:auto 34px ;}
#header .box h1{ position:absolute; left:42px; top:0; width:106px; height:34px; display:block; background:url(../images/blank.png) ; text-indent:-999px; cursor:pointer;}
#header .box .menuIcom{ display:block;}
#header .box .menuIcom a{ width:22px; height:20px; padding:7px; display:block; background:url(../images/m/header_icon.png) 7px 7px #66430a  no-repeat; background-size:22px 20px;}
#header .box .menuM{ display:block; position:absolute; top:34px; left:0; padding:5px 10px; background-color:#66430a; color:#fff; font-size:1.2em; line-height:2;}
#header .box .menuM li{ list-style:none; border-bottom:1px solid #f39800;}
#header .box .menuM li.last{ border:none;}
#header .box .menuM li a{ color:#fff; font-weight:600; font-family:Arial,'微軟正黑體';}
#header .box .menuM li a:hover{ text-decoration:none;}

#main .box{ width:100%; display:block; margin:0 auto; background-color:#fff;}
#main .box .in{ width:100%; padding:10px 0 20px 0;  margin:0 auto; border-bottom:1px solid #cccccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#main .box .in .tag{ margin:0 10px;}
#main .box .in ul.mobile{ width:95%; display:block; margin:0 auto; }
#main .box .in ul.mobile li{ padding: 5px 0;color:#2576bf; font-size:1.2em; line-height:1.5; font-weight:900; list-style:none;}
#main .box .in ul.mobile input{ width:100%; height:37px; padding:0 10px; border:1px solid #cccccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
#main .box .in ul.mobile img{ margin:5px 5px 5px 0; vertical-align:middle;}
#main .box .in ul.mobile a.refresh{ padding:5px; background-color:#9a9a9a; color:#fff;font-size:0.8em; }
#main .box .in ul.mobile a:hover{ text-decoration:none;}


#main .box .in .claim{ height:300px; overflow-y: scroll; padding:10px; margin:10px; border:1px solid #cccccc;}
#main .box .in .claim p{ margin:0 0 20px 0;}
#main .box .in .tCenter{ position:relative; height:40px; display:block; padding:0 0 0 10px; text-align:left;}
#main .box .in .tCenter a.next{ position:absolute; right:10px; top:0; width:73px; height:25px; display:block;  background:url(../images/btn04.jpg) no-repeat;  background-size:73px 25px;}
#main .box .in .tCenter a.send{ width:73px; height:25px; display:block; margin:0 auto;  background:url(../images/btn05.jpg) no-repeat;  background-size:73px 25px;}
#main .box .in .tCenter a.confirmSend{ width:73px; height:25px; display:block; margin:0 auto;  background:url(../images/btn06.jpg) no-repeat;  background-size:73px 25px;}
#main .box .in .tCenter a.confirm{ width:73px; height:25px; display:block; margin:0 auto;  background:url(../images/btn07.jpg) no-repeat;  background-size:73px 25px;}

#main .box .in ul.way li{ padding:0 10px;}
}

.btngrys{ width:100px; height:25px; color:#fff; font-size:15px;; border:0; cursor:pointer; background:url(../images/grybtn.jpg) repeat-x;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.btngrys:hover{ background:none; background-color: #ccc;}

/*表單樣式*/

.typein{ width:270px; height:23px; background:url(../images/input_bg.jpg) no-repeat; border:0; 
	border-right:1px solid #E2EDF6; 
	border-bottom:1px solid #E2EDF6; 
	border-left:1px solid #C9D3DB; 
	border-top:1px solid #C9D3DB;
	text-indent:5px;
}

/*選擇器樣式*/
select{ height:25px; border:1px solid #E2EDF6;font-size:15px;	font-family:Arial, Helvetica, "微軟正黑體"; background-color:}
select.bk{ height:25px; border:1px solid #000;font-size:15px;font-family:Arial, Helvetica, "微軟正黑體";}