@charset "utf-8";
/*--body---------------------------------------------------------------------------------------------------*/
body,p,h1,h2,h3,dl,dt,dd{margin:0;padding:0;line-height:normal}
body,p,td,div{line-height:150%}
h1{font-size:20pt}
h2{font-size:15pt}
h3{font-size:13pt;padding-top:10px;padding-bottom:5px}
body,td,li{font-family:Arial,Helvetica,sans-serif;font-size:11pt;color:#666}
img{max-width:100%}
*{box-sizing: border-box;}

/* 回頂端 */
#goTop{border:1px solid #CCC;color:#fff;background:#058db1;text-align:center;position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:50px;cursor:pointer;display:none;border-radius:100%;box-shadow:#EEE 0 0 5px}
#goTop .fa{font-size:18px;padding:14px}
#goTop:hover{background:#066179;color:#FFF}

/*共用*/
.bg-orange{background:#ff1c98}
.bg-green{background:#054ab1}

.navColor1{background: #fc8500;}
.navColor2{background: #ffb804;}
.navColor a:hover img{--pos:40%;mask:linear-gradient(to right,rgba(0,0,0,0.65) var(--pos),#000 var(--pos));}

.fa{padding-right:10px}
.pd-5px td{padding:0 5px}
.mg-top{margin-top:30px}
.mg-bottom{margin-bottom:30px}
.box-shadow{box-shadow:0 0 10px #ccc;border:1px solid #ccc}

/* 選單 */
div#main{/* background-image:url(images/body-bg.gif); */background-repeat:repeat-x;background-position:left top;text-align:center}
div#main #menu{position: relative;background: #249fbe;text-align:center}
div#main #menu tr td{padding:0;line-height:100%}
div#main #top{/* background-color:#EAEBEB; */padding:4px;text-align:right;display:inline-block;width: 100%;max-width: 1024px;margin: auto; /* 不斷行 */}
div#main #top a{/* display: inline-block; */}

/* 共用內容 */
div#main #contact{max-width: 1024px;display:block;margin-left: auto;margin-right: auto;padding:30px 0;}
.title{overflow: hidden;background:url(images/bg.jpg) repeat; text-align:center; padding:20px 0;}/*標題圖*/
div#main #contact .inside{padding-left:30px;padding-right:30px;line-height: 160%;text-align:left; letter-spacing:1px; text-align:justify;} /*內文縮排設定*/

/* 表尾 */
div#bottom{text-decoration:none;background-color:#B6B5B5;text-align:center;font-size:9pt}
div#bottom #down{max-width:900px;padding:1rem;display:inline-block}
div#bottom #down .dleft{float:left}
div#bottom #down .dright{float:left;color:#fff;background-color:#B6B5B5;text-align:left;padding-top:15px}
.menuBtn{display:none;cursor:pointer;position:absolute;right:0;top:23vw;padding:1rem;border:none;background:#fbb716;font-weight:700}
.menuBtn:hover{background:#cc9000}
.menuTable a{display:block}
.menuTable .menu-color1{background-color:#fbb716}
.menuTable .menu-color2{background-color:#97d903}
.menuPic{background-position:center;background-repeat:no-repeat}
	
/*-txt link-----------------------------------------------------------------------------------------------*/
a{text-decoration:none;color:#666}
a:hover,a:active,a:focus{color:#058db1;text-align:center;text-decoration:none;text-decoration:none;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.click{color:#666;text-decoration:none}
.click:hover{color:#3060B7;text-decoration:none}

/*--font---------------------------------------------------------------------------------------------------*/
.font8pt{font-size:8pt;}
.font10pt{font-size:10pt;}
.black {color: #000000;}
.brown {color: #BA5A10;}
.blue {color: #058DB1;}
.blue2 {color: #8ABDD8;}
.red {color: #CC0000;}
.green {color: #026F8C;}
.orange {color: #FF6600;}
.yellow {color: #FE7904;}
.white {color: #FFFFFF;}
/*--line-------------------------------------------------------------------------------------------------*/
.hr1 {border-bottom: 1pt dotted #E2E2E2;}

/*--form-------------------------------------------------------------------------------------------------*/
dl{display: flex;flex-wrap: wrap;}
dt{text-align:right;width:185px;margin-right:1px;margin-bottom:1px;padding:2px;color:#fff;font-weight:700}
dt.bg_bule{background-color:#8ABDD8}
dt.bg_orange{background-color:#efb5d5}
dd{width: calc(100% - 240px);line-height: 1.8;margin:0 0 0 5px;padding: 10px;border-bottom: dotted 1px #ccc;}
div#form{display:inline-block;padding-left:20px;padding-right:20px}
div.btn_area{clear:both;text-align:center;padding:10px}
input.text{width:200px;border:solid 1px #999;margin-bottom:3px}
input.text2{border:solid 1px #999}
input.submit{border:1px solid #A4B8D9;filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF',endColorStr='#DFE8F7',gradientType='0');font:11px Verdana,Tohoma,Arial;color:#2D4E95;background:#dfe8f7;padding-top:3px}
input.submit2{border:1px solid #A4B8D9;filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF',endColorStr='#DFE8F7',gradientType='0');font:11px Verdana,Tohoma,Arial;color:#668000;background:#dfe8f7;padding-top:3px}
input.submit3{border:1px solid #A4B8D9;filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF',endColorStr='#DFE8F7',gradientType='0');font:11px Verdana,Tohoma,Arial;color:#C30;background:#dfe8f7;padding-top:3px}
.readme{text-align:left;padding:20px;background-color:#FFF;border:solid 1px #ccc;margin:10px;box-shadow:0 0 10px #ccc}
.readme2{text-align:center;background-color:#ededed;border:solid 1px #ccc;margin:10px 0;padding:10px 0}
.readme td:nth-child(odd),.readme .mm td,.readme .blue-d{background:#058db1;color:#fff;text-align:center}
.readme td:nth-child(even){border-bottom:1px solid #058db1}
.readme td.ww{background:#fefefe;color:#333;border-bottom:1px solid #058db1}
.readme .text-box li{padding-right:10px;text-align:justify;color:#fff}

/*-------------------------------------------------------------------------------------------------------*/
/*頁碼*/
.page-number{margin-top:30px;font-size:14px}
.page-number a{display:inline-block;width:50px;height: 50px;padding-top:15px;background:#e0e0e0;color:#333;border-radius:100%;text-decoration:inherit}
.page-number a:hover{color:#fff;background:rgba(5,141,177,.6)}

/*最新消息*/
.news-box{color:#000}
.news-box .sort td{background:rgba(5,141,177,.5);color:#fff}
.news-box td{padding:10px;letter-spacing:1px}
.news-box .date{width:20%;background:#058db1;color:#fff;text-align:center}
.news-box .number{width:8%}
.line_d2{border-bottom:1px inset #ccc}
.btn-wrap{text-align:center}
.btn-wrap a{text-decoration:inherit}
.btn-wrap .btn{display:inline-block;padding:5px 50px 5px 30px;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.btn-wrap .btn:hover{padding:5px 30px 5px 50px}
.btn-wrap .btn2,.btn-wrap .btn2:hover{padding:5px 40px}
.btn-wrap .btn3{padding:5px 20px 5px 10px}
.btn-wrap .btn3:hover{padding:5px 10px 5px 20px}
.btn-wrap input{border-width:0}
.btn-wrap .btn-back{color:#fff;background:#058db1}
.btn-wrap .btn-left{padding:5px 30px 5px 50px}
.btn-wrap .btn-left:hover{padding:5px 50px 5px 30px}
.btn-wrap .btn-back:hover{background:#066179}
.btn-wrap .btn-gogo{background:#ff1c98;color:#fff}
.btn-wrap .btn-gogo:hover{background:#f11a90;color:#fff}

div.btn ul{list-style-type:none;margin:0;padding:0;text-align:center}
div.btn li{display:inline-block}
.clear{clear:both}
div.btn a{font-size:9pt;text-decoration:none}

/*新聞相關設定*/
.float-r{float:right}
.pic{padding-left:10px;clear:both;margin-top:10px}
.pic .img{border:solid 1px #ccc;padding:10px;background-color:#fff;float:left;margin-right:10px}
#main #contact .inside form #news a{text-decoration:none}
.float-l{float:left}
.txtbg{background:url(images/bg-txt.jpg);background-repeat:no-repeat;background-position:right 2px;background-color:#fff}
.date{text-align:right}

/*忘記密碼*/
.form-style{ display:inline-block;max-width: 100%;}
.form-style dt {padding: 5px 10px;}
.form-style .ss{ padding:0 5px;}
.form-style .box{display: inline-block;}
.form-style .box+.box{border-left:solid 1px #999;margin-right: 15px;padding-left: 15px;}
.form-style .box .tt{font-weight: 700;}

/*列印*/
.table_box{ border:1px #058db1 solid; width:900px; margin:0 auto; padding:5px;}
.print_table td:nth-child(odd){ background: #058db1; color: #fff; }
.print_table td:nth-child(even) { border-bottom: 1px solid #058db1;}
.print_table2 tr:first-child td{ background: #058db1; color: #fff; }
.print_table2 td:nth-child(odd){ text-align:center;}
.print_table2 td { border-bottom: 1px solid #058db1;}

ul.success_list{ list-style-type:none;}
ul.success_list li:before { color: #026F8C; content: "\f105"; font-family: "FontAwesome"; position: absolute; margin-left: -12px; font-size: 18px;}
.success_box td:nth-child(odd), .readme .mm td, .readme .blue-d{background: #fff; color: #444; text-align: center;}
.success_box .success_table td:nth-child(odd){ background: #058db1; color: #fff; }
.success_box .success_table td:nth-child(even) { border-bottom: 1px solid #058db1;}
.success_box .success_table2 tr:first-child td{ background: #058db1; color: #fff; }
.success_box .success_table2 td { border-bottom: 1px solid #058db1;}
.examination_title{ color:#058DB1; font-weight:bold;}
.font14{ font-size:14px; color:#888; text-align:left; margin-top:15px;}

/*入口頁*/
.entrance_area{ background:url(images/entrance_bg.png) bottom no-repeat;}
.entrance_top{ background-color:#0308a2; text-align:center;}
.btn_box{ overflow:hidden; margin:12em 0;}
.flt{ float:left; width:48%; text-align:center; margin: 10px;}
.flr{ float:right; width:48%; text-align:center; margin: 10px;}
.btn_box img{ box-shadow: 0 0 5px #555; padding: 10px;     border-radius: 2px;}


/*聯絡表單*/
.form-group{width:100%;margin:5px 0}
.form-group.col-md-6{float:left;width:50%;margin:5px 0;display:flex}
form.from__contact{display:flex;flex-direction:row;flex-wrap:wrap}
.form-group .col-md-6 input{width:60%;display:table-cell}
.form-group.col-md-6 label{width:25%;background-color:#019ec0;color:#fff;vertical-align:top;padding:5px 0;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap}
.custom-control.custom-radio{width:35%;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}
.custom-control.custom-radio label{background:transparent;color:#222;}
.col-md-12{padding:0 20px}
.form-group.col-md-12{padding:0;margin:5px 0;display:flex}
.form-group.col-md-12 label{width:25%;background-color:#019ec0;color:#fff;vertical-align:top;padding:5px 0;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap}
textarea#description{width:75%}
.form-group label{display:flex;width:25%;background-color:#019ec0;color:#fff;vertical-align:top;padding:5px 0;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap}
.form-group input {width: 65%;}

/*按鈕*/
.btnWrap {margin: 1rem 0 2rem;position: relative;display: flex;align-items: flex-end;justify-content: center;}
@media screen and (max-width: 640px) {
#goTop{width:100%;left:0;right:0;bottom:0;border-radius:0;border:0;border-top:1px solid #eee}
}
.btnStyle{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);position:relative;cursor:pointer;min-width:150px;padding:.75rem 1rem;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;border-radius:3rem;border:solid 1px #666;font-size:.9rem;text-align:center;color: #ffffff;background: #004ea2;}
.btnStyle:hover{background:#004ea2;color:#fff;border-color:transparent;letter-spacing:.75em}
.btnStyle::before{content:"";position:absolute;border:#004ea2 solid 0;top:0;right:0;bottom:0;left:0;-webkit-animation-duration:1s;animation-duration:1s;border-radius:3rem}
.btnStyle:hover::before{border:#004ea2 solid .5rem;-webkit-animation-name:hvr-ripple-out;animation-name:hvr-ripple-out}
@-webkit-keyframes hvr-ripple-out {
100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}
}
@keyframes hvr-ripple-out {
100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}
}

/*RWD編輯器表格(X捲軸)*/
.table-container table{min-width:100%}
.table-container table td{min-width:100px;padding:5px;border:1px solid #ccc;white-space:inherit}

@media screen and (max-width: 991px) {
	/* 選單 */
	.topLis{white-space: nowrap;overflow-x: scroll;}
	.topLis a{padding: .5rem;}
	.menuBtn{display: block;}
	.menuTable{display:none}
	.menuTable--open{display:block}
	.menuTable tbody{width:100%;display:block}
	.menuTable tr{display: flex;flex-wrap: wrap;}
	.menuTable td{display:block;width: 50%;}
	.menuTable td:nth-child(odd){border-right:solid 1px rgba(255,255,255,.5)}
	.menuPic{/*height: 35vw;*/background-size: cover;background-position: left center;}
	.menuPic img{opacity: 0;}
	
	/* 共用內容 */
	div#main #contact .inside{padding-left:15px;padding-right:15px}
	div#main .title{}
	div#main .title img{max-width: inherit;min-height: 30px;}
	
	/* 表尾 */
	div#bottom #down{padding-bottom:4rem}
	/*--form-------------------------------------------------------------------------------------------------*/
	dl{margin-bottom:1rem}
	dt,dd{width:100%;margin: 0;text-align: left;border-bottom: none;}
	dt{padding:5px}
	dd>*{margin-bottom: 5px;}
	dd input[type='text'],dd input[type='password'],dd input.text{width:100%;padding:10px 5px}
	dd select{width: 100%;padding:10px 5px;}
	#Birth_Y,#Birth_M,#Birth_D,#GYear{width:calc(100% - 45px);margin-right:15px}
	select[name="Company_Code"]{width:calc(100% - 45px);margin-left: 15px;}
	#LastName,#FirstName,
	#Invoice_No,#Invoice_Title{width: calc(100% - 87px);}
	#Nationality{width: calc(100% - 160px);}

	div#form{padding:0}
	div.readme{margin:0}

	div.btn ul{display:flex;flex-wrap:wrap;}
	div.btn li{height: auto;padding-top: 0;line-height: 1.5;background: url(images/btn-bg.gif) no-repeat center top;background-size: 100% 100%;}
	div.btn a{padding:1rem;}

	/*忘記密碼*/
	.form-style .box{display:block;margin:0 0 5px;padding: 5px;}
	.form-style .box+.box{border-top:solid 1px #999;border-left:none}

}

@media screen and (max-width: 768px) {
	/*RWD編輯器表格(X捲軸)*/
	.table-container{width:100%;overflow-y:auto;_overflow:auto;margin:0 0 1em}

	/*聯絡表單*/
	.form-group.col-md-6{width:100%;}
	.form-group.col-md-6 label,.form-group.col-md-12 label{width: 100px;padding:5px}
	.form-group.col-md-6 label i{margin-right:5px}
	.form-group input,textarea#description{width:calc(100% - 100px)}

	/*最新消息*/
	.btn-wrap .btn3,.btn-wrap .btn:hover{padding:1rem}
}

@media screen and (max-width: 640px) {
	/*按鈕*/
	#goTop{width:100%;left:0;right:0;bottom:0;border-radius:0;border:0;border-top:1px solid #eee}
}