/* 

=== animaiton ===
*/
.index .highlight img {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
@-webkit-keyframes inxHL-ani { 0% {
-webkit-transform: scale(1);
}
 30% {
-webkit-transform: scale(1.1);
}
 100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes inxHL-ani { 0% {
-moz-transform: scale(1);
}
 30% {
-moz-transform: scale(1.1);
}
 100% {
-moz-transform: scale(1);
}
}
@keyframes inxHL-ani { 0% {
transform: scale(1);
}
 30% {
transform: scale(1.1);
}
 100% {
transform: scale(1);
}
}
/* 

=== basic ===
*/
body {
	background: #FFF;
	font-family: 'PT Sans', '微軟正黑體', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	color: #222;
}
h1, h2, h3 {
	font-family: 'PT Sans Caption', '微軟正黑體', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
	font-weight: 400;
}
h1 {
	font-size: 48px;
	color: #fff;
	text-transform: uppercase;
	line-height: 48px;
}
h2 {
	font-size: 40px;
	text-align: center;
	line-height: 35px;
}
h3 { font-size: 22px; }
.full {
	width: 940px;
	margin: 0 auto;
}
.btn-div {
	width: 100%;
	text-align: center;
}
.red.btn {
	background: #de4848;
	border: 5px solid #de4848;
	color: #fff;
	font-size: 21px;
	padding: 16px 26px;
}
.red.btn:hover {
	background-color: transparent;
	color: #de4848;
}
/* 

=== header & footer === 
*/
header {
	width: 100%;
	background: #222;
	padding: 25px 0;
	line-height: 18px;
}
header .lang {
	text-align: right;
	margin-top: -5px;
	padding-bottom: 8px;
}
header .lang a {
	font-size: 12px;
	font-weight: bold;
	color: #757575;
	margin-left: 7px;
}
header .lang a.active, header .lang a:hover { color: #ffd633; }
header nav {
	text-align: right;
	float: right;
	margin-top: 15px;
}
header nav a.menu {
	display: none;
	padding-top: 20px;
	cursor: pointer;
}
header nav ul li, footer div ul li { float: left; }
header nav ul li a, footer div ul li a {
	font-family: 'PT Sans Caption', '微軟正黑體', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	padding: 14px 11px;
	margin: 0;
	line-height: 9px;
}
header nav ul li a.active, header nav ul li a:hover, footer div ul li a:hover { color: #ffd633; }
header nav ul li a.active:after {
	display: block;
	position: absolute;
	content: "";
	width: 14px;
	height: 1px;
	background: #ffd633;
	margin-left: 50%;
	top: 0;
	left: -7px;
}
header nav ul li:last-child a { background: #333333; }
header nav ul li:last-child a:hover {
	background: #ffd633;
	color: #222;
}
footer {
	width: 100%;
	background: #222;
	font-size: 14px;
	color: #fff;
	line-height: 18px;
}
footer .full {
	position: relative;
	padding: 38px 0 32px;
}
footer div.FL {
width: 100%;
padding-left: 90px;
background: url(../images/00-foot-logo.png) left top no-repeat;
}
footer div.FL ul { margin-top: 10px; }
footer div.FL ul li { margin-right: 15px; }
footer div.FL ul li:last-child { margin-right: 0; }
footer div.FR {
	position: absolute;
	right: 0;
	text-align: right;
}
footer div.FR ul li a { padding: 14px 0 14px 40px; }
footer div.FR ul li:first-child a { padding-left: 0; }
footer .social {
	margin-top: 38px;
	margin-right: -4px;
    width:150px;
}
footer .social a {
	font-size: 33px;
	font-weight: 400;
	color: #FFF;
}
footer .social a:hover { color: #ffd633; }
footer .social a:last-child i:before { margin-right: 0; }

footer .social a img {
	padding-left: 5px;
}

#footer-logo {
    width: 720px;
}

footer .copyright {
	padding: 20px 0;
	border-top: 1px solid #3c3c3c;
	text-align: center;
	color: #FFF;
	font-size: 11px;
}
/* 

=== Login  ===
*/
#login { max-width: 780px; }
#login .hero {
	width: 780px;
	height: 200px;
	color: #fff;
	text-align: center;
	background: url(../images/00-login-hero.jpg) center center no-repeat;
	background-size: cover;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/00-login-hero.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/00-login-hero.jpg', sizingMethod='scale')";
}
#login .content { margin-top: 0 !important; }
#login .content .email-login {
	padding-right: 53px;
	width: 353px;
	border-right: 1px solid #d5d5d5;
}
#login .content .email-login .or-line {
	position: absolute;
	top: 41%;
	left: 49%;
	background: #fff;
	padding: 10px 0 12px;
	color: #d5d5d5;
}
.social-login { width: 300px; }
#login .content input[type=text], #login .content input[type=password], #login .content input[type=submit] { width: 100%; }
#login .content input[type=text], #login .content input[type=password] { margin-bottom: 10px; }
#login .content input[type=text] { background: url(../images/00-login-email.png) center right no-repeat; }
#login .content input[type=password] {
	margin-bottom: 25px;
	background: url(../images/00-login-pw.png) center right no-repeat;
}
#login .content input[type=submit] { margin-top: 30px; }
#login .content { padding: 37px; }
.fb-login, .weibo-login {
	position: relative;
	width: 100%;
	padding-left: 61px;
}
.fb-login a, .weibo-login a {
	display: inline-block;
	width: 100%;
	height: 60px;
	line-height: 59px;
	color: #fff;
	text-align: center;
	padding: 0;
}
.fb-login a {
	background: #4b6daa;
	margin: 0 0 10px 0;
}
.weibo-login a {
	background: #e93c4d;
	margin: 0;
}
.fb-login a:before, .weibo-login a:before {
	position: absolute;
	top: 0;
	left: -61px;
	font-family: 'ied';
	display: inline-block;
	width: 60px;
	height: 60px;
	font-size: 22px;
	line-height: 58px;
	text-align: center;
}
.fb-login a:before {
	content: '\e80c';
	background: #4b6daa;
}
.weibo-login a:before {
	content: '\e80e';
	background: #e93c4d;
}
.fb-login a:hover, .fb-login a:hover:before, .weibo-login a:hover, .weibo-login a:hover:before { color: #fff; }
.fb-login a:hover { background-color: #2e4f8c; }
.weibo-login a:hover { background-color: #c52e3c; }
#login .content>.social-login p { margin: 19px 0 12px; }
#login .content .social-login .red.btn { width: 100%; }
/* 

=== Login - Forget Password  ===
*/
#forget-pw.overlay form { position: relative; }
#forget-pw.overlay form input[type=text] { width: 100%; }
#forget-pw.overlay form input.btn {
	position: absolute;
	top: 0;
	right: 0;
}
#forget-pw.overlay .block { width: 625px; }
#forget-pw.overlay form div {
	margin-right: 190px;
	margin-top: 15px;
}
#forget-pw.overlay form input.btn { width: 180px; }
/* 

=== content  ===
*/
.content {
	position: relative;
	width: 100%;
	background: #fff;
}
.content.greybk {
	background: #e0e0e0 url(../images/09-bk.png);
	padding-bottom: 110px;
}
.content.greybk>section.full, .content.greybk .hgroup { margin-top: -40px; }
/* 

=== Back to Top button === 
*/
#back-top {
	position: fixed;
	bottom: 30px;
	right: 0;
	margin-right: 50px;
}
#back-top a {
	width: 60px;
	display: block;
	opacity: 0.1;
	filter: alpha(opacity=10);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}
