@charset "utf-8";
@import url("reset.css"); /*重置*/
@import url("page.css"); /*頁碼*/
@import url(http://fonts.googleapis.com/css?family=Lato:400,900,300); /* font */
/* CSS Document */
body{color:#000;font-family:Arial, Helvetica, sans-serif;font-size:16px;line-height:1.5}
a{color:#666;text-decoration:none}
a:hover,a:active,a:focus{-moz-transition:all .3s linear;-o-transition:all .3s linear;-webkit-transition:all .3s linear;color:#058db1;transition:all .3s linear}
body,p,td,div{line-height:150%}
h1{font-size:20pt;font-weight:700}
h2{font-size:15pt;font-weight:700}
h3{font-size:13pt;font-weight:700;padding-bottom:5px;padding-top:10px}
img{max-width:100%}
*{box-sizing: border-box;}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定*/
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }

/*全頁共用hack*/
*, *:before, *:after { box-sizing: border-box;}
.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1;}  /*清左右浮動*/

/*通用排版用*/
.center { text-align:center; }
.flt { float:left; }
.flr { float:right; }

/* CSS3 style  陰影圓角範例，可自行增減使用 */
.css-radius {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
} 
.css-shadow {
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, .4);
	-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, .4);
	box-shadow: 1px 1px 4px rgba(0, 0, 0, .4);
}

