/*ilink ninarchou 2015-05-19 */

/*base*/
*{margin:0;padding:0;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
body, input, button {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif, '新細明體';
	color:#222;font-size:0.938em;line-height: 24px;
}
h1,h2,h3,h4,.searchArea span,table,marquee,.box_blue input,.btn_blue,.btn_gray{font-family:Arial, "Helvetica Neue", Helvetica, sans-serif, '微軟正黑體';font-weight:bold;margin:0;}
h1{font-size:2em;line-height:42px;letter-spacing:-1px}
h2{font-size:2em;line-height:36px;color:#0094d0;margin-left: 258px;letter-spacing: -1px;margin-bottom: 30px}
h3{font-size:1.313em;line-height:38px;color:#008489;text-indent: 38px;margin-bottom: 6px;}
h4{font-size:1.125em;line-height:28px;}
h5{font-size:0.938em;line-height:24px;font-weight:bold;margin:0;}
h1.large{font-size:3.5rem;line-height:4rem;letter-spacing:-2px}
a, a:link, a:visited {
	/*color: #3789C6;*/ color: #454545;
	text-decoration: none
}
a:hover,a.active{text-decoration:underline;color:#3789c6}
a img{border:none;vertical-align: middle;cursor:pointer;}
p{margin:0 0 12px;}
.small,table.small td,thead.small th,ul.small li{font-size:0.813em}
p.large{font-size:1.375em;line-height:32px}

/*footer貼底*/
html,body,body > form {height: 100%;}
#page {min-height: 100%;position: relative;}
#main {padding-bottom: 120px;}
#footer {bottom: 0;position: absolute;width: 100%;}

/*layout*/
html{background:#edf5fb url('../img/bg_login.jpg') center top no-repeat;background-attachment: fixed;}
#page_contents{
	margin:0 auto;
	padding-top:30px;
	vertical-align: middle;
	padding-bottom: 100px;
	position: relative;
}
.col{display:block;float:left;margin:0 0 2%}
.col+.col{margin-left:3%}
.col_4of6{width:66.13%}
.col_1of3{width:32%;display: inline-block;}
.col_1of4{width:24%;display: inline-block;}
.col_w100{width:100%;display: block;overflow: hidden;}
.col_w90{width: 95%}
.col_w85{width: 85%}
.col_w80{width:80%}
.card{
	border-radius:18px;
	border:3px solid #b8effe;
	background:#fff url('../img/bg_car.jpg') left 20px no-repeat;
	min-height: 430px;
	padding-top: 40px;
}
.box{
	background-color:transparent;
	border-radius:15px;
	border:1px solid #abc1ca;
	margin: 0 40px 18px;
	padding:16px;
}


/*content*/
h1.logo{text-align: center;margin-bottom: 10px;}
h2 span{color:#888;margin-left: 17px;}
.box h2 + div{padding:25px 30px;}
.alert_info {color: #c00;;font-size:0.813em;}
.alert_info i{color:#c00}
.titleie{display: none}
.searchArea{border-bottom: 2px dashed #aaa;padding-bottom: 11px;margin-bottom: 16px}
.searchArea h3{background:url('../img/icon_search.png') left center no-repeat;}
.searchArea .box_blue{border:1px solid #b8cce1;background-color: #e3f0fd;padding: 5px 10px;margin-bottom: 6px;}
.searchArea span{font-size:1.125em;}
.icon{vertical-align: middle;margin-left: 5px;margin-right: 5px}
h3.result{background:url('../img/icon_result.png') left center no-repeat}
.box + p{padding: 0 80px 18px 105px;}
.marquee{box-shadow: 0 0 6px rgba(0,0,0,.5);border: 2px solid #fff;border-radius: 12px;background-color: rgba(0,0,0,.65);color: #fceb08;line-height: 40px;font-size:1.313em;font-weight: bold}
.marquee a,.marquee a:link{color: #fceb08}
.marquee img{vertical-align: middle;    margin: 10px;}

/*table*/
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 16px;
}
.table-bordered {
	border: 2px solid #d2dee1;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
	border-bottom-width: 0;
	background-color: #e6ecee;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
	border-bottom: 1px solid #c3d3d7;
	padding: 8px;
	font-size:1em;
	line-height: 28px;
	color: #2d3f44;
	text-align: center;
}
table tr:first-child th:first-child {
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px
}

table tr:first-child th:last-child {
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px
}
table tr:last-child td:first-child {
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px
}

table tr:last-child td:last-child {
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px
}
.count {
    background-color: #ddd;
    padding: 5px 10px;
    text-align: right;
    margin-bottom: 15px;
    position: absolute;
    bottom: 110px;
    right: 20px;
}

/*footer*/
#footer2 {
    display: none;
  } 
#footer{
	text-align: center;
	background: rgba(0, 0, 0, 0.7);
	height: 60px;
	line-height: 60px;
	color: #fff;
	white-space: nowrap;
	overflow: visible;
}
.copyright{overflow: visible;position: relative;margin: 0 auto}
	.copyright b { /*color:#5595d1;*/
		color: #A5C2E4;
		font-weight: normal;
		margin: 0 5px
	}
.logo_footer{position: absolute;right: 0;bottom:14px}

/*button, input*/
.btn_blue, .btn_gray{
	cursor:pointer;
	font-weight: bold;
	height: 35px;
	line-height: 18px;
	border-radius: 4px;
	box-shadow: inset 1px 1px 10px rgba(255, 255, 255, .3);
	padding: 8px 30px;
}
.btn_blue{
	background: #b3d4f4;
	background: -moz-linear-gradient(top, #d6ebfa 0%, #c0daf2 49%, #b3d4f4 50%, #d7f3fc 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #d6ebfa), color-stop(49%, #c0daf2), color-stop(50%, #b3d4f4), color-stop(100%, #d7f3fc));
	background: -webkit-linear-gradient(top, #d6ebfa 0%, #c0daf2 49%, #b3d4f4 50%, #d7f3fc 100%);
	background: -o-linear-gradient(top, #d6ebfa 0%, #c0daf2 49%, #b3d4f4 50%, #d7f3fc 100%);
	background: -ms-linear-gradient(top, #d6ebfa 0%, #c0daf2 49%, #b3d4f4 50%, #d7f3fc 100%);
	background: linear-gradient(to bottom, #d6ebfa 0%, #c0daf2 49%, #b3d4f4 50%, #d7f3fc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6ebfa', endColorstr='#d7f3fc', GradientType=0 );
	border:1px solid #91badf;
	color: #125f8b;
}
.btn_gray{
	background: #b3d4f4;
	background: -moz-linear-gradient(top, #edf4f6 0%, #e5eaf1 49%, #e0e7f0 50%, #eef5f7 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #edf4f6), color-stop(49%, #e5eaf1), color-stop(50%, #e0e7f0), color-stop(100%, #eef5f7));
	background: -webkit-linear-gradient(top, #edf4f6 0%, #e5eaf1 49%, #e0e7f0 50%, #eef5f7 100%);
	background: -o-linear-gradient(top, #edf4f6 0%, #e5eaf1 49%, #e0e7f0 50%, #eef5f7 100%);
	background: -ms-linear-gradient(top, #edf4f6 0%, #e5eaf1 49%, #e0e7f0 50%, #eef5f7 100%);
	background: linear-gradient(to bottom, #edf4f6 0%, #e5eaf1 49%, #e0e7f0 50%, #eef5f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6ebfa', endColorstr='#d7f3fc', GradientType=0 );
	border:1px solid #d9e0e7;
	color: #5f6265;
}
.btnimg{
	cursor:pointer;
	border:none;
	text-decoration:none;
	font-weight:bold;
	line-height:1.2rem;
	font-size:0.938em;
	display:inline-block;
	vertical-align:bottom;
	text-align:center;
	white-space:nowrap;
	border-radius: 3px;
}
.btnimg.hover{background:#225edc;border-bottom-color:rgba(0,0,0,.25);color:#fff;outline:0;text-decoration:none;}
.btnimg.active,.btnimg:active{color:#fff;border-bottom-color:transparent!important;box-shadow:inset 0 2px 1px rgba(0,0,0,.2)}
.btn_calender{background:url('../img/icon_calender.png') no-repeat;width: 33px;height: 33px}

input,select,textarea{
	font-size:1.125em;
	padding:4px 5px;
	border:0;
	background-color: #fbfdff
}

  .accessibility{
    float: right;margin-right: 15px;margin-bottom: 15px;position: absolute;bottom: 110px;right: 30px;
  } 
@media only screen and (min-width:1024px){
	#page_contents,.copyright{width:1010px}
}
@media only screen and (max-width:1024px){
	marquee{width: 98%!important;margin: 0 1%}
	.card {width: 98%;margin: 0 auto;background: #fff url('../img/bg_car.jpg') -70px 20px no-repeat;}
	.logo_footer{right:1%}
	h2{margin-left: 185px;}
	.box{width: 95%;margin: 0 auto 18px;}
	.searchArea{width:100%;}
}
@media only screen and (max-width:800px){
	.searchArea span{display: block;height: 38px}
	.searchArea span:nth-child(2), .searchArea .box_blue:nth-child(3) span:nth-child(1){margin-left: 16px;/*margin-left: 64px;*/}
	.searchArea span:nth-child(3), .searchArea .box_blue:nth-child(3) span:nth-child(2){margin-left: 32px;/*margin-left: 80px;*/}
}
@media only screen and (max-width:767px){
  .marquee{
     font-size: 0.938em
  } 
}
@media only screen and (max-height:768px),screen and (max-width:640px){
  .marquee{
     font-size: 0.938em
  } 
}
@media only screen and (max-width: 680px){
	h1.logo img{width: 95%;height: 95%}
	/*.card{background-size: 650px;padding-top: 30px;background-position: -115px 20px} */

	.box + p {padding:0 30px 90px;} /*2026.8.3 {padding:0 30px 18px;}*/
  
   .logo_footer{
     display: none;
   }  
	.card{/*width: 390px*/
    width: 95%;
    min-height: 850px;
    background: #fff
    } 
   h2 {
    font-size: 1.725em;
    margin-left: 20px;
    overflow: visible;
   }  
   h2 span {
    margin-left: 10px;
   }  
   .marquee{
    font-size: 0.938em
   }    
}
@media only screen and (max-width:530px){
	.card{/*width: 390px*/
    width: 95%;
    min-height: 930px;
    background: #fff}
   h2 {
    font-size: 1.5em;
    margin-left: 20px;
    overflow: visible;
   }
   h2 span {
    margin-left: 5px;
   }
  #footer {
    display: none;
  }  
  #footer2{
    display: block;
  	text-align: center;
  	background: rgba(0, 0, 0, 0.7);
  	height: 75px;
  	line-height: 32px;
  	color: #fff;
  	white-space: nowrap;
  	overflow: visible;
  }  
  #page_contents {
    padding-bottom: 20px;
  } 
  .accessibility{
    bottom: 40px;
  } 
  .count {
    bottom: 40px; 
  }
  .marquee{
     font-size: 0.938em
  } 
}


@media only screen and (max-width:420px){
	.card{/*width: 390px*/
    width: 95%;
    min-height: 930px;
    background: #fff}
   h2 {
    font-size: 1.25em;
    margin-left: 10px;
   }
   h2 span {
    color: #888;
    margin-left: 0px;
  }   
  .count {
    width: 100px;  
  }
    .marquee{
     font-size: 0.938em
  } 
}

/*all*/
.text_indent{text-indent:-9999px;overflow: hidden;white-space:nowrap;}
.no_wrap{white-space:nowrap;overflow: hidden;}
.float_left{float:left!important}
.float_right{float:right!important}
.float_none{float:none!important}
.clear_left{clear:left}
.clear_right{clear:right}
.clear_both{clear:both}
.position_relative{position:relative}
.position_absolute{position:absolute}
.block{display:block!important}
.inline_block{display:inline-block!important}
.inline{display:inline!important}
.align_left{text-align:left!important}
.align_center{text-align:center!important}
.align_right{text-align:right!important}
.align_top,.align_top:before{vertical-align:top!important}
.align_middle,.align_middle:before{vertical-align:middle!important}
.align_bottom,.align_bottom:before{vertical-align:bottom!important}
.offscreen{position:absolute;left:-10000px;top:-10000px}
.rounded{border-radius:.25rem}
.normal{font-weight:400!important}
.black{font-weight:900!important}
.bold{font-weight:700!important}
.medium{font-weight:500!important}
.light{font-weight:300!important}
.italic{font-style:italic}
.underline{text-decoration:underline!important}
.no_underline,.no_underline:hover{text-decoration:none}
.full_max_width{max-width:100%}
.full_width{width:100%!important;max-width:100%!important}
.half_width{width:50%!important;max-width:50%!important;margin-left:auto;margin-right:auto}
.no_min_width{min-width:0!important}
.no_min_height{min-height:0!important}
.auto_width{width:auto!important}
.cursor_default{cursor:default!important}
.cursor_pointer{cursor:pointer}
.tiny{font-size:.7rem}
.mini{font-size:0.813em;line-height:24px;color:#666}
.margin{margin:8px!important}
.small_margin{margin:.5rem!important}
.no_margin{margin:0!important}
.no_margin_left{margin-left:0!important}
.no_margin_right{margin-right:0!important}
.no_margin_top{margin-top:0!important}
.no_margin_bottom{margin-bottom:0!important}
.margin_top{margin-top:8px!important}
.margin_bottom{margin-bottom:8px!important}
.margin_left{margin-left:8px!important}
.margin_right{margin-right:8px!important}
.margin_top2{margin-top:15px!important}
.margin_bottom2{margin-bottom:15px!important}
.margin_left2{margin-left:15px!important}
.margin_right2{margin-right:15px!important}
.margin_top3{margin-top:30px!important}
.margin_top_tiny{margin-top:3px!important}
.margin_auto{margin-left:auto!important;margin-right:auto!important}
.no_padding{padding:0!important}
.no_padding_top{padding-top:0!important}
.no_padding_bottom{padding-bottom:0!important}
.no_padding_left{padding-left:0!important}
.no_padding_right{padding-right:0!important}
.small_padding{padding:.5rem!important}
.padding{padding:8px!important}
.padding2{padding:15px!important}
.padding_top{padding-top:8px!important}
.padding_bottom{padding-bottom:8px!important}
.padding_left{padding-left:8px!important}
.padding_right{padding-right:8px!important}
.padding_top2{padding-top:15px!important}
.padding_bottom2{padding-bottom:15px!important}
.padding_left2{padding-left:15px!important}
.padding_right2{padding-right:15px!important}
.bordered{border:1px solid #e8e8e8}
.top_border{border-top:1px solid #e8e8e8}
.border_bottom{border-bottom:1px solid #e8e8e8}
.left_border{border-left:1px solid #e8e8e8}
.right_border{border-right:1px solid #e8e8e8}
.no_border{border:none!important}
.no_top_border{border-top:none!important}
.no_bottom_border{border-bottom:none!important}
.no_left_border{border-left:none!important}
.no_right_border{border-right:none!important}
.lowercase{text-transform:lowercase}
.uppercase{text-transform:uppercase}
.capitalize{text-transform:capitalize}
.break_word{word-wrap:break-word}