#back-top a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/* 

=== Chat with us button === 
*/
#chat-box {
	position: fixed;
//	top: 150px;
	bottom: 30px;
	right: 0px;
	margin-right: 50px;
	z-index: 9999;
}
#chat-box a {
	width: 60px;
	display: block;
	opacity: 1;
	filter: alpha(opacity=10);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}
#chat-box a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/* 

=== floating QR code === 
*/
#qr-box {
	position: fixed;
	top: 250px;
	right: 3px;
	margin: 0px;
	padding: 3px;
	background-color: white;
	border: 1px solid #ffd633;
	z-index: 9999;
}
#qr-box a {
	width: auto;
	display: block;
	opacity: 0.4
	filter: alpha(opacity=10);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}
#qr-box a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/* 

=== hero  ===
*/
.content.index .hero {
	width: 100%;
	height: 495px;
	background: url(../images/01-hero-index.jpg) center center no-repeat;
	background-size: cover;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/01-hero-index.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/01-hero-index.jpg', sizingMethod='scale')";
}
.content.subpage .hero {
	width: 100%;
	height: 300px;
}
.index .hero .full { height: 495px; }
.subpage .hero .full { height: 300px; }
.hero .full:before, #login .hero:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.5em;
}
.hgroup h1 { margin-bottom: 13px; }
.hero .hgroup {
	color: #fff;
	font-size: 18px;
	line-height: 20px;
	display: inline-block;
	vertical-align: middle;
}
.hero .hgroup p a {
	color: #fff;
	text-decoration: underline;
}
.hero .hgroup p a:hover {
	color: #fff;
	text-decoration: none;
}
.index .hero .hgroup { width: 490px; }
.subpage .hero .hgroup { width: 550px; }
.content.index .hero .hgroup a.btn {
	margin: 50px 0 0;
	padding: 15px 20px;
	border: 5px solid #ffd633;
	font-size: 20px;
	color: #ffd633;
}
.content.index .hero .hgroup a.btn:hover {
	color: #3a3938;
	background: #ffd633;
}
/* 

=== Index - Course Hightlights  ===
*/
.index .highlight { padding: 85px 0 35px; }
.index .highlight h2 { margin-bottom: 50px; }
.index .highlight h3 { margin: 25px 0 8px; }
.index .highlight li {
	float: left;
	width: 300px;
	padding: 0 0 25px;
	text-align: center;
	margin-right: 20px;
}
.index .highlight li:last-child { margin-right: 0; }
.index .highlight li:after {
	content: "";
	display: block;
	width: 20px;
	height: 1px;
	background: #222;
	margin: 25px auto 0;
}
.index .highlight li>div {
	position: relative;
	width: 244px;
	margin: 0 auto;
}
.index .highlight li img:last-of-type {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
.index .highlight li:hover img:first-of-type { 
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
.index .highlight li:hover img:last-of-type {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
	-webkit-animation: inxHL-ani 0.3s ease-out;
	-moz-animation: inxHL-ani 0.3s ease-out;
	-o-animation: inxHL-ani 0.3s ease-out;
	animation: inxHL-ani 0.3s ease-out;
}
.index .highlight li:hover:after { background: #d9d9d9; }
/* 

=== Index - Seperated Line  ===
*/
.content.index hr, .subpage.about hr {
	width: 100%;
	height: 2px;
	background: url(../images/01-line.png) center center no-repeat;
	border: 0;
}/* 

=== Index - Learning Tools  ===
*/
.index .tools, .subpage.about .team { padding: 75px 0 105px; }
.index .tools h2, .subpage.about .team h2 { margin-bottom: 50px; }
.index .tools li {
	float: left;
	width: 220px;
	background-size: 112px;
	background-position: top center;
	background-repeat: no-repeat;
	padding: 112px 0 25px;
	margin-right: 20px;
	text-align: center;
}
.index .tools li:first-child {
	background-image: url(../images/01-tools-1.png);
	background-image: url(../images/01-tools-1.svg), none;
}
.index .tools li:nth-child(2) {
	background-image: url(../images/01-tools-2.png);
	background-image: url(../images/01-tools-2.svg), none;
}
.index .tools li:nth-child(3) {
	background-image: url(../images/01-tools-3.png);
	background-image: url(../images/01-tools-3.svg), none;
}
.index .tools li:last-child {
	background-image: url(../images/01-tools-4.png);
	background-image: url(../images/01-tools-4.svg), none;
	margin-right: 0;
}
.index .tools h3 {
	display: table;
	width: 100%;
	margin: 0 0 11px;
}
.index .tools h3>span {
	display: table-cell;
	vertical-align: middle;
	line-height: 24px;
	text-align: center;
}
.index .tools li:after {
	content: "";
	display: block;
	width: 20px;
	height: 1px;
	background: #222;
	margin: 25px auto 0;
}
.index .tools .red.btn {
	margin-top: 55px;
	padding-left: 60px;
	padding-right: 60px;
}
/* 

=== Index - Welcome  ===
*/
.index .welcome {
	width: 100%;
	height: 480px;
	background: url(../images/01-welcome-bk.jpg) center center no-repeat;
	background-size: cover;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/01-welcome-bk.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/01-welcome-bk.jpg', sizingMethod='scale')";
}
.index .welcome .full {
	position: relative;
	color: #fff;
}
.index .welcome img {
	position: absolute;
	top: 65px;
	left: 0;
	-moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}
.index .welcome h2 {
	position: absolute;
	top: 65px;
	left: 485px;
	font-size: 48px;
	font-weight: 700;
}
.index .welcome p {
	position: absolute;
	top: 115px;
	left: 485px;
	width: 460px;
	line-height: 21px;
}
.index .welcome iframe, .index .welcome video {
	position: absolute;
	top: 195px;
	left: 400px;
	-moz-box-shadow: 0 3px 10px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.2);
	box-shadow: 0 3px 10px rgba(0,0,0,0.2);
    height: auto;
}
/* 

=== Index - Free Trial  ===
*/
section.trial {
	width: 100%;
	background: url(../images/01-trial-bk.jpg);
	color: #fff;
}
section.trial .full {
	position: relative;
	padding-top: 45px;
	padding-bottom: 50px;
}
section.trial h2 {
	font-size: 21px;
	font-weight: 700;
	letter-spacing: 1px;
	text-align: left;
}
section.trial p {
	width: 600px;
	margin-top: 4px;
}
section.trial a {
	position: absolute;
	top: 60px;
	right: 5px;
	font-size: 20px;
	padding: 15px 25px;
	background: #fff;
	letter-spacing: 0;
	border: 5px solid #fff;
}
section.trial a:hover {
	background-color: transparent;
	color: #FFF;
}
/* 

=== Subpage - Registration  ===
*/
.subpage.register .hero {
	background: url(../images/00-login-hero.jpg) center center no-repeat;
	background-size: cover;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/00-login-hero.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/00-login-hero.jpg', sizingMethod='scale')";
}
.subpage.register .hero .full { position: relative; }
.subpage.register .hero .social-login {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -65px;
}
.subpage.register .block { padding-top: 36px; }
.subpage.register form { margin-top: 20px; }
.subpage.register .toggle label span { padding: 17px 10px; }
.subpage.register p.optional {
	margin: 30px 0 20px;
	width: 100%;
}
.subpage.register p.optional span { color: #cdcdcd; }
.subpage.register textarea { height: 184px; }
.subpage.register .tc, .subpage.register .submit {
	width: 100%;
	text-align: center;
}
.subpage.register .tc { margin-top: 55px; }
/*.subpage.register .recaptcha { border: 1px solid #e4e4e4; }
.subpage.register .recaptcha img {
	width: 100%;
	height: 118px;
}*/
/* 

=== Subpage - How  ===
*/
.subpage.how .hero {
	background: url(../images/02-how-hero.jpg) center center no-repeat;
	background-size: cover;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/02-how-hero.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/02-how-hero.jpg', sizingMethod='scale')";
}
.subpage.how .point, .subpage.about .point, .subpage.mission .point {
	margin-left: 20px;
	padding: 42px 0;
}
.subpage.how .point:first-child, .subpage.about .point:first-child, .subpage.mission .point:first-child { padding-top: 85px; }
.subpage.how .point:last-child, .subpage.about .point:last-child, .subpage.mission .point:last-child { padding-bottom: 85px; }
.subpage.how .point li.FL, .subpage.about .point li.FL, .subpage.mission .point li.FL { margin: 0 20px 0 -20px; }
.subpage.how .point .text, .subpage.about .point .text, .subpage.mission .point .text { width: 41%; }
.subpage.how .point .thumb, .subpage.about .point .thumb, .subpage.mission .point .thumb {
	width: 59%;
	max-width: 540px;
}
.subpage.how .point .thumb img, .subpage.about .point .thumb img, .subpage.mission .point .thumb img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
.subpage.how .point h2, .subpage.about .point h2, .subpage.mission .point h2 {
	text-align: left;
	margin: 28px 0 13px;
}
.subpage.how .point .video { margin-top: 23px; }
.subpage.how .point .video a {
	padding: 0;
	margin: 0;
}
.subpage.how .point .video a:hover { opacity: 0.7; }
.subpage.how .point .video img { margin-top: 10px; }
.subpage.how .point .video a:first-child { margin-right: 10px; }
/* 

=== Subpage - Plans  ===
*/
.subpage.plans .hero {
	background: url(../images/03-plans-hero.jpg) center center no-repeat;
	background-size: cover;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/03-plans-hero.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/03-plans-hero.jpg', sizingMethod='scale')";
}
.subpage.plans .submit {
	width: 100%;
	text-align: center;
	margin-top: 85px;
}
/* 

=== Subpage - About  ===
*/
.subpage.about .hero {
	background: url(../images/05-about-hero.jpg) center center no-repeat;
	background-size: cover;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/05-about-hero.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/05-about-hero.jpg', sizingMethod='scale')";
}
.subpage.about .point .thumb, .subpage.mission .point .thumb { text-align: center; }
.subpage.about .point h2, .subpage.mission .point h2 { margin-top: 30px; }
.subpage.about .team {
	padding: 75px 0 50px;
	text-align: center;
}
.subpage.about .team li {
	display: inline-block;
	width: 24.6%;
	padding: 0 5px;
	margin: 0 0 60px;
	min-width: 190px;
}
.subpage.about .team li h3 {
	width: 100%;
	display: table;
	margin: 15px 0 5px;
}
.subpage.about .team li h3 span {
	display: table-cell;
	vertical-align: middle;
}
.subpage.about .team li:after {
	content: "";
	display: block;
	width: 20px;
	height: 1px;
	background: #222;
	margin: 25px auto 0;
}
section.s-feedback {
	position: relative;
	width: 100%;
	height: 351px;
	background: url(../images/05-feedback-bk.jpg) center center no-repeat;
	background-size: cover;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/05-feedback-bk.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/05-feedback-bk.jpg', sizingMethod='scale')";
	color: #fff;
	padding: 65px 20px 0;
}
section.s-feedback .full {
	text-align: center;
	font-size: 20px;
	margin-top: 45px;
	line-height: 28px;
	padding: 0 30px;
}
section.s-feedback #slider { display: none }
section.s-feedback #slider p .name {
	display: block;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	margin-top: 35px;
}
section.s-feedback a.prev, section.s-feedback a.next {
	position: absolute;
	top: 125px;
	font-size: 60px;
	color: #fff;
	cursor: pointer;
}
section.s-feedback a.prev:hover, section.s-feedback a.next:hover { opacity: 0.4; }
section.s-feedback a.prev { left: 30px; }
section.s-feedback a.next { right: 30px; }
/* 

=== Subpage - Mission  ===
*/
.subpage.mission .hero {
	background: url(../images/05-mission-hero.jpg) center center no-repeat;
	background-size: cover;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/05-mission-hero.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/05-mission-hero.jpg', sizingMethod='scale')";
}
/* 

=== Subpage - Contact  ===
*/
.subpage.contact .hero {
	height: 600px;
}
.subpage.contact .hero .hgroup {
	position: absolute;
	top: 90px;
	left: 50%;
	margin-left: -473px;
}
.subpage.contact #map-canvas {
	width: 100%;
	height: 600px;
	display: none \9;
}
.subpage.contact .map-img {
	display: none;
	display: block \9;
	width: 100%;
	height: 600px;
	background: url(../images/07-map-ie8.jpg) top center no-repeat;
}
.subpage.contact .text { 
	padding-top: 65px;
	padding-bottom: 100px;
}
.subpage.contact .text .FL {
	width: 67%;
	padding-right: 40px;
}
.subpage.contact .text .FR {
	width: 33%;
}
.subpage.contact .text h1 {
	color: #222;
}
.country {
	max-width: 460px;
}
.country h3 {
	margin: 32px 0 12px;
	text-transform: uppercase;
}
.country p {
	margin: 0 0 13px;
}
.country p span {
	display: inline-block;
}
.FL .country p span {
	width: 50px;
}
.FR .country p span {
	width: 125px;
}
.FR .country:first-child h3 {
	margin-top: 6px;
}
/* 

=== Subpage - FAQ  ===
*/
.subpage.faq .hero {
	background: url(../images/04-faq-hero.jpg) center center no-repeat;
	background-size: cover;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/04-faq-hero.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/04-faq-hero.jpg', sizingMethod='scale')";
}
.subpage.faq .text {
	position: relative;
}
.subpage.faq .tabs {
	position: absolute;
	top: -40px;
	left: 0;
	width: 100%;
	padding-left: 10px;
}
.subpage.faq .tab-link {
	display: inline-block;
	width: 50%;
	background: #de4848;
	padding: 20px;
	margin-left: -10px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-size: 22px;
	cursor: pointer;
}
.subpage.faq .tab-link:hover {
	background: #f46464;
}
.subpage.faq .tab-link.current {
	background: #fff;
	color: #222;
}
.subpage.faq .tab-content { display: none; padding-top: 20px; padding-bottom: 200px; }
.subpage.faq .tab-content.current { display: inherit; }
.subpage.faq .cat {
	padding-top: 80px;
}
.subpage.faq .tab-content h3 {
	margin-bottom: 10px;
}
.subpage.faq .tab-content .title {
	color: #de4646;
}
.subpage.faq .tab-content .title.accordion-active:hover {
	cursor: default;
}
.subpage.faq .tab-content .content {
	margin-top: 26px;
}
.subpage.faq .accordion li {
	padding: 13px 0;
}
.subpage.faq .cat:after {
	content: "";
	display: block;
	width: 20px;
	height: 1px;
	background: #222;
	margin: 28px 0 0;
}
.recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th {
    line-height: 0 !important;
}
#recaptcha_area input {
    height: auto !important;
    display: inline !important;
}


