/*---- reset.css 讓所有的各家瀏覽器乖乖聽話，呈現一樣的結果  ----*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
tfoot,
thead,
{
    /* margin: 0;
    padding: 0;  
    border: 1
 vertical-align: baseline; table,tbody, th,   */
    outline: 0;
    font-size: 100%;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
/* remember to define focus styles! */

:focus {
    outline: 0;
}
/* remember to highlight inserts somehow! */

ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */

/*---- 共通設定 ----*/

body {
    font-family: 'Roboto', sans-serif;
}
h1 {
    font-size: 36px;
    color: #82be0f;
}
h2 {
    font-size: 24px;
    color: #82be0f;
    line-height: 30px;
}
h3 {
    font-size: 20px;
    color: #82be0f;
    line-height: 24px;
}
h4 {
    font-size: 18px;
    color: #82be0f;
}
h5 {
    font-size: 18px;
    color: #fff;
    line-height: 24px;
}
h6 {
    font-size: 28px;
    color: #82be0f;
    line-height: 36px;
}
.padding-top {
    padding-top: 60px;
}
.padding-top1 {
    padding-top: 20px;
}
.padding-top2 {
    padding-top: 30px;
}
.padding-top3 {
    padding-top: 40px;
}
.padding-top4 {
    padding-top: 70px;
}
.padding-bottom {
    padding-bottom: 60px;
}
.padding-bottom1 {
    padding-bottom: 20px;
}
.padding-bottom2 {
    padding-bottom: 30px;
}
.padding-bottom3 {
    padding-bottom: 40px;
}
.padding-bottom4 {
    padding-bottom: 70px;
}
.section-title {
    padding-bottom: 45px;
}
.section-title h1 {
    color: #82be0f;
}
.section-title h3 {
    color: #82be0f;
    line-height: 15px;
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 5px;
}
.title-border {
    background-color: #82be0f;
    height: 2px;
    width: 200px;
    margin-bottom: 40px;
    margin-top: 10px;
}
.text-center {
    text-align: center
}
.background-color1 {
    background-color: #2b2b2b;
    color: #ffffff;
}
.background-color1 h1 {
    color: #82be0f;
}
.background-color2 {
    background-color: #171717;
    color: #ffffff;
}
.background-color3 {
    background-color: #000000;
    color: #ffffff;
}
.height1 {
    height: 80px;
}
.height2 {
    height: 170px;
}
.price2 {
    font-size: 22px;
    color: #fff;
}
.line1 {
    margin-bottom: 0px;
    height: 5px;
    border-bottom: 1px solid #fff;
}
/*------------------------------------------------------------------
#btn
------------------------------------------------------------------*/

.btn-submit {
    border: 0px solid #e4e4e4;
    border-radius: 0;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-top: 10px;
    padding: 8px 25px;
    text-transform: uppercase;
    color: #000000;
    background-color: rgba(130, 190, 15, 1);
    margin-left: -15px;
}
.btn-submit:hover {
    background-color: rgba(130, 190, 15, 0.55);
    color: #fff;
    text-decoration: none;
}
.btn-width {
    width: 93px;
}
.upgrade-paid-btn {
    padding: 15px 40px;
    width: 110px;
    height: 25px;
    background-color: #82BE0F;
}
.upgrade-paid-btn a:hover {
    text-decoration: none;
    color: #fff;
}
.upgrade-paid-btn:hover {
    background-color: rgba(130, 190, 15, 0.55);
    color: #fff;
    text-decoration: none;
}
.upgrade-paid-btn a {
    font-size: 20px;
    color: #000;
    position: relative;
    top: 4px;
    left: 0px;
}
.upgrade-paid-btn img {
    position: relative;
    left: 10px;
    top: -2px;
}
/*------------------------------------------------------------------
#parallax-section
------------------------------------------------------------------*/