/*元件(共用)*/
.input1, .textarea, .select { background: #FFF; border: 1px solid #CCC; font-family: 'Lato', '微軟正黑體', sans-serif; font-size:15px; line-height:1.1; color:#555; }
.input1:focus, .textarea:focus, .select:focus { border:1px solid #000; }
input:focus { outline:none; }
input { outline:none; }


/*線(共用)*/
hr { height:1px; background:#CCC; }

/*文字樣式(共用)*/
.white { color: #FFF; }
.gray { color:#999; }
.black { color:#000; }
.blue { /*color: #058db1;*/ color: #019ec0; }
.red { color: #CC0000; }
.green { color: #28A9B1; }
.orange { color: #FF6600; }
.yellow { color: #FE7904; }
.purple { color:#6633CC; }
.brown { color:#613C33; }

#goTop {
	border:1px solid #CCC;
	color:#fff;
	/*background:#058db1;*/
	background: #019ec0;
	text-align:center;
	position:fixed;
	bottom:60px;
	right:20px;
	width:50px;
	height:50px;
	line-height:50px;
	cursor:pointer;
	display:none;
	font-family:Verdana, Geneva, sans-serif;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%; 
	border-radius: 100%; 
	-webkit-box-shadow: #EEE 0px 0px 5px; 
	-moz-box-shadow: #EEE 0px 0px 5px;
	 box-shadow: #EEE 0px 0px 5px; 
}
#goTop .fa{ font-size:18px; padding: 14px;}
#goTop:hover { background:#036984; color:#FFF; }



/*---------------------- 頁面開始 ----------------------*/
/*全頁佈局*/
.wrapper { padding:3em 0; }
.container { max-width:1000px; margin:0 auto; }

.hrefLink {color: #06518a;}
.hrefLink:hover {color: #f18309;}

/*頁首*/
header {  }
header .submenu { list-style:none; padding:0; margin:0; }

/*主選單*/
div#main {
	text-align:
	center;
}
div#main #menu  {text-align:center/*for ie*/; /*background-color: #0182a5;*/ background-color: #259fc6; }  /*左右居中*/
div#main #menu tr td { padding:0; line-height:100%; }
div#main #top{font-size: 15px; padding:4px; text-align:right;display: block;max-width: 1000px;height: 35px;margin: auto;}
div#main #contact{width: 100%;max-width: 1024px;display:inline-block;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;} /*內文縮排設定*/
.float-l { margin-left:-10px;}
.in_class_info{ padding: 2em 1em; border-bottom: 2px #c5c5c5 solid; border-top: 2px #c5c5c5 solid; margin-bottom: 40px; background-color: #f3f3f3;} 

/* 表尾 */
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}
	
.in-table{ width:100%;  background-color:#f8f8f8; text-align:center; border-bottom: 2px #019ec0 solid;}
.in-table th{ background-color:#019ec0; color:#fff; font-weight:bold;}
.in-table td{}
.in-table th, .in-table td{ padding:5px 10px; vertical-align:middle;}
.in-table tr:nth-child(odd){ background-color:#ebf0f1;}
.in-table td:first-child{ text-align:left;}
.course_item{ text-align:center; font-size:24px; font-weight:bold; margin-bottom:15px;}
.small_txt{ font-size:15px; color:#666; margin-top:10px;}

/*頁面框架*/
.main { float:right; width:760px;  }

/*側邊*/
.sidebar { float:left; width:200px; }
.sidebar .sidemenu { list-style:none; padding:0; margin:0; }
.sidebar .sidemenu li { }


/*按鈕*/
.btn-wrap { text-align: center; margin:2em 0;}
.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 .btn-back{  color:#fff;  background: #058db1;}
.btn-wrap .btn-back:hover{ background:#036984;}
.btn-wrap .btn-orange:hover{ background:#de8907;}
.btn-wrap .btn-orange{ color:#fff;  background: #f88820;}
.btn-wrap .btn3{padding:5px 20px 5px 10px; cursor: pointer;}
.btn-wrap .btn3:hover{padding:5px 10px 5px 20px; }
.btn-wrap input { border-width: 0;}

/*共用*/
.bg-orange{background: #ef9307;}
.bg-green{background: #058db1;}
.fa{ padding-right:10px;}
.font_xs{ font-size: 15px; }
.text-center{text-align: center;}
.select_style{height: 28px;}


/*學員查詢*/
dl{display:flex;flex-wrap:wrap;}
dt{text-align:right;width:225px;margin-right:1px;margin-bottom:1px;padding:2px;color:#fff;font-weight:700}
dt.bg_bule{background-color:#019ec0}
dt.bg_orange{background-color:#ff9838}
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;*/ margin-bottom:1px; line-height: 24px;}
input.text_s{ width:100px; margin-left:5px;}
input.text2{border:solid 1px #999;}
input.text_remarks{ width:600px;}

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: #CC3300;
		background: #dfe8f7;
		padding-top:3px;
}
.readme {
    text-align: left;
    padding: 20px;
    background-color: #FFF;
    border: solid 1px #cccccc;
    margin: 10px;
    box-shadow: 0 0 10px #ccc;
}
.readme2 {
    text-align: center;
    background-color: #ededed;
    border: solid 1px #cccccc;
    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; }
.blue_bg{background-color: #058db1; color: #fff;}
.readme_txt{ font-weight:bold; margin-bottom:10px;}


/*忘記密碼*/
.form-style{ display:inline-block;max-width: 100%;}
.form-style dt { padding: 2px 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;}

/*課程介紹*/
.course_search .course_select { height: 28px; color: #555;}
a#course_submit { background-color: #019ec0; color: #fff; padding: 5px; font-size: 15px; border-radius: 3px;}
a:hover#course_submit{ background-color: #036984; }

.course_listArea{ overflow: hidden; width: 100%; margin-top: 20px;}
.course_listBox{float: left;width: 33%;margin: 0 0 2rem;padding: 5px;text-align: center;font-size: 18px;}
.course_listBox a{ color: #fff; display: block; background-color: #019ec0; padding: 20px 10px; min-height: 95px; box-shadow: 0 0 15px #02748d inset; }
.course_listBox a:hover{ background-color: #036984; box-shadow: 0 0 15px #024050 inset; }
.course_listArea .course_listBox:nth-child(3n+1){clear: both;}

.course_name { font-size: 20px; font-weight: bold; margin-bottom: 10px; }
.course_table{ width: 100%; border-top: 1px #c8dfe4 solid; border-left: 1px #c8dfe4 solid; margin-bottom: 2em; }
.course_table th, .course_table td{ border-bottom:  1px #c8dfe4 solid; border-right: 1px #c8dfe4 solid; padding: 10px; }
.course_table th{ background: rgba(5,141,177,.7); color: #fff; text-align: center; }
.course_table tr:nth-child(odd){ background: rgba(5,141,177,.1);}
.pay_table td{ vertical-align: middle; }
th.bg_orange{background-color: #ff9838;}
.bg_orange{background-color: rgba(255, 152, 56, 0.4);}
.pdf_btn{display: inline-block;background-color: #ef9307;color: #fff;font-size: 14px;padding: 0px 10px;font-weight: 500;margin-left: 10px;float: right;}
.pdf_btn:hover{ color: #fff; background-color: #de8907; }
.pdf_btn .fa{ margin-right: -8px; }

/*線上報名*/
.apply_class{ margin-bottom: 10px; overflow: hidden;color: #000;}
.class_checkbox{/*float: left; width: 33.3%;*/font-size: 17px;margin: 5px 0 15px;color: #333;font-weight: bold;display: flex;align-items: center;}
.class_checkbox:hover,.class_checkbox.blue:hover {color: #058db1;}
.class_checkbox.blue {color: #042695;font-weight: normal;}
/*.class_checkbox:nth-child(3n+1){ clear: both; }*/
.class_checkbox input { zoom: 150%;  margin: 0 10px 0 0;}
.class_checkboxTitle{ width: 100%; margin-bottom: 5px; }
.btn_go{ padding: 5px 10px; background-color: #058db1; color: #fff; font-size: 14px; }
.btn_go:hover, .btn_go:focus{ background-color: #036984; color: #fff; }
.registration_info{ margin-top:40px;}
.registration_info li{ margin-bottom:10px; }

.apply_note{color:#042695;border: 1px solid #e4e4e4;border-radius: 1rem;background: #f5f5f5;padding: 1rem;}
.apply_note ol{margin:0}
.apply_note ol li{margin:10px 0}
/*.apply_note ol>li span{text-decoration:underline;font-weight: bold}*/
.apply_note strong {font-weight: bold;}

div.btn ul{list-style-type: none; margin: 0px;padding: 0px; text-align:center; }
div.btn li{	display:inline-block;}
.clear{clear:both;}
div.btn a { font-size:11pt; text-decoration: none; 	/*color: #666666;*/}
.c_btn{ background-color: #ef9307; color: #fff; font-size: 14px; padding: 5px 10px; font-weight: 500; margin-left: 10px; border: 0; cursor: pointer; }
.c_btn:hover { color: #fff; background-color: #de8907;}
.rm_msg {line-height: 30px;}
.rm_msg ul {padding:0; list-style:none;}
.rm_msg ul ol { padding:0 0 0 50px;}
.rm_msg span {text-decoration: underline;}

/*公佈欄*/
.p2_img{max-width:100%;}


/*聯絡我們*/
.page_form{ display: table; width: 100%; }
.page_form .name{ display: table-cell; width: 145px; background-color: #019ec0; border-bottom: 10px #fff solid; border-right: 5px #fff solid; padding: 5px 5px; color: #fff; vertical-align: top; border-left: 5px #fff solid;}
.page_form .name .fa { padding-right: 5px; padding-left: 5px;}
.page_form .text{ width: 70%; display: table-cell; }
.page_form .text input { line-height: 30px; border: 1px #ccc solid; width: 100%;}
.item2 .name{ width: 145px;}
.item2 .text{ width: auto; }
.item2 .text textarea{ border: 1px #ccc solid; width: 100%; }
.page_form .text input.input3{ width: 20%; }
.form_area{ overflow: hidden; width: 100%; }
.form_area .item{ float: left; width: 50%; }
.form_area .item2{ float: left; width: 100%; }


/*RWD編輯器表格(X捲軸)*/
.table-container table{min-width:100%}
.table-container table td{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% - 97px);}
	#Nationality{width: calc(100% - 167px);}
	.select_style{height:auto}
	textarea{width:100%}

	div.btn ul{display:flex;flex-wrap:wrap;}
	div.btn li{height: auto;margin: 0;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 .btn, .btn-wrap .btn3, .btn-wrap .btn:hover{padding:1rem}

	/*課程介紹*/
	.course_listBox{width:50%}
	.course_listArea .course_listBox:nth-child(3n+1){clear: inherit;}
	.course_listArea .course_listBox:nth-child(2n+1){clear: both;}
	.pdf_btn{float:none}

	/*聯絡我們*/
	.form_area .item{ width: 100%;}
}

@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}
}