/* 

=== Subpage - FAQ  ===
*/
.subpage.blog .text {
	position: relative;
}

.subpage.blog .blog_cat{
    width: 25%;
	padding :80px 0px;
}
.subpage.blog .blog_content{
    width: 70%;
	padding :80px 0px;
	word-wrap: break-word;
	overflow-wrap: break-word;
	word-break: break-word;
}

.subpage.blog .blog_content img 
{
	max-width: 100%;
	height: auto !important;
}

.subpage.blog .blog_content h2{
    font-size: 14px; 
    text-align: left;
}

.subpage.blog .blog_cat h2 {
	display:block;
	background-color:#de4848;
	color:#FFFFFF;
	font-family: 'PT Sans Caption', '微軟正黑體', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
	padding:10px 20px;
	font-size:16px;
	text-align:left;
}

.subpage.blog .blog_cat h3 {
	padding:10px 20px;
    border-bottom: 1px solid #d7d7d7;
	font-size:16px;
	text-align:left;
}

.subpage.blog .blog_cat a {

}

.subpage.blog .blog_cat a.active {
    
}

.subpage.blog .blog_row {
    margin-bottom: 20px;
    background: #f8f8f8;
	padding:20px 30px;
	font-size:14px;
	color:#000000;
}
.subpage.blog .blog_date {
	font-size:14px;
	line-height:25px;
}

.subpage.blog .blog_title{
	color: #de4848;
    font-size: 22px;
	line-height:25px;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.subpage.blog .more {
	padding:10px 0px 0px 0px;
}

.subpage.blog .more::after {
	content:"...";
	color: #de4646;
}

.subpage.blog .more:hover:after {
	color: #000;
}

.subpage.blog .hero {
	background: url(../images/05-about-hero.jpg) center center no-repeat #666666;
	background-size: cover;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/05-about-hero.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/05-about-hero.jpg', sizingMethod='scale')";
}

.subpage.blog .blog_cat h3 .active {
	color:#000000;
}