.parallax-section {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    min-height: 150px;
    color: #fff;
    font-size: 18px;
}
.parallax-content {
    padding-bottom: 70px;
    padding-top: 200px;
}
.parallax-content h1 {
    text-transform: uppercase;
    line-height: 36px;
    color: #82be0f;
}
.parallax-content p {
    line-height: 24px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 100;
}
.container p {
    padding-top: 10px;
    font-size: 16px;
    padding-bottom: 15px;
    line-height: 22px;
    font-weight: 300;
}
.topsection {
    background-image: url("../../images/feature_topbanner.jpg");
    height: 290px;
    margin-top: -1px;
}
.topsection h1 {
    color: #ffffff;
    padding-top: 150px;
    line-height: 48px;
    font-size: 70px;
    font-weight: 400;
    text-shadow: 3px 3px 6px #000000;
}
.topline {
    border-bottom: 8px solid #82be0f;
}
/*Navigation CSS*/

#navigation .container {
    height: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
}
#navigation .navbar-right {
    background-color: #000;
    margin-right: 0px;
}
#navigation .navbar-right li a {
    color: #fff;
    font-size: 16px;
    height: 20px;
    text-transform: uppercase;
}
#navigation .navbar-fixed-top .navbar-right li a.active,
#navigation .navbar-fixed-top .navbar-right li a:hover,
#navigation .navbar-fixed-top .navbar-right li a:focus,
#navigation .navbar-fixed-top .navbar-right li.active a {
    background-color: #000000;
}
#navigation .navbar-right li a.active,
#navigation .navbar-right li a:hover,
#navigation .navbar-right li a:focus,
#navigation .navbar-right li.active a {
    background-color: #82be0f;
}
/*===========================
==promo section banner===
=============================*/

#promo-zero {
    background-image: url(../../images/mainbackground.jpg);
    background-color: #171717;
}
#promo-zero .parallax-content {} #promo-zero .section-title {
    padding-bottom: 20px;
}
#promo-zero .parallax-content h1 {
    font-weight: 700;
    text-transform: none;
    font-size: 48px;
    text-shadow: 2px 2px 4px #000000;
}
#promo-zero .parallax-content h2 {
    font-weight: 700;
    text-transform: none;
    font-size: 42px;
    text-shadow: 2px 2px 4px #000000;
    line-height: 60px;
    color: #ffffff;
}
#promo-zero i {
    font-size: 80px;
    margin-bottom: 35px;
}
#promo-zero a {
    color: #ffffff;
    text-decoration: underline;
}
#promo-zero p {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}
#promo-zero .parallax-content {
    padding-top: 30px;
    padding-bottom: 30px;
}
#promo-zero .parallax-content1 {
    padding-top: 102px;
}
/*===========================
==promo section banner===
=============================*/

#promo-one {
    background-image: url(../../images/mainbackground.jpg);
    background-color: #171717;
}
#promo-one .parallax-content {
    height: 525px;
}
#promo-one .section-title {
    padding-bottom: 20px;
}
#promo-one .parallax-content h1 {
    font-weight: 700;
    text-transform: none;
}
#promo-one i {
    font-size: 80px;
    margin-bottom: 35px;
}
#promo-one .parallax-content {
    padding-top: 60px;
}
#promo-one .parallax-content1 {
    padding-top: 102px;
}
/*===========================
==promo-section banner two
=============================*/

#promo-two {
    background-image: url(../../images/mainbackground.jpg);
    background-color: #82be0f;
}
#promo-two .parallax-section {
    height: 160px;
}
#promo-two .parallax-content h1 {
    font-weight: 400;
    text-transform: none;
}
#promo-two .parallax-content {
    padding-top: 10px;
    padding-bottom: 10px;
}
.bannertext1 {
    height: 228px;
}
.link {} 
a.link {
    color: #82be0f;
    text-decoration: underline;
}
a.link:hover {
    text-decoration: none;
    color:#ffffff;
}
a.link:visited {
    text-decoration: none;
    color: #82be0f;
}

/*===========================
Mocap Add
=============================*/

a.btn_mocap{}

a.btn_mocap:link{ display:inline-block; background-color:#82be0f;width:380px; line-height:60px; background-image:url(../../images/btn_bg_mocap.png); background-position:right center; background-repeat:no-repeat; color:#171717; font-size:34px; font-weight:bold;}
a.btn_mocap:hover{ background-color:#97dc13; color:#000000;}