@charset "UTF-8";
/*Font_Noto Sans TC*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC:300,400,500,700&display=swap&subset=chinese-traditional');
/*reset*/

/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,iframe,button,a{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	letter-spacing: 1px;
	vertical-align: baseline;
	text-decoration: none;
	box-sizing: border-box;
	font-weight: 400;
	line-height: 1.4;
}

body {
	color: #434343;
	background:#fff; 
	font:normal 20px/100% "Noto Sans TC", sans-serif;
}

html, body { height: 100%; }

a{
	color:#333333;
	text-decoration:none;
}
button{	background: none; }

h1, h2, h3, h4, h5, h6{ font-weight: normal; font-size:1rem; }

ol, ul {
	list-style: none;
}

table {width:auto; 	border-collapse: collapse; border-spacing: 0; width:100%}

input, button, textarea,select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  outline: none;
}



/*reset end*/

/*basic style*/
.web{ display:block; }
.mobile{ display:none; }
.tc{text-align: center;}
.inline{display: flex;}
.clearflx{clear: both;}
.clearflx::after{content:"";display: block;height: 0;clear: both;}
.red{color:#ad0000;}
.wrapper .realred{color:#df001a}
.inline{display: flex;}
.centerblock{margin:0 auto;text-align: center;}
.wrapper .printpage .realred  {color:#df001a}
input[type="text"]{outline: none;width:100%;padding:5px 10px;font-size: 1.125rem;color:#333333;border:1px solid #cccccc;border-radius: 5px;margin-bottom: 10px;}
input[type="password"]{outline: none;width:100%;padding:5px 10px;font-size: 1.125rem;color:#434343;border:1px solid #cccccc;border-radius: 5px;margin-bottom: 10px;}
input[type="text"]:focus{border:1px solid #0050b4;}
input[type="text"]:disabled{ color: #989898;}
::-webkit-input-placeholder {font-size: 1.125rem;color:#b3b7b9;font-weight: 300;}
select{background: url(../views/images/arrow-bottom.png) no-repeat scroll right 10px center transparent; background-color: #f5f5f5;border: none; font-size: 1rem;-webkit-appearance: none; -moz-appearance: none;width: 100%; /*text-align: center;*/margin-right: 20px; padding: 10px; color: #505050;cursor: pointer;border-radius: 5px;}
input[type="radio"]{position: relative;width: 20px;opacity: 0;left: 10px;top: 1px;cursor: pointer;}
input[type="radio"] + span.icon02{display: inline-block; width: 25px;height: 25px;line-height: 20px; vertical-align: middle;margin-left: -18px;background:url(../views/images/radio_01.png)no-repeat center center;background-size: contain;cursor: pointer; margin-right: 10px;}
input[type="radio"]:checked + span.icon02{ cursor: pointer;   background:url(../views/images/radio_02.png)no-repeat center center;background-size: contain;}
/*checkbox*/
input[type="checkbox"]{ display:none;}
input[type="checkbox"]+ label{ height:20px; line-height:20px; display:inline-block; background:url(../views/images/check_01.png) left center no-repeat; background-size: contain; cursor:pointer; padding: 0px 0px 0px 30px; margin:0 10px 0 0; width:auto; font-size: 1rem;}
input[type="checkbox"]:checked + label{ display:inline-block; background:url(../views/images/check_02.png) left center no-repeat; background-size: contain;}
.key_blue{ color: #084591;}

/*-----------------頁面-----------------*/
.wrapper { position: relative;}
.pagesize{ width: 1000px; margin: 0 auto; padding: 0 20px;}
/*-----------------header-----------------*/
.header{padding:0px 0px;position: absolute;width: 100%;}
.header .pagesize:first-child{display: flex;justify-content: space-between;align-items: center;padding:16px 10px;}
.headerNav ul {display: flex;color:#666666;font-size: 1rem;position: relative;}
.headerNav_menu .hotlink{position: absolute;left: 5px;color: #5688c5;}
.headerNav ul li{padding-left: 30px;}
.headerNav ul li a{transition: 0.2s all ease-in-out;}
.headerNav ul li a:hover{color:#85bf2d;}
.headerLogo{ width: 275px; height: 43px; position: relative; background: url(../views/images/logo.png) no-repeat; background-size: auto 43px;}
.headerLogo a{position: absolute; top: 0; bottom: 0; left: 0; right: 0; line-height: 0; font-size: 0; overflow: hidden;}
.subheader{background-color: #fff;border-top: 1px solid #f1f1f1;}
.header .subheader .pagesize ,.header .crumb .pagesize{padding:0px 10px;}
.subheader .pagesize ul{display: flex;font-size: 1rem;}
.subheader .hotlink{position: absolute; left:-20px;top:-5px;}
.subheader .hotlink a{color:#0f5a69; font-size: 1rem;}
.subheader .pagesize ul a{color:#0f5a69;padding: 15px;display: block;transition: 0.2s all ease-in-out;}
.subcont .drop_menu:hover.subheader .pagesize ul{ background-image: linear-gradient(to bottom,#129db2,#2991b8);color:#fff;}
.subheader .pagesize ul .subhsele{background-image: linear-gradient(to bottom,#129db2,#2991b8);color:#fff;}
.subheader .pagesize ul .subhsele:hover{opacity: 1;}
.subheader .seach{width:19px;height:19px;cursor: pointer;position: relative;}
.subheader .seach img{width:100%;}
.subheader .seach .searchtext{position: absolute;width:0px;height: auto;right: 30px;top: -7px;overflow: hidden;transition: 0.2s ease-in-out;}
.headlogopic {width:100px;}
.headlogopic img{width:100%;}
.subcont{position: relative;width: 70%;flex: 0 0 auto;}
.subcont li{position: relative;}
.subcont .drop_menu{position: absolute;background-color: #fff;padding:25px;left: 0px;top:49px;width:700px;z-index: 20; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);transition: 0.2s ease-in-out;opacity: 0;visibility: hidden;display: flex;flex-wrap: wrap;}
/* .drop_menu:active,.drop_menu:focus {position: absolute;width: auto;height: auto;margin: 0;overflow: visible;clip: auto;outline:none;} */
.subcont .drop_menu::before{content: "";width:100%;height:8px;position: absolute;background-image: linear-gradient(to right,#298bc1,#90c320);left: 0px;bottom: 0px;}
.subcont .drop_menu ul li ul{position: absolute;}
.subcont .drop_menu li{text-align: left;width:33%;font-size: 0.9rem;padding-left: 15px;position: relative;margin-bottom: 15px;}
.subcont .drop_menu li a{font-size: 0.9rem;color:#333;padding:0px;transition: 0.2s all ease-in-out;}
.subcont .drop_menu li a:hover{opacity: 0.8;}
.subcont .drop_menu li::before{content: "";width:5px;height:5px;border-radius: 50%;background-color: #9db3cd;position: absolute;left: 0px;top: 5px;}
.subheader .subcont .submenu2{left: -100px;}
.subheader .subcont .submenu3{left: -200px;}
.subheader .subcont .submenu4{left: -332px;}
.subheader .subcont .submenu5{left: -430px;}
.subcont .drop_menu.drop_menu_ope{top:50px;opacity: 1;z-index: 50;height: auto;visibility: visible;}

/*----------------麵包屑---------------*/
.crumb{background-color: #f3f3f3;padding:5px 0px;margin-bottom: 20px;}
.crumb ul{ color:#444;font-size: 0.875rem;position: relative;width: 100%; padding: 5px; overflow : hidden; text-overflow : ellipsis; white-space : nowrap;}
.crumb ul li{display: inline;}
.crumb li + li::before{content: "/";margin:0px 10px;} 
.crumb li:last-child{color:#0f6005}
.crumb li .select{color:#0f6005}
.crumb li a:hover{opacity: 0.8;}

/*----------------topBn---------------*/
.topBn_Area{ width: 100%; background-color: #f8f8f8; padding-bottom: 30px;}
.topBn_Area .top{ width: 100%; background-color: #a4e6f0;}
.topBn_Area .top .topBn{ width: 1200px; height: 225px; margin: 0 auto; background: url(../views/images/img/BN_2000x392.jpg) center center no-repeat; background-size: cover; }
.topBn_Area .bot{ width: 980px; padding: 15px 45px; background-color: #fff; margin: 0 auto; margin-top: -50px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1); margin-bottom: 40px; position: relative;}
.topBn_Area .bot .btn_open{ width: 40px; height: 40px; background: url(../views/images/topBn_nav_toDown.png) no-repeat; position: absolute; left: 50%; margin-left: -20px; bottom: -20px;}
.topBn_Area .bot .btn_open.on{ background: url(../views/images/topBn_nav_toUP.png) no-repeat; }
.topBn_Area .bot .btn_open a{ width: 100%; height: 100%; display: block; cursor: pointer;}
ul.topBn_nav{ display: flex; justify-content: flex-start; flex-wrap: wrap; align-items:stretch; height: 125px; overflow: hidden;}
ul.topBn_nav.on{ height: auto;}
ul.topBn_nav li{ width: 20%; margin-bottom: 30px; padding: 70px 35px 0 35px; font-size: 1rem; text-align: center; color: #222; display: flex; align-items: center; justify-content: center; transition: 0.2s all ease-in-out; position: relative;}
ul.topBn_nav li a{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; line-height: 0; font-size: 0; margin: 5px;}
ul.topBn_nav li:hover{ color: #4a7fc1;}
ul.topBn_nav li:nth-child(1){ background: url(../views/images/topBn_nav_1.png) top center no-repeat; background-size: 70px auto;}
ul.topBn_nav li:nth-child(1):hover{ background: url(../views/images/topBn_nav_1_on.png) top center no-repeat; background-size: 70px auto;}
ul.topBn_nav li:nth-child(2){ background: url(../views/images/topBn_nav_2.png) top center no-repeat; background-size: 70px auto;}
ul.topBn_nav li:nth-child(2):hover{ background: url(../views/images/topBn_nav_2_on.png) top center no-repeat; background-size: 70px auto;}
ul.topBn_nav li:nth-child(3){ background: url(../views/images/topBn_nav_3.png) top center no-repeat; background-size: 70px auto;}
ul.topBn_nav li:nth-child(3):hover{ background: url(../views/images/topBn_nav_3_on.png) top center no-repeat; background-size: 70px auto;}
ul.topBn_nav li:nth-child(4){ background: url(../views/images/topBn_nav_4.png) top center no-repeat; background-size: 70px auto;}
ul.topBn_nav li:nth-child(4):hover{ background: url(../views/images/topBn_nav_4_on.png) top center no-repeat; background-size: 70px auto;}
ul.topBn_nav li:nth-child(5){ background: url(../views/images/topBn_nav_5.png) top center no-repeat; background-size: 70px auto;}
ul.topBn_nav li:nth-child(5):hover{ background: url(../views/images/topBn_nav_5_on.png) top center no-repeat; background-size: 70px auto;}
ul.topBn_nav li:nth-child(6){ background: url(../views/images/topBn_nav_6.png) top center no-repeat; background-size: 70px auto; margin-bottom: 0;}
ul.topBn_nav li:nth-child(6):hover{ background: url(../views/images/topBn_nav_6_on.png) top center no-repeat; background-size: 70px auto;}
ul.topBn_nav li:nth-child(7){ background: url(../views/images/topBn_nav_7.png) top center no-repeat; background-size: 70px auto; margin-bottom: 0;}
ul.topBn_nav li:nth-child(7):hover{ background: url(../views/images/topBn_nav_7_on.png) top center no-repeat; background-size: 70px auto;}
ul.topBn_nav li:nth-child(8){ background: url(../views/images/topBn_nav_8.png) top center no-repeat; background-size: 70px auto; margin-bottom: 0;}
ul.topBn_nav li:nth-child(8):hover{ background: url(../views/images/topBn_nav_8_on.png) top center no-repeat; background-size: 70px auto;}
ul.topBn_nav li:nth-child(9){ background: url(../views/images/topBn_nav_9.png) top center no-repeat; background-size: 70px auto; margin-bottom: 0;}
ul.topBn_nav li:nth-child(9):hover{ background: url(../views/images/topBn_nav_9_on.png) top center no-repeat; background-size: 70px auto;}
ul.topBn_nav li:nth-child(10){ background: url(../views/images/topBn_nav_10.png) top center no-repeat; background-size: 70px auto; margin-bottom: 0;}
ul.topBn_nav li:nth-child(10):hover{ background: url(../views/images/topBn_nav_10_on.png) top center no-repeat; background-size: 70px auto;}

.topBn_nav_m{ display: none;}

/*----------------newsBox-----------------*/
.newsBox{ width: 980px; margin: 0 auto;}
.newsBox .tit{ text-align: center; font-size: 1.5rem; font-weight: 500; margin-bottom: 15px;}
.newsBox .tit::before{ content: ''; width: 20px; height: 3px; margin: 0 auto; margin-bottom: 10px; background-color: #4a7fc1; display: block;}
.newsBox ul.news{ margin-bottom: 10px;}
.newsBox ul.news li{ display: flex; align-items: center; font-size: 1rem; justify-content: space-between; padding: 12px 10px;}
.newsBox ul.news li div:nth-child(1){ margin-right: 10px; padding-left: 25px; position: relative;}
.newsBox ul.news li div:nth-child(1)::before{ content: ''; width: 16px; height: 16px; background: url(../views/images/arrow-orga-blue.png) no-repeat; background-size: 16px auto; display: block; position: absolute; top:50%; margin-top: -8px; left: 0;}
.newsBox ul.news li:nth-child(2n){ background-color: #f1f1f1;}
a.readMore{ width: 60px; height: 25px; display: block; line-height: 23px; text-align: center; padding: 0 5px; border: 1px solid #af5609; color: #af5609; font-size: 0.875rem; border-radius: 99em; margin: 0 auto; transition: 0.2s all ease-in-out;}
a.readMore:hover{ background-color: #af5609; color: #fff;}

/*----------------新手上路區塊-----------------*/
.phase{ width: 980px; margin: 0 auto; padding: 25px 0; display: flex; justify-content: space-between; align-items: flex-start;}
.phase .l_set{ width: 100%; margin-right: 40px;}
.phase .l_set .tit{ font-size: 1.5rem; color: #333; text-align: center; position: relative; margin-bottom: 25px;}
.phase .l_set .tit span{ padding: 0 20px; background-color: #fff;}
.phase .l_set .tit::before{ content:''; width: 100%; height: 1px; background-color: #ddd; display: block; position: absolute; left: 0; top: 50%; z-index: -1;}
.phase .r_set{ width: 210px; flex: 0 0 210px; border: 1px solid #eceaea; border-radius: 10px; overflow: hidden;}
.phase .r_set .tit{ height: 50px; padding: 0 10px; text-align: center; font-size: 1.5rem; background-color: #36a1a0; color: #fff; line-height: 50px;}
.phase .r_set .con{ padding: 25px 15px;}
.phase .r_set p.name{ font-size: 1.25rem; font-weight: 300; color: #333; margin-bottom: 20px;}
.phase .r_set .tag{ width: 120px; height: 30px; line-height: 30px; text-align: center; background-color: #666666; color: #fff; font-size: 1.25rem; margin-bottom: 10px;}
.phase .r_set .badge{ display: flex; flex-wrap: wrap; justify-content: space-between; margin: 10px 20px;}
.phase .r_set .badge.GTLSCA a{ display: block; margin: 0 10px;}
.phase .r_set .badge.GTLSCA img{ width: 130px; }

ul.newHand{ display: flex; flex-wrap: wrap;}
ul.newHand li{ width: 48%; margin-right: 4%; margin-bottom: 25px; padding-top: 210px; text-align: center; border-radius: 10px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1); transition: 0.2s all ease-in-out;}
ul.newHand li:nth-child(2n){ margin-right: 0;}
ul.newHand li p{ padding: 10px 5px; font-size: 1.25rem; color: #6a6c69;}
ul.newHand li p a{}
ul.newHand li:nth-child(1){ background: url(../views/images/newHand_bg1.png) top 15px center no-repeat; background-size: auto 200px;}
ul.newHand li:nth-child(2){ background: url(../views/images/newHand_bg2.png) top 15px center no-repeat; background-size: auto 200px;}
ul.newHand li:nth-child(3){ background: url(../views/images/newHand_bg3.png) top 15px center no-repeat; background-size: auto 200px; margin-bottom: 0;}
ul.newHand li:nth-child(4){ background: url(../views/images/newHand_bg4.png) top 15px center no-repeat; background-size: auto 200px; margin-bottom: 0;}
ul.newHand li:hover{ box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); }
ul.newHand li:hover a{ color: #4a7fc1;}

/*首頁下方藍色選單*/
.bot_navbg{ background-color: #043168; padding: 25px 0;}
.bot_nav_in{ width: 980px; margin: 0 auto; display: flex; justify-content:space-between;}
.bot_nav_in > div{ width: 22%; margin-right: 3%;}
.bot_nav_in > div:last-child{ margin-right: 0;}
.bot_nav_in p.tit{ color: #98feff; font-size: 1rem; font-weight: 500; text-align: center; margin-bottom: 10px;}
.bot_nav_in p.tit a{ color: #98feff;}
.bot_nav_in p.tit::after{ content: ''; width: 100%; height: 1px; background-color: #98feff; display: block; margin-top: 10px;}
.bot_nav_in p.tit.ty2::after{ display: none;}
.bot_nav_in ul{ margin-bottom: 45px;}
.bot_nav_in li{ margin-bottom: 2px;}
.bot_nav_in li a{ color: #fff; font-size: 1rem; transition: 0.2s all ease-in-out;}
.bot_nav_in li a:hover{ color: #98feff;}


/*----------------內容開始-----------------*/
.contain{padding-top: 128px;}
.sr-only {position: absolute;width: 0.063rem;height: 0.063rem;padding: 0.4rem;margin: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0; z-index: 1000000;color: #333; }
.sr-only:active,.sr-only:focus {position: absolute;width: auto;height: auto;margin: 0;overflow: visible;clip: auto;outline:none;}
.content_apply{padding:0px 25px}

/*----------------apply01-----------------*/
.applyblock .pagesize{ position: relative;}
.applyblock .pagesize .hotlink{position: absolute; top: -10px;left: -10px;}
.applyblock .pagesize .hotlink a { color: #484848; font-size: 1rem;}
.applyblock .tit{color:#0050b4;font-size: 1.125rem;margin-bottom: 25px;font-weight: 500;}
.applyblock .inerbox {margin-bottom: 50px;}
.applyblock .inerbox h2{font-size: 1.125rem;background-color: #f0f5fb;color:#222222;padding:10px 25px;position: relative;margin-bottom: 20px;font-weight: 500;}
/*.applyblock .inerbox h2::before{content:"";display: block;width:8px;height:8px;background-color: #2463b2;position: absolute;left: 0px;top: 18px;}*/
.applyblock .inerbox .notice{ background-color: #fff3f3; color: #ad0000; padding: 10px 25px; font-size: 0.8em; line-height: 1.2em; position: relative;}
.applyblock .inerbox .notice::before{content:"";display: block;width:6px;height:6px;background-color: #ad0000;position: absolute;left: 0px;top: 17px;}
.applyblock .inerbox p{font-size: 1rem;line-height: 1.4;}
.applyblock .inerbox p.indent{}
.applyblock .inerbox p.indent::before{ content: ''; width:35px; display: inline-block;}
.cardpicbox{display: flex;flex-wrap: wrap;justify-content:flex-start;margin-bottom: 35px;}
.cardpicbox .card{width:30%;margin:0 1.5%;box-shadow:0px 0px 12px rgba(0, 0, 0, 0.1);padding: 30px 20px;margin-bottom: 20px;cursor: pointer; background-position:  right 10px bottom 10px; background-size: 80px auto; background-repeat: no-repeat; background-color: #fff;}
.cardpicbox .card.iconp1{ background-image: url(../views/images/applycardic01.jpg);}
.cardpicbox .card.iconp2{ background-image: url(../views/images/applycardic02.jpg);}
.cardpicbox .card.iconp3{ background-image: url(../views/images/applycardic03.jpg);}
.cardpicbox .card.iconp1:hover, .cardpicbox .card.iconp2:hover, .cardpicbox .card.iconp3:hover{ background-image: url(../views/images/applycardic03_white.png);}
.cardpicbox .card.iconp4{ background-image: url(../views/images/applycardic04.jpg);}
.cardpicbox .card.iconp5{ background-image: url(../views/images/applycardic05.jpg);}
.cardpicbox .card.iconp6{ background-image: url(../views/images/applycardic06.jpg);}
.cardpicbox .card.iconp4:hover, .cardpicbox .card.iconp5:hover, .cardpicbox .card.iconp6:hover{ background-image: url(../views/images/applycardic04_white.png);}
.cardpicbox .card.iconp7{ background-image: url(../views/images/applycardic07.jpg);}
.cardpicbox .card.iconp7:hover{ background-image: url(../views/images/applycardic07_white.png);}
.cardpicbox .card.iconp8{ background-image: url(../views/images/applycardic08.jpg);}
.cardpicbox .card.iconp8:hover{ background-image: url(../views/images/applycardic08_white.png);}
.cardpicbox .card.iconp9{ background-image: url(../views/images/applycardic09.jpg);}
.cardpicbox .card.iconp9:hover{ background-image: url(../views/images/applycardic09_white.png);}
.cardpicbox .card.iconp10{ background-image: url(../views/images/applycardic10.jpg);}
.cardpicbox .card.iconp11{ background-image: url(../views/images/applycardic11.jpg);}
.cardpicbox .card.iconp12{ background-image: url(../views/images/applycardic12.jpg);}
.cardpicbox .card.iconp10:hover, .cardpicbox .card.iconp11:hover, .cardpicbox .card.iconp12:hover{ background-image: url(../views/images/applycardic10_white.png);}
.cardpicbox .card.iconp13{ background-image: url(../views/images/applycardic13.jpg);}
.cardpicbox .card.iconp14{ background-image: url(../views/images/applycardic14.jpg);}
.cardpicbox .card.iconp15{ background-image: url(../views/images/applycardic15.jpg);}
.cardpicbox .card.iconp13:hover, .cardpicbox .card.iconp14:hover, .cardpicbox .card.iconp15:hover{ background-image: url(../views/images/applycardic13_white.png);}
.cardpicbox .card.iconp16{ background-image: url(../views/images/applycardic16.jpg);}
.cardpicbox .card.iconp17{ background-image: url(../views/images/applycardic17.jpg);}
.cardpicbox .card.iconp16:hover, .cardpicbox .card.iconp17:hover{ background-image: url(../views/images/applycardic16_white.png);}
.cardpicbox .card:hover{background-color: #2463b2;color:#fff;}
.cardpicbox .card:hover .arrow{background-image: url(../views/images/arrow-orga_white.png);}
.cardpicbox .card:hover .arrow::before{background-color: #98feff;}
.cardpicbox .card h3, .cardpicbox .card .title{font-size: 1.125rem;margin-bottom: 30px;position: relative;z-index: 10;  font-weight: bold;}
.cardpicbox .card .arrow{width:40px;height:40px;position: relative;background:url(../views/images/arrow-orga.png)no-repeat center center; background-size: contain;}
.cardpicbox .card .arrow::before{content: "";width:3px;height:40px;background-color: #ee780d;position: absolute;top:0px;left: -20px;}
/*.iconp1,.iconp2,.iconp3,.iconp4,.iconp5,.iconp6,.iconp7,.iconp8,.iconp9{position: absolute;right: 10px;bottom:10px;}*/
.cardpicbox .card .iconp img{width:100%;}

.inerbox .radio_box label{ font-size: 1rem;}

/*----------------apply01 ps_1-----------------*/
.stepblock{background:url(../views/images/stepbg.png)no-repeat center center;background-size: contain;position: relative;padding-top: 20px;padding-bottom: 20px; max-width: 800px;margin: 0 auto;}
.inerbox li{font-size: 1rem;}
.inerbox ul li{padding-left: 15px;position: relative;margin-bottom: 20px;line-height: 1.4;/*word-break: break-all;*/}
.inerbox ul li::before{content: "";width:5px;height:5px;background-color: #7cabe6;border-radius: 50%;position: absolute;left: 0px;top:10px}
.inerbox ul li ol{margin-top: 10px;margin-left: 20px;margin-bottom: 10px;}
.inerbox ul li ol li{list-style: decimal;padding-left: 5px;}
.inerbox ul li ol li::before{background-color: transparent;}
.inerbox a{color:#0050b4;border-bottom: 1px solid #0050b4;font-size: 0.9rem;}
.inerbox a:hover{opacity: 0.8;}
.inerbox ul li img{vertical-align: middle; border: none;}
 hr{border:0;background-color:#dfdfdf;height:1px;}
.ICPS hr{margin-bottom: 40px;}
.ICPS .radioblock{margin-bottom: 40px;}
.ICPS .radioblock .inline{justify-content: center;max-width: 800px;   margin: 0 auto;}
.ICPS .radioblock .radio_box{width:50%;text-align: center;}
.ICPS .radioblock label{font-size: 1rem;cursor: pointer;transition: 0.2s all ease-in-out;}
.ICPS .radioblock label:hover{color:#0052b8}
.btn a{ display: block; background-color: #0052b8;color:#fff; max-width: 200px;border-radius: 30px;margin:0 auto;padding:15px 10px;font-size: 1.125rem;transition: 0.2s all ease-in-out;}
.btn a:hover{opacity: 0.8;}
.ICPS .stepblock .inline{justify-content: space-around;    padding-bottom: 20px;margin-bottom: 40px;}
.ICPS .stepblock .inline::before{content: ""; width:75%;position: absolute;left: 50%;transform: translateX(-50%);height: 1px;display: block;background-color:#cecece;top:35px; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.ICPS .stepblock .inline::before { transform: translateX(-45%);}
}
.ICPS .stepblock .stepdeail{text-align: center;position: relative;padding-top: 40px;transition: 0.2s all ease-in-out;}
.ICPS .stepblock .circle{width:45px;height:45px;border-radius: 50%;border:1px solid #fff;left: 50%;transform: translateX(-50%);position: absolute;top:0px;z-index: 10;background-color: #fff;}
.ICPS .stepblock .circle::before{content: "";display: block;width:10px;height:10px;background-color: #cecece;position: absolute;transform: translate(-50%,-50%);left: 50%;top: 30%;border-radius: 50%;}
.ICPS .stepblock .circle::after{content: "";width:25px;height:25px;border-radius: 50%;border:1px solid #cecece;left: 50%;transform: translateX(-50%);position: absolute;display: block;}
.ICPS .stepdeail h3{font-weight: 500;color:#262626;font-size: 1.25rem;margin-bottom: 10px;}
.ICPS .stepdeail p{font-size: 1rem;color:#4b4b4b;}
.ICPS .stepblock .stepnow{color:#0050b4;}
.ICPS .stepblock .stepnow::before{content: "";display: block;width:10px;height:10px;background-color: #90c320;position: absolute;transform: translate(-50%,-50%);left: 50%;top: 12%;border-radius: 50%;z-index: 10;}
.ICPS3 .centerblock .inline{justify-content: center;}
.ICPS3 .centerblock .btn{width:25%;margin:0px 5px}
.ICPS3 .centerblock .btn a{transition: 0.2s all ease-in-out;} 
.ICPS3 .centerblock .noselebtn a{background-color: #585858;}
.ICPS3 .centerblock .btn a:hover{opacity: 0.8;}
.ICPS ol{font-size: 1rem;margin-bottom: 15px;}
.ICPS ol li{ list-style: decimal;}
.ICPS3  ol li{margin-left: 20px;margin-bottom: 10px;}
.result_block{box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);border-radius: 10px;text-align: center;padding:30px 40px;min-height: 120px;margin-bottom: 40px;}
.result_block h4{color:#0052b8;font-size: 1rem;margin-bottom: 15px;font-weight: 500;}
.result_block h5{font-weight: 500;margin-bottom: 10px;}
.result_block p{font-size: 1rem;line-height: 1.4;}
.result_block .result_list{ display: flex; justify-content: flex-start; flex-wrap: wrap; width: 90%; margin: 0 auto; padding: 5px 0;}
.result_block .result_list li{ padding-left: 0; position:inherit; margin-bottom: 10px; text-align: left; width: 33%; padding-right: 2%;}
.result_block .result_list li::before{ display: none;}
.result_block .result_list li a{ color: #222; border-bottom: 1px solid #222;font-size: 1rem;}
.result_block .result_list2{ display: flex; justify-content:center; width: 90%; margin: 0 auto; padding: 5px 0;}
.result_block .result_list2 li{ margin-bottom: 0; text-align: center; width: 50%; padding: 0 2%; position: relative;}
.result_block .result_list2 li::before{ content:''; width:1px; height: 100%; display: inline-block; background-color: #999; border-radius: 0;}
.result_block .result_list2 li:first-child::before{ display: none;}
.listblock{border:1px solid #89abd5;border-radius: 10px;padding:20px 15px;overflow: hidden; position: relative;margin-top: 10px;}
.listblock::before{content: "";width:220px;height: 100%;background-color: #f0f5fb;left: 0px;top:0px;display: block; position: absolute;}
.listblock .inputbox{ width: 100%; position: relative;z-index: 10;  display: flex;justify-content: space-between;align-items:flex-start;margin-bottom: 25px;}
.listblock .inputbox:last-child{margin-bottom: 0;}
.listblock input[type="text"]{width:100%;background-color: #f5f5f5;border:none;padding:10px;margin-bottom: 0px; flex: 1 1 auto;}
.listblock input[type="text"].half{width:50%;}
.listblock input[type="text"].less{width:33%;}
.listblock .inputbox label{ width: 20%; margin-right: 4%; color:#2463b2;font-size: 1rem;white-space:nowrap;position: relative; padding-left: 10px; display:flex;}
.listblock .inputbox label span{position: absolute;left: 0px;}
.listblock .inputbox input[type="checkbox"] + label{ padding-left: 30px; width: auto; margin-right: 10px;}
.listblock .inputbox input[type="radio"] + span.icon02{ margin-right: 0; margin-left: -28px;}
.listblock .inputbox .radio_box label{ padding-left: 0; display: inline; margin-right: 0;}
.listblock .inputbox .radio_box{ margin-right: 10px;}

.listblock .inputbox .cont{width:75%;display: flex;/*justify-content: space-around;*/align-items: center;}
.listblock .inputbox .cont_area{width:75%;}
.listblock .inputbox .cont_area .cont{ width: 100%; margin-bottom: 15px;}
.listblock .inputbox .cont .inputbox{width:19%;font-size: 1rem;text-align: center;flex: 1 1 auto;margin-bottom: 0px;margin-right: 10px;}
.listblock .inputbox .cont .inputbox label, .listblock .inputbox .cont_area label{ padding-left: 0; width: auto; margin-right: 0;}
.listblock .inputbox .cont select{margin-right: 0;}
.listblock .inputbox .cont select.single{margin-right: 0;}
.listblock .inputbox .cont p{ max-width: 100%;}
.listblock .inputbox .verNum_pic{ width: 130px; height: 50px; margin-right: 15px;}
.listblock .inputbox .verNum_pic img{ width: 100%; height: auto;}
.listblock .offadress{padding-bottom: 20px;position: relative;}
.listblock .offadress .note{position: absolute;left: 220px;z-index: 99;bottom: -5px; font-size: 1rem;color: #df001a;}
.listblock .offadress .note label{ width: auto; margin-right:0; padding-left: 0; display: inline-block;}
.listblock .inputbox .cont .minword{ margin-left: 5px; width: 13%;flex: 1 1 auto;}
.listblock .inputbox .cont .midword{ margin-left: 15px; width: 40%;flex: 1 1 40%; max-width: 100%;}
.listblock .inputbox .cont .halfword{ margin-left: 15px; width: 50%;flex: 1 1 auto;}
.listblock .inputbox .cont .userword{ margin-left: 0px;width: 25%; flex: 1 1 25%;}
.listblock .inputbox .cont a.btn_org{ border-radius: 5px; height: 35px; line-height: 35px; width: 120px; background-color: #af5609; color: #fff; text-align: center; border: none; margin-right: 25px; font-size: 1rem; display: inline-block;}
.listblock .inputbox .cont a.btn_org.right{ margin-right: 0; margin-left: 25px;}
.listblock .inputbox .cont a.btn_re{ width: 30px; height: 30px; border-radius: 5px; background: #0052b8 url(../views/images/btn_refresh.png) no-repeat; background-size: contain; margin-right: 15px; line-height: 0; font-size: 0; overflow: hidden;}
.listblock .inputbox .cont a.btn_new{ width: 30px; height: 30px; border-radius: 5px; background: #0052b8 url(../views/images/btn_new.png) no-repeat; background-size: contain; margin-left: 15px; line-height: 0; font-size: 0; overflow: hidden;}
.listblock .inputbox .cont a.btn_del{ width: 30px; height: 30px; border-radius: 5px; background: #0052b8 url(../views/images/btn_del.png) no-repeat; background-size: contain; margin-left: 15px; line-height: 0; font-size: 0; overflow: hidden;}
.listblock .note3{padding-bottom: 40px;position: relative;}
.listblock .note3 .note{font-size: 1rem; position: absolute; padding-left: 220px;bottom: -5px; left: 0;}
.btnmore .inline .btn{width:19%; margin:0px 10px 15px 10px;}
.btnmore .inline .btn a{font-size: 1.125rem;}
.inerbox p{margin-bottom: 5px;}
.ICPS3 .btnmore .inline{flex-wrap: wrap; justify-content: center;}
.btnmore{margin-bottom: 30px;}
.ICPS3  .btnmoreinline .inline{justify-content: center;}
.ICPS3  .btnmoreinline .inline .btn{ width: auto; min-width:19%;margin:0px 5px; max-width: 25%;}

.botInfo_box{ border-top: 1px solid #dfdfdf; padding-top: 40px;}
.botInfo_box .centerblock{ margin-bottom: 40px;}
.botInfo_box .detail{ padding: 30px 60px; background-color: #f9f9f9; margin-bottom: 40px; font-size: 1rem; line-height: 1.4;}
.botInfo_box .detail .detail_tt{ text-align: center; font-weight: 500; margin-bottom: 20px;}
.botInfo_box .detail ul.num{ margin-left: 20px;}
.botInfo_box .detail ul.num li{ list-style: decimal; margin-bottom: 10px; padding-left: 20px;}
.botInfo_box .detail a{color:#0050b4;border-bottom: 1px solid #0050b4;font-size: 0.9rem;}
.botInfo_box .detail a:hover{opacity: 0.8;}

/*----------------printpage-----------------*/
.printpage .pagesize{padding:0;text-align: center;}
.printpage h1 ,.printpage h2{font-size: 1.56rem;color:#222222;font-weight: bold;margin-bottom: 40px;}
.printpage h1{padding-top: 50px;}
.printpage .dateinfo{width:100%;font-size: 1rem;color:#555555;margin-bottom: 10px;}
.printpage .dateinfo .inline{justify-content: space-between;}
.printpage input[type="text"]{padding:5px 10px;font-size: 1.125rem;color:#333333;border:none;border-radius: 5px;  margin-bottom: 0px;}
.printpage td{/*text-align: left;*/}
.printpage th{border:5px solid #cccccc;padding:15px 10px;color:#222222;font-size: 1.125rem;font-weight: 500; text-align: center;}
.printpage .tableblock caption{border:5px solid #cccccc;padding:15px 10px;color:#222222;font-size: 1.125rem;font-weight: 500;}

.printpage td{/*border:1px solid #cecece;*/padding:15px 15px;vertical-align: middle;color:#222222;font-size: 1rem;border-right: 1px solid #cecece;border-top: 1px solid #cecece;}
.printpage td.stamp{ height: 180px; width: 50%;}
.printpage table{border-collapse: inherit;margin-bottom: 20px;/*border: 1px solid #cecece;*/ text-align: left; border-left: 1px solid #cecece;border-bottom: 1px solid #cecece;}
.printpage .note{font-size: 0.875rem;color: #555555;line-height: 1.4;}
.printpage p{text-align: left;color:#222222;font-size: 1rem;margin-bottom: 20px;}
.tableblock {margin-bottom: 50px;}
/*.printpage .sealblock th{border:1px solid #cecece;padding:25px 15px;vertical-align: middle;color:#222222;font-size: 1rem;}
.printpage .sealblock td{padding:80px 10px}*/
.printpage  .mbmore{margin-bottom: 80px;}

/*----------------tab-----------------*/
.tab{display: flex;margin-bottom: 30px;}
.tab li{width: 50%;border:1px solid #e5e5e5;border-bottom: none;text-align: center;padding:15px;color:#666666;position: relative;}
.tab li a{ top:0 ; bottom: 0; right: 0; left: 0; position: absolute; line-height: 0; font-size: 0; overflow: hidden;}
.tab li::after{content:"";width: 100%;height: 5px;background-color: #e5e5e5;position: absolute;bottom:0px;left: 0px; }
.tab .select{border:1px solid #2694b7;border-bottom: none;color:#2894ba;}
.tab .select::after{content:"";width: 100%;height: 5px;background-image: linear-gradient(to right,#2a8bc2,#90c320);position: absolute;bottom:0px;left: 0px;}

/*----------------qabox_vis-----------------*/
.qabox_vis{background-color: #f0f5fb;padding:20px 20px 20px 20px;margin-bottom: 25px;box-shadow: 8px 5px 0px rgba(205,212,220,0.8);}
.qabox_vis .tit{position: relative;left: -30px;background-color: #268078;color:#fff;padding:8px 10px;display: inline-block;margin-bottom: 10px;top: -5px;}
.qabox_vis p{color:#55677d;font-size: 1rem;line-height: 1.4;}
.qabox_vis .list_tit{margin-bottom: 10px;font-weight: 600;}
.qabox_vis .inerbox{margin-bottom: 10px;}
.qabox_vis .inerbox li{margin-bottom: 5px;color:#2f4666;}
.qabox_vis:last-child{margin-bottom: 40px;}
.row2 li{float: left;width:49%;margin-right: 2%;}
.row2 li:nth-of-type(2n){margin-right: 0%;}

/*---------------ti_libx-----------------*/
.con_rbt{text-align: right; margin-bottom: 15px;}
.con_rbt a{margin-right: 30px;color:#4b4b4b;border-bottom: 1px solid #4b4b4b;font-size: 1rem;display: inline-block;position: relative;}
.con_rbt a::before{content:"";width:20px;height:20px;background:url(../views/images/arrow-orga-blue.png)no-repeat center center / contain;display: block;position: absolute;right: -25px;top: 3px;}
.ti_libx .tab{padding-bottom: 15px;position: relative;}
.ti_libx .tab::after{content:"";width:100%;height: 1px;display: block;border-bottom: 1px solid #316eba;position: absolute;left: 0px;bottom:-2px;z-index: 1;}
.ti_libx .tab a{width: 9.1%;margin-right: 1%;border:1px solid #dcdcdc;font-size: 1rem;border-radius: 5px;padding:8px;text-align: center; display: block;}
.ti_libx .tab .select{background-color: #af5609;color:#fff;background-image: none;border:1px solid #af5609;position: relative;}
.ti_libx .tab .select::after{content: ""; background-image: none;width: 10px; height: 10px; border-top: 1px solid #316eba; border-right: 1px solid #316eba; transform: rotate(135deg);display: block;position: absolute;bottom: -23px; left: 35px;background-color: #fff; z-index: 2;}
.ti_libx .cont{padding:0px 20px;}
.ti_libx .cont .tit{color:#af5609;font-size:1.85rem;font-weight: bold;margin-bottom: 5px;}
.ti_libx .evenbx{border-left: 2px solid #af5609;padding:10px 0px 0px 20px;margin-bottom: 45px;}
.ti_libx .evenbx li{display: flex;font-size: 1rem;color:#222222;margin-bottom: 25px;}
.ti_libx .evenbx li .tm{width:50px;flex:0 0 auto;margin-right: 20px;color:#af5609;font-weight: bold;position: relative;}
.ti_libx .evenbx li .tm::before{content:"";position: absolute;left: -26px;width: 10px;height: 10px;background-color:#af5609;border-radius: 50%;top:7px;}
.ti_libx .evenbx li .even{width: 100%;flex: 1 1 auto;border-bottom: 1px dotted #aaaaaa;padding-bottom: 10px;}
.ti_libx .evenbx li a{color: #0050b4;border-bottom: 1px solid #0050b4;font-size: 0.9rem;}
.ti_libx .evenbx li a:hover{opacity: 0.8;}
.ti_libx .evenbx li .even ol{ list-style: decimal; margin-left: 20px;}
.ti_libx .evenbx li .even li{ margin-bottom: 5px; display:list-item; padding-left: 5px;}

/*---------------form_bx-----------------*/
.form_bx{display: flex;flex-wrap: wrap;margin-bottom: 25px;}
.pagesize .form_bx .pdf_fm{border-top: 4px solid #eb656d;}
.pagesize .form_bx .zip_fm{border-top: 4px solid #f5a613;}
.pagesize .form_bx .xls_fm{border-top: 4px solid #7fbd2e;}
.pagesize .form_bx .cert_fm{border-top: 4px solid #1c7839;}
.pagesize .form_bx .key_fm{border-top: 4px solid #bc8e13;}
.form_bx .lit_fm{width: 49%;margin:0px 2% 20px 0px;border-top: 4px solid #2c89ca;background-color: #fff;box-shadow: 0px 0px 12px rgba(171,183,196,0.5);padding:25px 20px;}
.form_bx .lit_fm:nth-of-type(2n){margin-right: 0%;}
.form_bx .lit_fm .tit{color:#2463b2;font-size: 1.125rem;margin-bottom: 5px;}
.form_bx .lit_fm p{font-size: 1rem;}
.form_bx .lit_fm a.link{color: #0050b4; border-bottom: 1px solid #0050b4; font-size: 0.9rem;}
.form_bx .lit_fm a.link:hover{opacity: 0.8;}
.form_bx .lit_fm img{width:40px; margin-bottom: 5px;margin-right: 10px; border: none;}
.form_bx .lit_fm img:last-child{margin-right: 0px;}
.form_bx .lit_fm ol{ list-style: decimal; margin-left: 20px;}
.form_bx .lit_fm li{ font-size: 1rem;padding-left: 5px; margin-bottom: 2px;}
.form_bx .lit_fm .pic{ margin-bottom: 10px;}
.form_bx .lit_fm .pic.multiple{ display: flex; align-items: center; flex-wrap: wrap; }
.form_bx .lit_fm .pic.multiple img{ margin: 5px 0 0 0; }
.form_bx .lit_fm a.download{ width: 80px; height: 35px; line-height: 35px; text-align: center; display: inline-block; color: #fff; border-radius: 8px;}
.form_bx .lit_fm a.download.url{ background-color: #2c89ca;}
.form_bx .lit_fm a.download.word{ background-color: #0779bc;}
.form_bx .lit_fm a.download.pdf{ background-color: #eb656d;}
.form_bx .lit_fm a.download.zip{ background-color: #f5a613;}
.form_bx .lit_fm a.download.xls{ background-color: #7fbd2e;}
.form_bx .lit_fm a.download.cert{ background-color: #1c7839;}
.form_bx .lit_fm a.download.key{ background-color: #bc8e13;}

.form_bx .lit_fm_typ2{ width: 23%; box-shadow: 0px 0px 12px rgba(171,183,196,0.5); text-align: center; margin:0 1% 20px 1%; padding: 40px 40px 90px 40px; position: relative; font-size: 0.9em;}
.form_bx .lit_fm_typ2::before{ content:''; width: 0; height: 0; position: absolute; top: 10px; left: 10px; border-style: solid; border-width: 20px 20px 0 0; border-color: #12798b transparent transparent transparent;}
.form_bx .lit_fm_typ2 a.btn_lake{ border-radius: 4px; width: 160px; height: 45px; background-color: #12798b; line-height: 45px; text-align: center; padding: 0 10px; color: #fff;display: block; position: absolute; bottom: 20px; left: 50%; margin-left: -80px;}


/*---------------pagination----------------*/
.paginationbx{max-width: 400px;text-align: center;margin: 0 auto;margin-bottom: 25px;}
.paginationbx li{display: inline-block;}
.paginationbx a{border-bottom: 1px solid #2463b2;font-size: 1rem;display: inline-block;color:#2463b2;margin:0px 8px;}
.paginationbx .select{background-color: #2463b2;color:#fff;padding:1px 7px ;border-radius: 2px;}

/*---------------count_infm----------------*/
.contain .onlytit{margin-bottom: 10px;}
.contain .voidinfm{border:1px solid #ad3836;}
.contain .voidinfm .cir_t ,.contain .voidinfm hr , .contain .voidinfm  .dialogbx {background-color:#ad3836;}
.contain .voidinfm  .nm_t {color:#ad3836;}
.contain .voidinfm  .dialogbx::before{border-top: 2px solid #ad3836; border-right: 2px solid #ad3836;background-color:#ad3836;}
.count_infm{border:1px solid #24864b;margin-bottom: 25px;}
.count_infm .tp_area,.count_infm .bt_area{padding:10px 25px;position: relative;}
.contain .count_infm .cir_t span{font-weight: bold;}
.count_infm .cir_t ,.count_infm .nm_t{display: inline-block;}
.count_infm .cir_t{background-color:#24864b;color:#fff; text-align: center; padding:18px 25px;border-radius: 99em;margin-right: 10px;}
.count_infm .nm_t {color:#24864b;font-size: 2rem;position: relative;top: 5px;}
.count_infm .nm_t span{display: block;color:#636363;font-size: 1rem;}
.count_infm .dialogbx{position: absolute;width: 400px;text-align: left;right: 25px;top:50%;transform: translateY(-50%);background-color: #24864b;color:#fff;padding:15px 25px;border-radius: 10px;}
.count_infm .dialogbx::before{content: ""; display: block; width: 17px; height: 17px; border-top: 2px solid #24864b; border-right: 2px solid #24864b; transform: rotate(45deg);background-color: #24864b;position: absolute;left: -5px;top: 20px;}
.count_infm .dialogbx span{position: absolute;right: 20px;}
.count_infm  hr{border:0;background-color:#24864b;height:1px;}
.row{display: flex;}
.count_infm  .row .box{width: 49%;margin-right: 2%;}
.count_infm  .row .box:last-child{margin-right: 0%;}
.count_infm .bt_area .lst{color:#0050b4;font-size: 1rem;margin-bottom: 10px;padding-left: 15px;}
.count_infm .bt_area li{color:#3c3c3c;border-bottom: 1px solid #f4f4f4;padding:8px 25px;position: relative;font-size: 1rem;}
.count_infm .bt_area li:last-child{border-bottom: none;}
.count_infm .bt_area li span,.count_infm .bt_area .tit span{position: absolute;right: 15px;}
.count_infm .bt_area .tit{padding: 8px 25px;font-size: 1rem;background-color: #f4f4f4;position: relative;font-weight: 400;color: #3c3c3c; margin-bottom: 5px;}
.count_infm .bt_area .tit::before{content:"";display: block;width: 5px;height: 5px;background-color: #0050b4;border-radius: 50%;position: absolute;left:13px; top:18px;}


/*----------------table-----------------*/
table.tab_info{ border-left: 1px solid #89abd5; border-bottom: 1px solid #89abd5; font-size: 1rem;}
.tab_info td{ border-right: 1px solid #89abd5; border-top: 1px solid #89abd5; padding: 20px;}
.tab_info th{ text-align: left; font-weight: 500; padding: 20px 25px; border-right: 5px solid #89abd5; vertical-align:inherit;}
.tab_info th.topLine{ border-top: 1px solid #89abd5;}

table.tab_info.ty2 th{ text-align: center; border-right:none; border-top: 1px solid #89abd5; border-bottom: 4px solid #89abd5;}
table.tab_info.ty2 th:last-child{ border-right:1px solid #89abd5;}
table.tab_info.ty2 td{ vertical-align: inherit;}
table.tab_info.ty2 tr:nth-child(2n+1) td{ background-color: #fafafa; }
table a.btn_org{ border-radius: 5px; height: 35px; line-height: 35px; width: 120px; background-color: #f99615; color: #fff; text-align: center; border: none; margin: 0 auto; font-size: 1rem; display:block;}
table a.btn_blue{ border-radius: 5px; height: 35px; line-height: 35px; width: 120px; background-color: #2463b2; color: #fff; text-align: center; border: none; margin: 0 auto; font-size: 1rem; display:block;}

/*----------------Q&A-----------------*/
ul.qaList{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
ul.qaList li{ width: 31%; margin-right: 2%; margin-bottom: 40px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1); padding: 0 0 60px 0; position: relative;  background: url(../views/images/qaList_bg.png) right -5px bottom -10px no-repeat; background-size: 125px auto;}
ul.qaList .qaList_tt{ height: 45px; line-height: 45px; background-color: #e0e0e0; text-align: center; font-size: 0.9em;}
ul.qaList .qaList_content{ padding: 20px 15px;}
ul.qaList .detail{ padding-left: 15px; font-size: 0.8em; margin-bottom: 10px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; position: relative;transition: 0.2s all ease-in-out;}
ul.qaList .detail::before{ content:''; width:5px; height:5px; background-color: #545454 ;border-radius: 99em; position: absolute;left: 0px;top:10px}
ul.qaList li .toGo{ width: 40px; height: 60px; background: url(../views/images/arrow-orga.png) top left no-repeat; background-size: contain; position: absolute; bottom: 0; left: 50%; margin-left: -20px;}
ul.qaList li .toGo::after{ content:''; width: 40px; height: 3px; background-color: #ee780d; position: absolute; bottom: 0; left: 0;}
ul.qaList li a{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; line-height: 0; font-size: 0; overflow: hidden;}
ul.qaList li:hover { background: #2463b2 url(../views/images/qaList_bg_w.png) right -5px bottom -10px no-repeat; background-size: 125px auto; }
ul.qaList li:hover .qaList_tt{ background-color: #084591; color: #fff;}
ul.qaList li:hover .detail{ color: #fff;}
ul.qaList li:hover .detail::before{ background-color: #fff;}
ul.qaList li:hover .toGo{ background: url(../views/images/arrow-orga_white.png) top left no-repeat; background-size: contain;}
ul.qaList li:hover .toGo::after{ background-color: #98feff;}

.question{ margin: 0 0 20px;}
.question ul > li{ margin-bottom: 10px;}
.question ul li .quest{ font-size: 0.9em; border:1px solid #dadada; color:#2463b2; cursor:pointer; line-height: 1.2em; position: relative; display: flex; align-items:stretch;}
.question ul li .quest p{ padding: 15px;}
.question ul li .quest a{ color:#2463b2; position: absolute; top: 0; bottom: 0; right: 0; left: 0; display: block; line-height: 0; font-size: 0; overflow: hidden;}
.question ul li .ic_q{ width: 45px; height: auto; background-color: #2463b2; color:#fff; text-align: center; display: flex; align-items: center; justify-content: center;}
.question ul li .ic_q span{ width: 45px;}
.question ul li .answer{ display:none; padding: 20px 0; font-size: 0.8em; line-height: 1.6;}

.tab_BW{ border-right: 1px solid #dadada; border-bottom: 1px solid #dadada;}
.tab_BW td, .tab_BW th{ border-left: 1px solid #dadada; border-top: 1px solid #dadada; padding: 20px;}
.tab_BW th{ background-color: #f1f1f1; text-align: center;}

/*----------------function-----------------*/
ul.function li{ display: flex; align-items:stretch; box-shadow:0px 0px 12px rgba(0, 0, 0, 0.1); margin-bottom: 25px;}
ul.function li .l_set{ width: 115px; padding: 20px 15px 130px 15px; color: #222; font-size: 1.2rem; position: relative; transition: 0.2s ease-in-out;}
ul.function li .l_set::before{ content:''; width: 3px; height: 40px; display: block; background-color: #ee780d; position: absolute; left: 0; top:15px; transition: 0.2s ease-in-out;}
ul.function li .l_set::after{ content:''; width: 20px; height: 100%; display: block; background: url(../views/images/function_shadow.png) repeat-y; position: absolute; right: 0; top:0;}
ul.function li .r_set{ width: calc( 100% - 115px); padding: 20px;}
ul.function li:nth-child(1) .l_set{ background:url(../views/images/function1_bg.png) center bottom 15px no-repeat;}
ul.function li:nth-child(2) .l_set{ background:url(../views/images/function2_bg.png) center bottom 15px no-repeat;}
ul.function li:nth-child(3) .l_set{ background:url(../views/images/function3_bg.png) center bottom 15px no-repeat;}
ul.function li:nth-child(4) .l_set{ background:url(../views/images/function4_bg.png) center bottom 15px no-repeat;}
ul.function li:nth-child(5) .l_set{ background:url(../views/images/function5_bg.png) center bottom 15px no-repeat;}
ul.function li:nth-child(6) .l_set{ background:url(../views/images/function6_bg.png) center bottom 15px no-repeat;}

ul.list li{ box-shadow: none; display: inherit; border-bottom: 1px solid #a8c3e4; color:#333; padding-bottom: 20px; margin-bottom: 20px; font-size: 1rem;}
ul.list li:last-child{ border-bottom: none; margin-bottom: 0;}
ul.list li .heading{ margin-bottom: 5px;}
ul.list li .heading a{ color: #0f6005;}
ul.list li:hover p{ color: #2463b2;}

ul.function li:hover .l_set{ color: #fff;}
ul.function li:hover .l_set::before{ background-color: #98feff; }
ul.function li:nth-child(1):hover .l_set{ background:#2463b2 url(../views/images/function1_bg_on.png) center bottom 15px no-repeat;}
ul.function li:nth-child(2):hover .l_set{ background:#2463b2 url(../views/images/function2_bg_on.png) center bottom 15px no-repeat;}
ul.function li:nth-child(3):hover .l_set{ background:#2463b2 url(../views/images/function3_bg_on.png) center bottom 15px no-repeat;}
ul.function li:nth-child(4):hover .l_set{ background:#2463b2 url(../views/images/function4_bg_on.png) center bottom 15px no-repeat;}
ul.function li:nth-child(5):hover .l_set{ background:#2463b2 url(../views/images/function5_bg_on.png) center bottom 15px no-repeat;}
ul.function li:nth-child(6):hover .l_set{ background:#2463b2 url(../views/images/function6_bg_on.png) center bottom 15px no-repeat;}


/*----------------application-----------------*/
ul.link_list{ font-size: 1rem; padding-bottom: 30px;}
ul.link_list li{ border-bottom: 1px solid #dadada; padding: 0 0 20px 30px; margin-bottom: 20px; position: relative;}
ul.link_list li::before{ content:''; width: 5px; height: 5px; background-color: #ee780d; border-radius: 99em; display: block; position: absolute; left: 12px; top: 10px; transition: 0.2s ease-in-out;}
ul.link_list li a{ transition: 0.2s ease-in-out;}
ul.link_list li:hover a{ color: #2463b2;}
ul.link_list li:hover::before{ background-color: #2463b2;}


/*----------------siteMap-----------------*/
ul.site{}
ul.site li{ border-bottom: 1px solid #dadada; padding: 10px 12px; margin-bottom: 0; font-size: 1rem;}
ul.site li.title{ font-weight: bold; background-color: #f0f5fb; padding: 16px 12px;}
ul.site li::before{ display: none;}
ul.site li a{ font-size: 1rem; border-bottom: none; color: #222;}
ul.site li:hover a{ color: #0050b4;}

/*----------------footer-----------------*/
footer{background-color: #eeeeee;padding:30px 0px;font-size: 1.125rem;}
footer .pagesize{position: relative;}
footer .hotlink{position: absolute; top: -10px;left: -10px;}
footer .hotlink a{ color: #484848;}
footer .pagesize::after{content: "";  display: block;height: 0; clear: both;}
footer .footernav{float: right;font-size: 0.875rem;color:#696969;}
footer .footernav li img{vertical-align: middle;margin-right: 5px;position: absolute;left: 0px;top: 3px;}
footer .footernav li span{position: absolute;left: 30px;}
footer .footernav li {position: relative;padding-left: 120px;width:100%;margin-bottom: 5px; line-height: 1.4;}
footer .footernav li:nth-child(1), footer .footernav li:nth-child(2){ background:url(../views/images/fooicon01.png) left top no-repeat; background-size: 20px auto;}
footer .footernav li:nth-child(3){ background:url(../views/images/fooicon02.png) left top no-repeat; background-size: 20px auto;}
footer .footernav li:nth-child(4){ background:url(../views/images/fooicon03.png) left top no-repeat; background-size: 20px auto;}
.footerlogobox .headerLogo{ margin-bottom: 10px; width: 180px; height: 28px; background-size: auto 28px;}
.footerlogobox ul {display: flex;font-size: 0.875rem; margin-bottom: 10px;}
.footerlogobox li + li::before{content: "｜";}
.footerlogobox li a{color:#696969;}
.footerlogobox li a:hover{color:#1999b2}


/*----------------pop-----------------*/
.pop_overlay{position:fixed; top: 0; left: 0;  width: 100%; height: 100%; display: flex; background: rgba(0,0,0,0.8); justify-content: center; align-items: center; z-index: 99;}
.pop{  position: fixed; top:60px; left: 50%; margin: 0 -300px; background: #fff;  width:600px;  color:#333; box-sizing: border-box; z-index: 100; overflow: hidden;}
.pop .pop_heading{ height: 80px; line-height: 80px; font-size: 1.25em; text-align: center; background-color: #2463b2; color: #fff; position: relative; padding: 0 50px;}
.pop .pop_heading a{ width: 20px; height: 20px; background: url(../views/images/pop_btn_close.png) no-repeat; background-size: contain; position: absolute; right: 20px; top:30px; line-height: 0; font-size: 0; overflow: hidden;}
.pop .in{ padding: 45px; font-size: 0.8em; text-align: center;}
.pop .info{ margin-bottom: 30px;}
.pop .realred{color:#df001a}
.pop .ver_box{ display: flex; justify-content: center; align-items: center; padding: 10px 0;}
.pop .ver_pic{ width: 130px; height: 50px; margin-right: 15px;}
.pop .ver_pic img{ width: 100%; height: auto;}
.pop a.btn_re{ width: 30px; height: 30px; border-radius: 5px; background: #0052b8 url(../views/images/btn_refresh.png) no-repeat; background-size: contain;transition: 0.2s all ease-in-out; line-height: 0; font-size: 0; overflow: hidden;}
.pop a.btn_re:hover{ opacity: 0.8;}
.pop input[type="text"]{width:80%;background-color: #f5f5f5;border:none;padding:10px;margin-bottom: 0px; text-align: center;}
.pop .btns{ display: flex; justify-content: center;}
.pop .btns .btn{ margin: 0 5px;}
.pop .btns .btn a{ max-width: none; padding: 15px; min-width: 200px;}
.pop .btns .btn.noselebtn a{ background-color: #585858;}

.pop table.tab_info{ text-align: left; font-size: 1em;}
.pop table.tab_info td, .pop table.tab_info th{ padding: 15px 10px;}

/*----------------go Top----------------*/
.go_top{ font-size: 14px; background:rgb(18, 121, 139); width:60px; height:60px; position:fixed; bottom: -60px; right:10px; line-height:60px; text-align: center; box-sizing: border-box; color:#fff; border-radius: 99em; -webkit-transition: all 0.6s ease;-ms-transition: all 0.6s ease; transition: all 0.6s ease; z-index: 999;}
.go_top.sticky{ bottom:70px;}
.go_top a{ width:100%; height:100%; display:block; position:absolute; top:0; left:0;}

/*----------------print----------------*/
@page { size: A4 portrait; margin: 0.8cm 0.8cm 1.6cm 0.8cm;}

@media print {
    .printpage{ color: #000 !important; font-size: 12pt; }
    .printpage .pagesize{ width: 100%;}
    .printpage h1{padding-top: 25px;}
    .printpage td{ padding: 18px 15px;}
    .tableblock th, .tableblock td{ width: auto;}
    .wrapper .printpage .realred{ color: #000;}

}



/*無障礙tab時提示邊框*/
@keyframes accessible-hint {
	0%{
		outline: 3px dotted red;
	}
	50%{
		outline: 3px dotted transparent;
	}
}

a:focus, button:focus, input:focus, select:focus{ 
	outline: 3px dotted red;
	animation-name: accessible-hint;
	animation-duration: 1.8s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}


/* 不支援JavaScript時, <noscript>內容之css */
.not-support-javascript{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 200;
	height: 100%;
	width: 100%;
	background-color: black;
	opacity: 0.8;
}

.not-support-javascript p{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 70%;
	text-align: center;
	color: #fff;
	font-size: medium;
	line-height: 30px;
}