@charset "utf-8";
@import url("non-responsive.css");
@import url(http://fonts.googleapis.com/css?family=Lato:100,400,900); /* font */
@import url(https://fonts.googleapis.com/css?family=Monda:400,700); /* font */

/* CSS Document */
body {
	font-family: 'Lato', '微軟正黑體', sans-serif; /*自行增減使用 */
	font-size: 16px;
	line-height:1.5;
	color: #333;
	background:url(../images/all/bg.jpg) center top #f2f2f2 no-repeat;
	padding-top:80px;
}
a { color:#000; text-decoration: none; }
a:hover { color:#777; 
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition:  all .3s linear; /*連結淡入淡出*/
}

.css-radius {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
} 
.css-shadow {
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, .4);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, .4);
}
.imgholder img{
	transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	
	transition:transform 0.5s ease-in-out, opacity 0.5s;
	-moz-transition:-moz-transform 0.5s ease-in-out, opacity 0.5s;
	-webkit-transition:-webkit-transform 0.5s ease-in-out, opacity 0.5s;
}
.imgholder:hover img{
	transform:scale(1.05, 1.05);
	-ms-transform:scale(1.05, 1.05);
	-moz-transform:scale(1.05, 1.05);
	-webkit-transform:scale(1.05, 1.05);
	-o-transform:scale(1.05, 1.05);
}
.rotation360 {
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.rotation360:hover {
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
}
.clearlist { list-style:none; padding:0; margin:0; }


/*文字樣式(共用)*/
.white { color: #FFF; }
.gray { color:#999; }
.black { color:#000; }
.blue { color: #0097de; }
.red { color: #be0000; }
.green { color: #19a568; }
.orange { color: #FF6600; }
.yellow { color: #FFFF00; }
.purple { color:#6633CC; }
.brown { color:#6e453c; }

/* 回頂端 */
#goTop {
	border:1px solid #CCC;
	color:#aaa;
	background:#FFF;
	text-align:center;
	position:fixed;
	bottom:20px;
	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:hover { background:#999; color:#FFF; }


/*---------------------- 頁面開始 ----------------------*/
/*全頁佈局*/
.wrapper { width:1020px; margin:0 auto; padding:40px 0 0 0; background:url(../images/all/wrapper_bg.png) center 35px no-repeat; background-size:100% auto; }
.main { background:url(../images/all/main_bg.png) repeat-x; margin:10px 20px; padding:10px; min-height:600px;  }

/*主選單*/
.navbar {	margin-bottom:0;	border-radius:0;	border:0;}
.navbar .container { padding:0; }
.navbar-default { background-color:#ebebeb; }
.navbar-header { float:inherit; }
.navbar-header a, .navbar-default .navbar-brand { height:auto; color:#8799ce; padding:6px 10px; font-size:15px; }
.navbar-brand { margin-left:-10px; }
.subicon { margin-right:0; }
.subicon li { float:left; }
.subicon li a { padding:5px 10px;}
.subicon li a:hover { color:#333; }

.navbar-collapse { background-color:#8d94a9; border-top:1px solid #fff; border-bottom:1px solid #fff; }
.navbar-nav > li { border-left:1px solid #FFF; }
.navbar-default .navbar-nav > li > a { color:#FFF; padding:15px 25px; font-weight:bold; }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover { background:#7d8ec4; color:#FFF; }

/*頁尾*/
.footer { background:#63729b; padding:40px 0 50px 0; color:#e5e5e5; font-size:13px; }
.footer a { color:#e5e5e5; }
.footer p { margin:0; }
.footer .col-xs-5 { border-right:1px solid #aab2c7; }
.footer .col-xs-7 { padding-left:3em;  }

.sidebar {  }
.nav-list { padding:20px 0; }
.nav-list li { padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #ddd; }
.nav-list li.hs { text-align:center; font-weight:bold; color:#687087; border-bottom:0; }
.nav-list li a { background-color:#eee;  }
.nav-list li a:hover { background-color:#fff; color:#4a64ae; }
.nav-list li p { font-size:15px; line-height:1; display:table-cell; vertical-align:top; }
.nav-list li p:last-child { padding-left:.8em; }
.nav-list li p .cls { display:inline-block; text-align:center; font-size:12px; padding:5px 10px; background:#ddd; color:#000; margin-bottom:5px; }
.nav-list li a:hover .cls { background:#eee; color:#4a64ae; }
.nav-list li img { width:70px; }
.submenu li { padding:0; margin:0; }
.submenu li:last-child { border:0; }
.submenu li a { background:none; padding:15px; }
.submenu li.active a { background-color:#eee; color:#0b9aab; }
.submenu li p { font-size:18px; vertical-align:middle; }
.submenu li p .fa { margin:0 0 0 .5em; }
.submenu li p span { display:block; padding:5px 0 0 0; font-size:13px; color:#777; }

/*按鈕*/
.btnWrap { margin:2em 0; text-align:center; }
.btn-purple { background-color: #829ae0; border-color: #829ae0; color: #fff; }
.btn-purple:hover { background-color:#758cce; color:#FFF; }
.btn-submit { background-image:url(../images/all/btn_bg.png); background-color:#999; padding:.5em; font-size:20px; font-weight:bold; color:#FFF; border-radius:4px; }
.btn-submit:hover {  background-color:#0b9aab; color:#FFF; }
.fa { margin-right:5px; }
.major-title { background:url(../images/all/title_bg.png) no-repeat; padding:19px 30px; padding-right:150px;  font-size:16px; margin-bottom:20px; letter-spacing:1px; position:relative; }
.major-title strong { font-weight:400;  font-size:28px; }
.major-title .btn { position:absolute; right:30px; top:50%; margin-top:-17px; }

/*----index---*/
.in-third { margin:0 auto; }
.in-third .col-xs-4 { padding:0; }
.in-third .col-xs-4 img { width:100%; height:76px; opacity:1; }
.in-third .col-xs-4 a:hover img { opacity:.9; }
.in-third .col-xs-4:first-child { border-right:1px solid #fff; }
.in-third .col-xs-4:last-child { border-left:1px solid #fff;  }

.title-bar {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f2f4 100%); 
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f2f4 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f2f4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f2f4',GradientType=0 ); /* IE6-9 */
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	margin:10px auto 40px;
}
.title-bar .col-xs-4,
.title-bar .col-xs-8,
.title-bar .col-xs-12 { padding:20px 15px; color:#829ae0; }
.title-bar .tit { font-size:25px; font-weight:400; color:#4a64ae; }
.title-bar .col-xs-4 { text-align:center; }
.title-bar .btn { margin-left:2px; padding-left:1.2em; padding-right:1.2em;  }
.title-bar .form-control { width:180px; margin-right:10px;}
.title-bar .fa { margin:0 10px; }

.class-list {  margin-left:-10px; margin-right:-10px; }
.class-list a { display:block; color:#4c5b84; text-decoration:none; }
.class-list a:hover { color:#0b9aab; }
.class-list .col-xs-4,
.class-list .col-xs-6 { padding:0 10px; margin-bottom:30px; }
.class-list .img { display:table-cell; vertical-align:middle; text-align:center; width:310px; height:182px; overflow:hidden; }
.class-list .txt { background:#fff; padding:15px 20px; height:136px; }
.class-list .txt h3 { margin:10px 0 0 0; clear:both; font-weight:bold; font-size:16px; line-height:1.2; }
.class-list .txt em { display:inline-block; font-style:normal; font-size:13px; background:#eee; padding:3px 10px; color:#666; border-radius:2px; }
.class-list a:hover .txt em { background:#0b9aab; color:#fff; }
.class-list .box-left { display:table-cell; }
.class-list .box-right { display:table-cell; vertical-align:middle; background:#FFF; }

.class-info { display:table; width:100%; background:#FFF; }
.class-info .box-left,
.class-info .box-right { display:table-cell; width:50%; vertical-align:middle; }
.class-info .box-right { padding:1.5em; }
.class-info .box-right h3 { color:#4a64ae; margin-top:0; }
.class-info .box-right p { font-size:15px; color:#777; margin:0; }

.video .alert-warning { padding:40px 15px; }
.class-content { padding:5px 0; }
.class-content .table { }
.class-content .table tr th { width:150px; background-color:#a6baee; color:#FFF; text-align:center; vertical-align:middle; }
.class-content .table tr:nth-child(odd) th { background-color:#6782d8; }
.class-content .table tr td,
.class-content .table tr th { padding:15px 20px; }
.class-content .table p { margin:5px 0; }
.class-content .table-striped > tbody > tr { background-color:#FFF; }
.class-content .table-striped > tbody > tr:nth-of-type(2n+1) { background-color:#f9f9f9; }
.class-content .btn-xs.btn-info { margin-left:10px; vertical-align:top; }

/*-----about-----*/
.about-area .tables { border:1px solid #ddd; }
.about-area tr th,
.about-area tr td { background:#FFF; padding:20px; vertical-align:top; }
.about-area .ths td { background:#f0f4ff; color:#4a64ae; width:50%; padding:20px; font-size:18px; }
.about-area .tit { display:block; background:#d9edf7; color:#559ec0; border-radius:4px; padding:5px 15px; margin-bottom:5px; font-size:13px; }
.about-area .nav-list { list-style:circle; padding-left:20px; }
.about-area ol { list-style:decimal; padding-left:30px; }

/*--流程---*/
.process-area .alert-info { padding:10px 15px; font-size:18px; }
.process-area .nav-list { padding-top:0; padding-left:1em; }
.process-area .row { margin:0 -10px;  }
.process-area .col-xs-3 { text-align:center; padding:0 10px; position:relative;  }
.process-area .col-xs-3 strong { display:block; width:123px; height:123px; line-height:1.2; margin:0 auto; background:#0CC; color:#FFF; border-radius:100%; padding:55px 10px 0 10px; }
.process-area .col-xs-3 strong.fix { padding-top:46px; }
.process-area .col-xs-3 .fa { position:absolute; right:-11px; top:58px; color:#999; }
.badge-red { margin:-5px 3px 0 3px;  background:#F60; font-size:15px; }

/*----會員-------*/
.member { }
.member .ex { font-size:14px; }
.member .scroll-content { padding:2em; border:1px solid #ccc; height:900px; overflow-y:auto; box-shadow:inset 0 0 9px #ccc; margin-bottom:10px; }
.member h3.tt { font-size:16px; font-weight:bold; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #0b9aab; color:#0b9aab; }
.member p { text-indent:2em; }

.mem-log { padding:3em 5em; }
.mem-log .btn { padding-left:60px; padding-right:60px; }
.mem-log .col-xs-7 { width:55%; }
.mem-log .col-xs-7 .btn { margin-left:22px; }
.mem-log .col-xs-5 { border-left:1px solid #eee; padding-left:5%; }
.mem-log .col-xs-5 h3 { margin-top:0px; color:#0b9aab; }

.mem-register { margin:3em 5em; }
.mem-register h3 .small { padding-left:1em; }
.mem-register .table { margin-bottom:0; border:0; }
.mem-register .table > tbody > tr > td,
.mem-register .table > tbody > tr > th { 
    border:0;
	border-bottom:1px solid #f1dcb0;
	vertical-align:middle;
}
.mem-register .table tr:last-child td,
.mem-register .table tr:last-child th { 
    border-bottom:0;
}
.mem-register .table > tbody > tr > th { 
    font-weight:bold; 
	width:15%; 
	vertical-align:top;
}
.mem-register .table > tbody > tr > th .label { 
    font-size:16px;
	line-height:1;
	display:block;
	padding:6px;
}
.mem-register .modal-content { color:#555; padding:1em 2em; }
.mem-register .modal-content .modal-header { color:#e50057; }
.mem-register .form-control { margin-right:5px; }
.mem-register .btn-lg { width:40%; margin:0 1%; }
.form-inline .form-block { width:100%; margin:0; }

.category-bar { margin-bottom:1em; }

.testing-start { background:url(../images/pic2.png) center top no-repeat; padding-top:350px; position:relative; }
.testing-start .time { position:absolute; left:5%; top:5%; background:#000; padding:10px; padding-top:40px; text-align:center; color:#fff; font-size:18px; width:150px; height:150px; border-radius:100%; }
.testing-start .time strong { font-size:32px; }
.testing-start .alert-success { padding:1em 2em 2em 2em; text-align:center; }
.testing-start .btn-success { display:block; }

.testing-form .alert-warning { position:relative; }
.testing-form .alert-warning .time { display:block; background:#000; padding:10px; padding-top:20px; text-align:center; color:#fff; font-size:18px; width:80px; height:80px; border-radius:100%; }
.testing-option { }
.testing-option .badge { margin-top:-3px; background-color:#559ec0;}
.testing-option tr th:first-child {  text-align:right; }
.testing-option tr td,
.testing-option tr th { padding:5px; font-size:15px;  }
.testing-option tr th { background:#d9edf7; color:#559ec0; border-bottom:1px solid #fff;  }
.testing-option tr td { padding-bottom:15px; }
.testing-option .green,
.testing-option .green > th:first-child { background:#559ec0; color:#FFF; padding:15px; text-align:left; }

.opinion-survey { font-size:13px; }
.opinion-survey tr th,
.opinion-survey tr td,
.opinion-survey > tbody > tr > th,
.opinion-survey > tbody > tr > td { padding:8px 5px; border:1px solid #bfd6e1; }
.opinion-survey .green { background:#559ec0; color:#FFF; padding-left:12px; padding-right:12px; }
.opinion-survey .info { background:#d9edf7; color:#559ec0; }
.sub-table tr th, .sub-table tr td { border:0; padding:5px 0; text-align:center; }
.sub-table tr th { border-bottom:1px solid #bfd6e1; }
.sub-table tr td { width:10%; }
.opinion-survey input[type="checkbox"], input[type="radio"] { margin:0; }
.opinion-survey textarea.form-control { width:100%; min-height:100px; resize:vertical; }

/*聯絡我們*/	
.contact{
	width: 100%;
    margin: 30px 0 0 0;
}	
.contact_txt{
	border-bottom:1px #d4d4d4 dashed;
	text-align:center;
	padding:0 0 30px 0;
}	
.contact .code {
    display: inline-block;
    width: 8em;
    text-align: center;
}