@charset "utf-8";
/* CSS Document */

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
body {
  margin: 0;
  background-color:#EAEBED;
  background-image:url();
  font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
  color:#5F6163;
}
a {
    color: #0086C4;
    text-decoration: none;
}
a:hover{
    color: #0086C4;
    text-decoration: underline;
}

.fix{clear:both;}
.img_middle{vertical-align:middle;}
.titletx {border-left: #F27207 5px solid;padding:1px 7px;}
.tag_red {background: #E7505A;padding: 3px 7px 4px;font-size: 12px;color: #fff;border-radius: 3px;}
.tag_bluegreen {background: #229EA9;padding: 3px 7px 4px;font-size: 12px;color: #fff;border-radius: 3px;}
.tag_green {background: #17B070;padding: 3px 7px 4px;font-size: 12px;color: #fff;border-radius: 3px;}
.tag_blue {background: #2564B2;padding: 3px 7px 4px;font-size: 12px;color: #fff;border-radius: 3px;}
.tag_purple {background: #9755B2;padding: 3px 7px 4px;font-size: 12px;color: #fff;border-radius: 3px;}
.tag_yellow {background: #F2A30B;padding: 3px 7px 4px;font-size: 12px;color: #fff;border-radius: 3px;}
.tag_orange {background: #F26621;padding: 3px 7px 4px;font-size: 12px;color: #fff;border-radius: 3px;}
.tag_white {background: #fff;padding: 3px 7px 4px;font-size: 12px;color: #333;border-radius: 3px;}
.tag_black {background: #3B4A5C;padding: 3px 7px 4px;font-size: 12px;color: #fff;border-radius: 3px;}
.bobox {padding:10px 15px;background:#f5f5f5;border: 1px solid #ccc;}
.underbox {padding:8px;border-bottom: #D6D6D6 1px dotted;}

.txon {font-size:18px;color:#fff;}
.txon_s {font-size:12px;color:#fff;}
.txoff {font-size:18px;color:#9DA4AE;}
.txoff_s {font-size:12px;color:#9DA4AE;}
.yuan {border-radius:100px;;background:#fff;width:33px;height:33px;text-align:center;padding-top:6px;margin:0px 0px 0px 0px;font-family: trajan, "Helvetica Neue", Helvetica, Arial, "Microsoft JhengHei", sans-serif;color:#333;font-size:18px;}
.yuan .on {color:#F16522;}
.yuan .off {color:#EAE9E5;}

/* 左右 */
.lr_box {width:100%;}
.lr_box .left{float:left;text-align:left;}
.lr_box .right{float:right;text-align:right;}

/* 置頂 */
.header_all {width:100%;background:#fff;border-bottom: #D6D9DE 1px solid;}
.header_all .box{width:1000px;margin:auto auto;background:#fff;}
.header_all .box .left{width:800px;float:left;color:#313131;}
.header_all .box .left .logo{width:90px;padding:10px 0px 10px 0px;float:left;}
.header_all .box .left .tx{width:700px;padding-top:22px;float:left;}
.header_all .box .right{width:200px;float:right;padding:0px 0px 0px 0px;text-align:right;}

/* 內框 */
.content_all {width:100%;padding:30px;background:#EAEBED;}
.content_all .box{width:1000px;margin:auto auto;min-height:690px;}
.content_all .box .bg{width:1000px;margin:auto auto;border-radius:0px;background:#fff;padding:20px;border: 1px solid #f2f2f2;}

/* 置底 */
.footer_all {width:100%;padding:20px;background:#2289C4;box-shadow: inset 0px 2px 8px #29383A, 0px 2px 0px #007B9A;}
.footer_all .box{width:1000px;margin:auto auto;}
.footer_tx_link{color:#FFB20C;}
.footer_tx_link:hover{color:#FFD16E;}


.downbar {width:100%;background:#C8B385;padding:10px;color:#5A5139;}
.downbar .box{width:1000px;margin:auto auto;text-align:center;}

/* 列文 */
ul {
    list-style-type: none;
    padding:0px;
    margin:0px;
}
ul.type_a li{
    float:left;
}

/* 分頁 */
.panel-body-inside {width:100%;border-bottom: #E8E3D9 1px dotted;}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin:5px 0 15px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #57360F;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #fff;
  background-color: #F19222;
  border-color: #F19222;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #E98714;
  border-color: #E98714;
}

/* INPUT */
.form-size-default {
  height: 34px;
  padding: 0px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-image: none;
  border: 1px solid #C2C7CD;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
}
.form-size-default:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

/* TEXTAREA */
.key-size-default {
  height: 34px;
  padding: 0px 12px;
  font-size: 14px;
  line-height: 2.3;
  color: #555;
  background-image: none;
  border: 1px solid #C2C7CD;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
}
.key-size-default:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

	.no-check {
    background-color: #EC3642;
    border-radius: 50px;
    padding: 4px 8px;
    margin-left: 2px;
    font-size: 12px;
    color: #fff;
    text-align: center;
	}
	.yes-check {
    background-color: #41ACBB;
    border-radius: 50px;
    padding: 4px 8px;
    margin-left: 2px;
    font-size: 12px;
    color: #fff;
}

.step_box {border: 5px solid #EAEDF1;width:100%;padding-left:2px;}
.step_circle_1 {
	border-radius:100px;
	background:#fff;
	padding:7px 15px;
	font-size:25px;
	color:#FF6F79;
	border: 3px solid #FF6F79;
	font-family: Geneva, "Helvetica Neue", Helvetica, Arial, "Microsoft JhengHei", sans-serif;
	font-weight:bold;
	width:50px;
	height:50px;
	margin:auto auto;
	position:relative;
	z-index:100;
}
	
.step_circle_2 {
	border-radius:100px;
	background:#fff;
	padding:7px 15px;
	font-size:25px;
	color:#43B7C8;
	border: 3px solid #43B7C8;
	font-family: Geneva, "Helvetica Neue", Helvetica, Arial, "Microsoft JhengHei", sans-serif;
	font-weight:bold;
	width:50px;
	height:50px;
	margin:auto auto;
	position:relative;
	z-index:100;
}

.step_circle_3 {
	border-radius:100px;
	background:#fff;
	padding:7px 15px;
	font-size:25px;
	color:#D6D9DC;
	border: 3px solid #D6D9DC;
	font-family: Geneva, "Helvetica Neue", Helvetica, Arial, "Microsoft JhengHei", sans-serif;
	font-weight:bold;
	width:50px;
	height:50px;
	margin:auto auto;
	position:relative;
	z-index:100;
}

.step_bg_line_1{
	position:relative;
	z-index:10;
	top:-27px;
	background-color:#FF6F79;
	height:5px;
}

.step_bg_line_2{
	position:relative;
	z-index:10;
	top:-27px;
	background-color:#43B7C8;
	height:5px;
}

.step_bg_line_3{
	position:relative;
	z-index:10;
	top:-27px;
	background-color:#D6D9DC;
	height:5px;
}

.step_bg_tx_1{
	color:#FF6F79;
}

.step_bg_tx_2{
	color:#43B7C8;
}

.step_bg_tx_3{
	color:#D6D9DC;
}


/*水平導覽選單_內容效果區塊*/
.type_a {
	padding:0px;
    margin:0px 13px;
}
.type_a li{
	color:#6E6E6E;
	height:40px;
	padding:9px 20px;
	margin-right:7px;
    border-top: #D6D6D6 1px solid;
    border-bottom: #D6D6D6 1px solid;
    border-left: #D6D6D6 1px solid;
    border-right: #D6D6D6 1px solid;	
	border-radius:3px 3px 0 0;
    float:left;
	background:#F8F8F8;
	cursor:pointer;
	text-decoration: none;
	font-family: Geneva, "Helvetica Neue", Helvetica, Arial, "Microsoft JhengHei", sans-serif;
}
.type_a li.on,
.type_a li:hover{
    float:left;
	height:41px;
	padding:8px 20px;
    border-top: #D6D6D6 1px solid;
    border-bottom: #D6D6D6 0px solid;
    border-left: #D6D6D6 1px solid;
    border-right: #D6D6D6 1px solid;	
	background:#fff;
	text-decoration: none;
}
.type_a a{
  text-decoration: none;
  display:block;
  width:100%;
  color:#666;
}
.type_a_under {height:40px; background:1;border-bottom: #D6D6D6 1px solid;}


/* BTN */
.btn_set{cursor:pointer;padding:5px 12px 6px 12px;background:#E7505A;border: 0px;border-radius:5px;font-size:14px;color:#fff;font-family:"微軟正黑體",Arial, Helvetica, sans-serif;text-shadow: 0 -1px 0 #932129;}
.btn_set:hover{background:#C92934;}

.btn_s1{cursor:pointer;padding:4px 8px 5px 8px;background:#536881;border: 0px;border-radius:5px;font-size:14px;color:#fff;font-family:"微軟正黑體",Arial, Helvetica, sans-serif;text-shadow: 0 -1px 0 #273547;}
.btn_s1:hover{background:#3B4A5C;}

.btn_s1_pink{cursor:pointer;padding:4px 8px 5px 8px;background:#5D6B86;border: 0px;border-radius:5px;font-size:14px;color:#fff;font-family:"微軟正黑體",Arial, Helvetica, sans-serif;text-shadow: 0 -1px 0 #46536C;}
.btn_s1_pink:hover{background:#46536C;}

.btn_s1_black{cursor:pointer;padding:7px 10px 7px 10px;background:#186875;border: 0px;border-radius:3px;font-size:14px;color:#fff;font-family:"微軟正黑體",Arial, Helvetica, sans-serif;text-shadow: 0 -1px 0 #;}
.btn_s1_black:hover{background:#0B4852;}

.btn_s1_green{cursor:pointer;padding:4px 8px 5px 8px;background:#31A5B6;border: 0px;border-radius:5px;font-size:14px;color:#fff;font-family:"微軟正黑體",Arial, Helvetica, sans-serif;text-shadow: 0 -1px 0 #196B77;}
.btn_s1_green:hover{background:#1F90A0;}

.btn_s1_gray{cursor:pointer;padding:4px 8px 5px 8px;background:#96A2B2;border: 0px;border-radius:5px;font-size:14px;color:#fff;font-family:"微軟正黑體",Arial, Helvetica, sans-serif;text-shadow: 0 -1px 0 #66707D;}
.btn_s1_gray:hover{background:#737E8D;}

.btn_s2{background:darkgray;cursor:pointer;padding:1px 6px 2px 6px;border: 1px solid darkgray;border-radius:3px;font-size:13px;color:#fff;font-family:"微軟正黑體",Arial, Helvetica, sans-serif;}
.btn_s2:hover{background:#fff;color:darkgray;border: 1px solid darkgray;}

.btn_s3{cursor:pointer;padding:5px 10px;background:#536881;border: 0px solid #333;border-radius:5px;font-size:12px;color:#fff;line-height: 1.5;text-align:center;}
.btn_s3:hover{background:#3B4A5C;color:#fff;}

.btn_s3_gray{cursor:pointer;padding:5px 10px;background:#96A2B2;border: 0px solid #333;border-radius:5px;font-size:12px;color:#fff;line-height: 1.5;text-align:center;text-shadow: 0 -1px 0 #66707D;}
.btn_s3_gray:hover{background:#737E8D;}

.btn_b1{cursor:pointer;padding:8px 45px 8px 45px;background:#536881;border: 0px solid #333;border-radius:5px;font-size:14px;color:#fff;font-family:"微軟正黑體",Arial, Helvetica, sans-serif;text-shadow: 0 -1px 0 #273547;}
.btn_b1:hover{background:#3B4A5C;color:#fff;}

.btn_b1_gray{cursor:pointer;padding:8px 45px 8px 45px;background:#96A2B2;border: 0px solid #333;border-radius:5px;font-size:14px;color:#fff;font-family:"微軟正黑體",Arial, Helvetica, sans-serif;text-shadow: 0 -1px 0 #66707D;}
.btn_b1_gray:hover{background:#737E8D;}

.btn_b2{cursor:pointer;width:200px;height:40px;background:#536881;border: 0px solid #333;border-radius:5px;font-size:14px;color:#fff;font-family:"微軟正黑體",Arial, Helvetica, sans-serif;text-shadow: 0 -1px 0 #273547;}
.btn_b2:hover{background:#3B4A5C;color:#fff;}

.btn_b2_gray{cursor:pointer;width:200px;height:40px;background:#96A2B2;border: 0px solid #333;border-radius:5px;font-size:14px;color:#fff;font-family:"微軟正黑體",Arial, Helvetica, sans-serif;text-shadow: 0 -1px 0 #66707D;}
.btn_b2_gray:hover{background:#737E8D;}

.btn_b3{cursor:pointer;width:100%;height:40px;background:#306B78;border: 0px solid #333;border-radius:5px;font-size:15px;color:#fff;font-family:"微軟正黑體",Arial, Helvetica, sans-serif;text-shadow: 0 -1px 0 #273547;}
.btn_b3:hover{background:#1F515C;color:#fff;}

.btn_b3_gray{cursor:pointer;width:100%;height:40px;background:#96A2B2;border: 0px solid #333;border-radius:5px;font-size:15px;color:#fff;font-family:"微軟正黑體",Arial, Helvetica, sans-serif;text-shadow: 0 -1px 0 #66707D;}
.btn_b3_gray:hover{background:#737E8D;}




     .lr_box_bor {
    padding:10px;
	}
         
.new_box1 {border: 1px solid #F27207;background:#F27207;padding:7px;color:#fff;font-size:17px;text-align: left;}
.new_box2 {border: 1px solid #F27207;padding:10px;}
		    
.gray-bg-title {background:#eeeeee;padding:15px;font-size:16px;font-weight: bold;}


.bt1{border-top: #cccccc 1px solid;}
.bb1{border-bottom: #cccccc 1px solid;}
.bl1{border-left: #cccccc 1px solid;}
.br1{border-right: #cccccc 1px solid;}

.num_1{border-radius:100px;background:#009CB3;padding:1px 6px 2px;color:#ffffff;font-size:13px;font-weight: bold;}

.menu{
  padding:0px;
  margin:0px;
  width:100%;
  color:;
}

.menu .title{
  padding:12px;
  padding-left:10px;
  border-left: 1px solid #cccccc;
  -moz-transition:padding-left 1s;
  -webkit-transition:padding-left 1s;
  -o-transition:padding-left 1s;
  background-color:#F3F6F9;
  font-family: Geneva, "Helvetica Neue", Helvetica, Arial, "Microsoft JhengHei", sans-serif;
  font-size:15px;
  color: #5F6163;
}

.menu .title:hover{
  background-color:#E2E9F0;
  border-left: 1px solid #cccccc;
  padding-left:15px;
  
}

.menu a{
  display:block;
  width:100%;
  text-decoration: none;
  color: #ccc;
}

.menu li{
  list-style-type:none;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  cursor:pointer;
}

.menu li:last-child{
  border: 1px solid #cccccc;
  border-left-width:0px;
}

.menu .sub{
  display:none;
  -webkit-box-shadow: 0 0 5px #dddddd;
  -moz-box-shadow: 0 0 5px #dddddd;
  box-shadow: 0 0 5px #dddddd;
}
.menu .sub ul{
  padding:0px;
  margin:0px;

}
.menu .sub li{
  list-style-type:none;
  border-width:0px;
  cursor:pointer;
  background-color:#ffffff;
  padding:5px;  
  border-top:1px solid #cccccc;
  border-left:1px solid #cccccc;
  font-family: Geneva, "Helvetica Neue", Helvetica, Arial, "Microsoft JhengHei", sans-serif;
  font-size:14px;
  
}

.menu .sub a{
  display:block;
  width:100%;
  text-decoration: none;
  color:Fuchsia;
  cursor:pointer;
  color: #000;
}

.tag01{padding:4px 8px;background:#ffffff;border: 1px solid #FF3000;border-radius:5px;font-size:14px;color:#FF3000;text-align:center;}
.tag02{padding:5px 8px;background:#ffffff;border: 1px solid #CED8E1;border-radius:5px;font-size:14px;color:#5F6469;text-align:center;}
.tag03{padding:4px 8px;background:#ffffff;border: 1px solid #078090;border-radius:5px;font-size:14px;color:#078090;text-align:center;}
.tag02-pay{padding: 3px;background:#ffffff;border: 1px solid #CED8E1;border-radius:5px;font-size:14px;color:#5F6469;text-align:center;}
.epbox{padding:10px;}

.thebox{width:100%;padding:13px;background:#F3F6F9;}
.thebox .left{float:left;}
.thebox .right{float:right;}

.thebox2{width:100%;padding:13px;background:#FEEDEB;}
.thebox2 .left{float:left;}
.thebox2 .right{float:right;}

.border_t1 {border-top: #cccccc 1px solid;}
.border_b1 {border-bottom: #cccccc 1px solid;}
.border_l1 {border-left: #cccccc 1px solid;}
.border_r1 {border-right: #cccccc 1px solid;}

.btn_s33{cursor:pointer;padding:5px 10px;background:#078090;border: 0px solid #333;border-radius:5px;font-size:12px;color:#fff;line-height: 1.5;text-align:center;}
.btn_s33:hover{background:#056976;color:#fff;}


.demo_box{padding:20px;width:100%;border: 5px solid #f2f2f2;text-align:center;margin:0  0 20px 0;}

.btn-blue-outline {
    color: #0280a6;
    background-color: #fff;
    border-color: #0280a6;
}
.btn-blue-outline:hover,
.btn-blue-outline:focus,
.btn-blue-outline.focus,
.btn-blue-outline:active,
.btn-blue-outline.active,
.open > .dropdown-toggle.btn-blue-outline {
    color: #fff;
    background-color: #0280a6;
    border-color: #0280a6
}