@charset "UTF-8";
/* CSS Document */
body {
	padding:0;
	margin:0;
}
/*--- header ---*/
.header {
	background-image: linear-gradient(to right, rgba(255,180,0, 1),  rgba(255,160,6, 1));
}
.header-TH {
	background-image: linear-gradient(to right, rgba(34,204,170, 1),  rgba(85,196,253, 1));
}
.bread {
color:#666666;
	
}
.navbar-brand {
  height: 80px !important;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}
@media screen and (max-width:768px) {
.navbar-brand {
	height:30px !important;
  padding: 10px !important;
  width:40%;
}
.navbar {
	margin:0 !important;
	padding:0 !important;
}
}
@media screen and (max-width:480px) {
.navbar-brand {
	height:10px !important;
  padding: 5px !important;
  width:72%;
}
.navbar {
	margin:0 !important;
	padding:0 !important;
}
}
.nav {
	margin-top:20px;
	padding-top:30px;
}
.nav li a {
	font-size:18px;
}
.nav li.active {
	background-color:#2f92cc;
	border-radius:8px;
	tex-shadow:0 1px 4px rgba(0,0,0, .5);
}
.navbar-nav > li > a.active {
	background-color:#2f92cc;
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
	background-color:#e86200 !important;
	box-shadow:inset 0 1px 4px rgba(0,0,0, .4);
}
.navbar-nav > li > a {
	background-color:#f89200;
	color:#FFF;
	border-radius:8px;
	margin:2px 6px;
	text-shadow:0 1px 4px rgba(0,0,0, .5);
	padding:8px 14px !important;
}
/*-----navb for 外專甄審---*/
ul.navb {
	margin:10px 0 0 0;
	padding:0;
}
ul.navb li {
	padding:0;
	margin:0;
	list-style:none;
}
ul.navb li a {
	font-size:18px;
	display:block;
	padding:8px 0;
}
ul.navb li.active {
	background-color:#2f92cc;
	border-radius:8px;
	tex-shadow:0 1px 4px rgba(0,0,0, .5);
}
@media screen and (max-width:768px) {
ul.navb li a {
	width:33.3%;
	float:left;
}
.tab-content .active {
	background-color:#FFF;
	border-top: 2px solid #eaeaea;
	margin-top:-6px;
}
}
@media screen and (max-width:480px) {
ul.navb li a {
	width:100%;
	clear:both;

}
.tab-content .active {
	background-color:#FFF;
	border-top: 2px solid #eaeaea;
	margin-top:-6px;
}
}
.tab-content .active {
	background-color:#FFF;
}
.tab-content h3 {
	color:#787878;
	font-size:18px;
	background-image: linear-gradient(to right, rgba(226,242,243, 1),  rgba(215,236,227, 1));
	margin:10px 0 0 0;
	padding:8px 10px;
	border-radius:8px 8px 0 0;
}
/*--- top link ---*/
.toplink {
	background-color:#747474;
	border-bottom:1px solid #333333;
	text-align:right;
	padding-right:2%;
}
.toplink i {
	padding-right:4px;
}
.toplink a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:13px;
	padding-left:10px;
}
.toplink a:hover {
	color:#ffd306;
	text-decoration:none;
	text-shadow:0 2px 5px rgba(0,0,0, .6);
}
@media screen and (max-width:480px) {
.toplink a {
	font-size:16px;
	padding:5px;
}
}
/*--- member---*/
.member {
	background:linear-gradient(to right, rgba(36,77,196, 1),  rgba(56,200,210, 1));
	border-radius:10px 10px 0 0;
	box-shadow:0 -1px 4px rgba(0,0,0, .4);
	padding:10px;
	font-size:15px;
	color:#FFFFFF;
}

.member-pad {
	display:none;
}
.member-mobile {
	display:none;
}

@media screen and (min-width:576px) and (max-width:768px) {
	.member {
		display:none;
	}
	.member-pad {
	display:inline;
		float:right;
		margin-top:25px;
		font-size:18px;
	}
	.member-pad a {
		color:#FFF;
		vertical-align:top;
	}
	.member-pad a i {
	color:#2863c7;
	font-size:26px;
	}
	.member-pad a:hover {
		text-shadow:0 1px 10px rgba(0,0,0, .4);
		text-decoration:none;
		color:#FFF;
	}
}
@media screen and (max-width:576px) {
.member {
		display:none;
	}
	.member-mobile {
	background:linear-gradient(to right, rgba(36,77,196, 1),  rgba(56,200,210, 1));
	padding:10px 15px;
	display:block;
		font-size:18px;
	}
	.member-mobile a {
		color:#FFF;
		font-size:16px;
	}
	.member-mobile a i {
	color:#ffb400;
	font-size:16px;
	padding-top:5px;
	}
	.member-mobile a:hover {
		text-shadow:0 1px 10px rgba(0,0,0, .4);
		text-decoration:none;
		color:#FFF;
	}
	a.btn-mlogin {
	background-color:#ffb400;
	padding:2px 4px;
	border-radius:8px;
	box-shadow:0 1px 3px rgba(0,0,0, .6);
	text-shadow:0 1px 4px rgba(0,0,0, .6);
	letter-spacing:3px;
	color:#FFF;
	margin:0 0 0 3px;
	display:inline-block;
}
a.btn-mlogin:hover {
background-color:#c6f4ff;
	color:#424242;
	text-decoration:none;
	text-shadow:0 1px 0 rgba(255,255,255, .8)
}
}
a.btn-activities {
 background-color:#ff9000;
 border-radius:6px;
 color:#FFF;
 padding:4px 10px;
 text-decoration:none;
 font-weight:bold;
 /*text-shadow:0 1px 0 rgba(255,255,255, .5)*/
}
a.btn-activities:hover {
 background-color:#2f92cc;
 text-decoration:none;
 color:#FFF;
}
.member i {
	color:#ffb400;
	font-size:26px;
	text-shadow:0 1px 3px rgba(0,0,0,.5);
	padding-right:5px;
}
h3.member-title {
display:inline-block;
color:#FFF;
margin:0;
font-size:18px;

}
.form-title {
	padding:0 6px;
	text-align:center;
	width:6%;
}
.form-input {
	width:15%;
	height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-small {
	width:40%;
	height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.noform {
	height: 30px;
  padding: 4px;
  font-size: 16px;
  line-height: 1.42857143;
  color: #0054a3;
  background-color: #fff;
  background-image: none;
  border-bottom:1px solid #efefef;
}
.noform:hover {
	background-color:#faf8ef;
}
.code {
	width:5%;
	text-align:center;
	color:#9dfff7;
}
a.btn-login {
	background-color:#ffb400;
	padding:4px 10px;
	border-radius:8px;
	box-shadow:0 1px 5px rgba(0,0,0, .6);
	text-shadow:0 1px 4px rgba(0,0,0, .6);
	letter-spacing:3px;
	color:#FFF;
	margin:0 0.5%;
	display:inline-block;
}
a.btn-login:hover {
background-color:#c6f4ff;
	color:#424242;
	text-decoration:none;
	text-shadow:0 1px 0 rgba(255,255,255, .8)
}
a.btn-pwd {
	color:#ff151b;
	padding:4px 10px;
	text-decoration:underline;
	font-weight:bold;
	text-shadow:0 1px 0 rgba(255,255,255, .5)
}
a.btn-pwd:hover {
background-color:#c6f4ff;
text-decoration:none;
border-radius:6px;
color:#424242;
}
.navbar-toggle {
	float:left !important;
}
.icon-bar {
	background-color:#FFFFFF !important;
	 width: 40px !important;
  height: 5px !important;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 10px !important;
}
@media screen and (max-width:480px) {
.icon-bar {
	background-color:#FFFFFF !important;
	 width: 30px !important;
  height: 3px !important;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 8px !important;
}
}
/*--- ad ---*/
.ad {
	background: linear-gradient(to right, rgba(255,180,0, 1),  rgba(255,160,6, 1));
	height:10px;
	overflow:visible;
	
}
.ad-w {
	padding:0 30px 10px 30px;
	overflow:auto;
	float:left;
	clear:both;
}
@media screen and (max-width:768px) {
	.ad {
		background:none;
		height:auto;
	}
	.ad-w {
		padding:0 0 10px 0;
	}
}
@media screen and (max-width:480px) {
	.ad {
		background:none;
		height:auto;
	}
	.ad-w {
		padding:0 3px 5px 3px;
	}
}
.carousel-control {
  width: 5% !important;
  font-size: 18px;
  filter: alpha(opacity=20);
  opacity: .2;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 10px;
  padding-bottom: 5px !important;
}
.carousel-indicators {
    bottom: 5px !important;
  }
 .carousel-inner > .item > img,
.carousel-inner > .item > a > img {
}
.carousel-inner {
box-shadow:0 1px 5px rgba(0,0,0, .6);
border-top:1px solid #FFF;
}
.carousel-control.left {
	background:none !important;
}
.carousel-control.right {
	background:none !important;
}
@media screen and (max-width:480px) {
.carousel-caption {
	display:none;
}
	.carousel-indicators {
		display:none;
	}
}
/*--- news board ---*/
.newsBoard {
}
h3.newsTitle {
	margin:10px 0 0 0;
	border-bottom:2px solid #ffad42;
	color:#f16c00;
	font-size:20px;
	padding:15px 0 10px 40px;
	background:url(../images/icon-newspaper.svg) left center no-repeat;
	background-size:35px;
}
.news-btn-more {
	text-align:center;
	border-top:2px solid #ffad42;
	padding-top:1px;
}
.news-btn-more a {
	color:#8f8f8f;
	padding:6px;
	text-decoration:underline;
	display:block;
}
.news-btn-more a:hover {
	background-color:#dadada;
	text-decoration:none;
	color:#FFF;
	text-shadow:0px 1px 5px rgba(0,0,0, .5);
	border-radius:0 0 8px 8px;
}
.pagination {
	margin:10px 0 !important;
}
.news-pager {
	border-top:2px solid #ffad42;
	background-color:#f7f7f7;
	overflow:auto;
	padding:0 10px;
}
.news-info {
	padding-top:10px;
	color:#666666;
	padding-bottom:10px;
}

.form-normal {
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
@media screen and (max-width:768px) { 
	.news-info {
		display:none;
	}
}
table.news-index-table {
	padding:0;
	margin:0;
	font-size:15px;
	
}
table.news-index-table td {
	padding:8px 6px;
	border-bottom:#f7f4e4 1px solid;
}
table.news-index-table a {
	color:#404040;
}
table.news-index-table a:hover {
	color:#ff3600;
	text-decoration:underline;
}
table.news-index-table tr:hover {
	background-color:#f7f4e4;
}
.newsdata {
	color:#7f7f7f;
	text-align:center;
}
.news-tag-a {
	border-radius:6px;
	padding:3px 6px;
	margin-right:5px;
	font-size:12px;
	background-color:#ff6920;
	color:#FFF;
}
.news-tag-b {
	border-radius:6px;
	padding:3px 6px;
	margin-right:5px;
	font-size:12px;
	background-color:#00b1b7;
	color:#FFF;
}
.news-tag-c {
	border-radius:6px;
	padding:3px 6px;
	margin-right:5px;
	font-size:12px;
	background-color:#ff3f64;
	color:#FFF;
}
.news-tag-d {
	border-radius:6px;
	padding:3px 6px;
	margin-right:5px;
	font-size:12px;
	background-color:#009748;
	color:#FFF;
}
.news-tag-e {
	border-radius:6px;
	padding:3px 6px;
	margin-right:5px;
	font-size:12px;
	background-color:#004477;
	color:#FFF;
}
.news-tag-f {
	border-radius:6px;
	padding:3px 6px;
	margin-right:5px;
	font-size:12px;
	background-color:#a99200;
	color:#FFF;
}
.news-tag-g {
	border-radius:6px;
	padding:3px 6px;
	margin-right:5px;
	font-size:12px;
	background-color:#a312ad;
	color:#FFF;
}
.news-tag-h {
	border-radius:6px;
	padding:3px 6px;
	margin-right:5px;
	font-size:12px;
	background-color:#d91100;
	color:#FFF;
}
.news-tag-i {
	border-radius:6px;
	padding:3px 6px;
	margin-right:5px;
	font-size:12px;
	background-color:#e46200;
	color:#FFF;
}
.news-tag-j {
	border-radius:6px;
	padding:3px 6px;
	margin-right:5px;
	font-size:12px;
	background-color:#57ac02;
	color:#FFF;
}
.news-tag-k {
	border-radius:6px;
	padding:3px 6px;
	margin-right:5px;
	font-size:12px;
	background-color:#0085aa;
	color:#FFF;
}
.news-tag-l {
	border-radius: 6px;
	padding: 3px 6px;
	margin-right: 5px;
	font-size: 12px;
	background-color: #018ed0;
	color: #FFF;
}
.news-content {
	font-size:15px;
	clear:both;
}
.news-content a {
	text-decoration:underline;
}
.news-content a:hover {
	color:#FF3300;
	text-decoration:none;
}
.news-content p {
	line-height:1.5em;
	padding:5px 0;
}
.content-mark {
	background-color:#f7f4e4;
	padding:10px;
	margin:5px 0;
	border-radius:10px;
	
}
.news-data {
	float:right;
	background-color:#ff9000;
	display:inline-block;
	padding:2px 8px;
	color:#FFF;
	border-radius:4px;
	margin-bottom:5px;
}
h4.news-secondTitle {
	color:#c14900;
	line-height:1.5em;
	margin:10px 0 5px 0;
	padding:0;
}
ul.content-download {
	
	background-image: linear-gradient(to right, rgba(248,246,235, 1),  rgba(236,249,228, 1));
	margin:0 0 5px 0;
	padding:10px;
	border-radius:4px;
}
ul.content-download li {
	padding:4px 0;
	margin:0;
	list-style:none;
	color:#2658c5;
}
ul.content-download li a {
	color:#2658c5;
}
/*--- banner ---*/
ul.quickLink {
	padding:0;
	margin:50px 0 0 0;
}
ul.quickLink li {
	padding:0;
	margin:0;
	list-style:none;
}
@media screen and (max-width:768px) {
ul.quickLink {
	margin:10px 0 0 0;
}
ul.quickLink li  {
	width:48%;
	float:left;
	margin:0 1%;
}
}
@media screen and (max-width:480px) {
ul.quickLink {
	margin:10px 0 0 0;
}
ul.quickLink li  {
	width:100%;
	float:none;
	margin:0;
}
}
ul.quickLink li a {
	color:#FFFFFF;
	display:block;
	border-radius:10px;
	font-size:20px;
	text-shadow:0 1px 4px rgba(0,0,0, .6);
	box-shadow:0 1px 1px rgba(0,0,0, .5);
	margin:10px 0;
	padding:20px 0 20px 22%;
	letter-spacing:3px;
}
ul.quickLink li a:hover {
	text-decoration:none;
	box-shadow:inset 0 1px 1px rgba(0,0,0, .5);
opacity:.6;
}
ul.quickLink li a.quicklink-award {
	 background-image:url(../images/icon-award-a.svg),
                       url(../images/icon-award-b.svg),
                       linear-gradient(to top, rgba(168,190,100, 1),  rgba(194,218,119, 1));
background-repeat  : no-repeat,
                       no-repeat,
                       no-repeat;
background-position: left center,
                       right,
                       right;
background-size:20%,45%, 100%;

}
ul.quickLink li a.quicklink-search {
	 background-image :url(../images/icon-search-a.svg),
                       url(../images/icon-search-b.svg),
                       linear-gradient(to top, rgba(100,190,104, 1),  rgba(119,218,149, 1));
background-repeat  : no-repeat,
                       no-repeat,
                       no-repeat;
background-position: left center,
                       right,
                       right;
background-size:20%,55%, 100%;

}
ul.quickLink li a.quicklink-training {
	 background-image : url(../images/icon-training-a.svg),
                       url(../images/icon-training-b.svg),
                       linear-gradient(to top, rgba(100,190,183, 1),  rgba(119,218,196, 1));
background-repeat  : no-repeat,
                       no-repeat,
                       no-repeat;
background-position: left center,
                       right top,
                       right;
background-size:20%,35%, 100%;

}
ul.quickLink li a.quicklink-elearing {
	 background-image : url(../images/icon-elearning-a.svg),
                       url(../images/icon-elearning-b.svg),
                       linear-gradient(to top, rgba(100,176,190, 1),  rgba(119,212,218, 1));
background-repeat  : no-repeat,
                       no-repeat,
                       no-repeat;
background-position: left center,
                       right,
                       right;
background-size:20%,45%, 100%;

}
ul.quickLink li a.quicklink-meeting {
	 background-image : url(../images/icon-meeting-a.svg),
                       url(../images/icon-meeting-b.svg),
                       linear-gradient(to top, rgba(100,155,190, 1),  rgba(119,189,218, 1));
background-repeat  : no-repeat,
                       no-repeat,
                       no-repeat;
background-position: left center,
                       right top,
                       right;
background-size:20%,35%, 100%;

}
ul.quickLink li a.quicklink-month {
	 background-image : url(../images/icon-meeting-a.svg),
                       url(../images/icon-meeting-b.svg),
                       linear-gradient(to top, rgba(168,190,100, 1),  rgba(194,218,119, 1));
background-repeat  : no-repeat,
                       no-repeat,
                       no-repeat;
background-position: left center,
                       right,
                       right;
background-size:20%,45%, 100%;

}
/*--- active ---*/
.active {
	/*background-color:#f7f7f7;
	padding:0 1.5%;*/
}
h3.activeTitle {
	margin:10px 1%;
	border-bottom:2px solid #3097cc;
	color:#2556c5;
	font-size:20px;
	padding:15px 0 10px 40px;
	background:url(../images/icon-active.svg) left center no-repeat;
	background-size:35px;
}
.active-more a {
	float:right;
	font-size:15px;
	margin-top:5px;
	padding:2px 6px;
	font-weight:normal;
	color:#2657c5;
}
.active-more a:hover {
	background-color:#2b79c9;
	color:#FFF;
	text-decoration:none;
	border-radius:6px;
	text-shadow:0px 1px 5px rgba(0,0,0, .7);
}
.active-box {
	width:18%;
	margin:0 1%;
    box-shadow:0px 1px 5px #d9d9d9;
	padding:10px 0 0 0;
	float:left;
}
@media screen and (max-width:768px) {
.active {
	background-color:#f7f7f7;
	padding:0 3%;
}
	.active-box {
	width:23%;
	margin:0 1%;
	}
	.box-display {
		display:none;
	}
}
@media screen and (max-width:480px) {
.active {
	background-color:#f7f7f7;
	padding:0 5%;
}
	.active-box {
	width:48%;
	margin:1%;
	}
	.box-display {
		display:none;
	}
}
.active-box:hover {
	background-color:#FFFFFF;
    box-shadow:0px 1px 5px #999999;
}
.active-main {
	min-height:180px;
	overflow:auto;
}
.active-data {
	background-color:#ffa006;
	color:#FFF;
	margin-left:10px;
	display:inline-block;
	padding:1px 8px;
	border-radius:4px;
}
h4.active-title {
	color:#00819a;
	margin-left:10px;
	margin-right:10px;
	background-image:url(../images/icon-add.svg);
	background-position:left top;
	background-repeat:no-repeat;
	background-size:14px;
	padding-left:1em;
	padding-right:10px;
	line-height:1.3em;
	text-align:left;
}
.active-location {
	background:url(../images/icon-placeholder.svg) left top no-repeat;
	padding-left:1.2em;
	background-size:12px;
	margin-left:10px;
	padding-bottom:10px;
	padding-right:10px;
}
.active-btn a {
	background-color:#cbdee2;
	color:#FFFFFF;
	display:block;
	text-align:center;
	padding:4px;
}
.active-btn a:hover {
	background-color:#ff6000;
	text-decoration:none;
	color:#FFF;
}
table.active-table {
	border-bottom:1px solid #e4f1f7;
	margin:0;
	padding:0;
	
}
table.active-table td {
	text-align:left;
}
table.active-table th {
	text-align:right;
	padding:2px 6px;
	color:#666666;
	background:none;
}
table.active-table tr:nth-child(odd) {
	background-color:#f3f9fc !important;
}
table.active-table h4 {
	color:#006699;
}
.modal-footer {
	background-color:#cbdee2;
	text-align:center;
	border-radius:0 0 6px 6px;
}

/*-- 線上投稿-----*/
.onlineStep {
	padding: 0;
	margin: 20px 10%;
	overflow: auto;
	text-align: center;
}
.onlineStep ul {
	padding: 0;
	margin: 0 auto;
	text-align: center;
}
.onlineStep ul li {
	padding: 10px;
	border-radius:6px;
	border: 1px solid #C8C8C8;
	margin: 0;
	float: left;
	text-align: center;
	list-style: none;
	width: 20%;
	display: inline-block;
}
.onlineStep ul li.active {
	background-color:#FFD577;
	color: #333333;font-weight: bold;

}
.onlineStep ul li:nth-child(2),.onlineStep ul li:nth-child(4),.onlineStep ul li:nth-child(6) {
	border-radius: 0;
	border: none;
	width: auto;
}
.onlineStep i {
	font-size: 1.5em;
	color: #FF9100;
}

@media screen and (min-width:480px) and (max-width:768px) {
		.onlineStep {
	margin: 10px;
}
	.onlineStep ul li {
	width: 18%;
		padding: 10px 5px;
		float: none;
}
}

@media screen and (max-width:480px) {
	.onlineStep {
	margin: 10px;
}
	.onlineStep ul li {
	float: none;
	width: 100%;
}
	
.onlineStep i {
	font-size: 1.5em;
	color: #FF9100;
	/* Safari */
-webkit-transform: rotate(90deg);

/* Firefox */
-moz-transform: rotate(90deg);

/* IE */
-ms-transform: rotate(90deg);

/* Opera */
-o-transform: rotate(90deg);
}
}

.review {
	padding: 20px;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}
.review h2 {
	text-align: center;
	font-size: 18pt;
	font-weight: bold;
	font-family:PMinLiu;
}
.review h3 {
	text-align: center;
	font-size: 14pt;
	font-weight: bold;
	line-height: 18pt;
}
.review h3.title-ch {
	font-family:PMinLiu;
}
.review h3.title-en {
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}
.review .nameUnderline {
	text-decoration: underline;
}
.review h4 {
	padding: 20px 0 0 0;
	font-weight: bold;
	
}
.review p {
	line-height: 18pt;
	font-size: 14pt;
	text-align: justify;
}
.reivew-pic {
	margin: 10px 1%;
	float: left;
	width: 48%;
}
.reivew-pic img {
	box-shadow: 0 2px 5px rgba(0,0,0,.2);
}
.review-pic-title {
	padding: 5px 2px;
}
.finish {
	padding: 20px;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	text-align: center;
	font-size: 15pt;
	font-weight: bold;
	line-height: 26pt;
}
.finish button {
	width: 40%;
}

@media screen and (max-width:480px) {

.reivew-pic {
	margin: 10px 1%;
	float: none;
	width: 98%;
}	
.finish button {
	width: 100%;
}
}


/*--- gotop ---*/
.gotop {
	text-align:center;
	padding:10px;
}
.gotop img {
	width:35px;
}
.gotop:hover {
opacity:.6;
	
}
/*--- footer ---*/
.footer {
	background-color:#dadada;
    box-shadow:inset 0px 1px 5px #aaaaaa;
	overflow:auto;
}
.copyright {
	padding:10px 0;
}
.copyright p {
	color:#505050;
	padding-top:1em;
}
.copyright i {
	color:#838383;
	width:1.2em;
}
.footer-logo {
	font-size:15px;
	color:#333333;
	padding-top:10px;
}
.footer-nav {
	padding:10px ;
}
@media screen and (max-width:768px) {
	.footer-nav {
		display:none;
		margin-top:10px;
	}
	.copyright {
		text-align:center;
	}
}
.footer-nav h4 {
	color:#333333;
	border-bottom:#b7b7b7 1px solid;
	font-size:15px;
	margin:0;
	padding:10px 4px;
}
.footer-nav ul {
	border-top:1px #ededed solid;
	padding:5px 4px;
	margin:0;
}
.footer-nav ul li {
	padding:0;
	margin:5px 0;
	list-style:none;
}
.footer-nav ul li a,.footer-nav h4 a {
	color:#5f5f5f;
	text-decoration:none;
	margin:0;
	display:block;
}
.footer-nav ul li a:hover,.footer-nav h4 a:hover {
	color:#909090;
	text-decoration:underline;
}
    input.AreaCode {
        width:70px;
    }
    input.Address {
        width:80%;
    }

label.error {
/*	height: 17px;*/
	margin-left: 9px;
	padding: 1px 5px 0px 5px;
/*	font-size: small;*/
	color: red;
	border: 0px;
	background-image: none;
	color: #e83700;
}

input.error {
	border: 1px solid #ff4e00;
}

select.error {
	border: 1px solid red;
}

textarea.error {
	border: 1px solid red;
}