@import url('https://fonts.googleapis.com/css?family=Noto+Sans');

h1,h2,h3,h4,h5,h6,p {
    margin: 0;
    padding: 0;
    font-weight: bold
}

.table {
    margin-bottom: 0
}

textarea {
    resize: none
}

label {
    font-weight: normal;
    margin-bottom: 0
}

hr {
    margin: 0
}

img {
    max-width: 100%;
    height: auto
}

*:focus {
    outline: none !important;
    box-shadow: none !important
}

html {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 999
}

body {
    font-family: "Noto Sans",Arial, 微軟正黑體, Calibri, Verdana, Geneva, sans-serif;
    font-size: 16px;
    color: #000;
    margin: 0 !important;
    padding: 0 !important;
    position: relative
}

a,a:hover {
    color: inherit;
    text-decoration: none
}

div:after,footer:after,form:after,header:after,main:after,nav:after,ol:after,section:after,ul:after {
    display: block;
    content: "";
    clear: both
}

@media (min-width: 768px) {
    .container {
        padding-left:40px;
        padding-right: 40px
    }
}

@media (min-width: 768px) {
    .row {
        margin-left:-30px;
        margin-right: -30px
    }
}

@media (min-width: 768px) {
    [class*=col-] {
        padding-left:30px;
        padding-right: 30px
    }
}

.wow:not(.fadeIn) {
    opacity: 0;
    transition: .64s
}

.ih-del {
    text-decoration: line-through
}

.ih-underline {
    text-decoration: underline
}

.ih-pointer {
    cursor: pointer
}

.ih-opacity-0 {
    opacity: 0
}

.ih-hide {
    display: none
}

.ih-inline-block {
    display: inline-block
}

.ih-block {
    display: block
}

.ih-flex {
    display: flex;
    flex-wrap: wrap
}

.ih-flex:after,.ih-flex:before {
    content: "";
    width: 100%
}

@media (min-width: 768px) {
    .ih-flex-pc {
        display:flex;
        flex-wrap: wrap
    }

    .ih-flex-pc:after,.ih-flex-pc:before {
        content: "";
        width: 100%
    }
}

.ih-relative {
    position: relative
}

.ih-absolute {
    position: absolute
}

.ih-img-full {
    width: 100%
}

.ih-vertical-center {
    margin-top: -5px
}

.ih-button {
    padding: 0;
    border: 0;
    margin: 0 auto;
    background: transparent
}

.ih-ul {
    margin-bottom: 0;
    list-style: none;
    padding-left: 0
}

.ih-ol {
    margin-left: -15px;
    margin-bottom: 0
}

.ih-pre {
    padding: 0;
    border: 0;
    margin: 0 auto;
    background: transparent;
    border-radius: 0;
    white-space: pre-wrap;
    font-family: "Helvetica Neue",Helvetica,Arial,"PingFang TC","Heiti TC","LantingHei TC","Microsoft JhengHei","Microsoft YaHei","微軟正黑體",sans-serif
}

.ih-table {
    width: 100%
}

.ih-one-line {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ih-offscreen {
    position: absolute;
    left: -1000vw;
    z-index: -1
}

.ih-font-bootstrap {
    font-family: 'Glyphicons Halflings'
}

.ih-font-awesome {
    font-family: 'FontAwesome'
}

.ih-margin-0 {
    margin: 0px
}

.ih-padding-0 {
    padding: 0px
}

.ih-margin-top-0 {
    margin-top: 0px
}

.ih-padding-top-0 {
    padding-top: 0px
}

.ih-margin-right-0 {
    margin-right: 0px
}

.ih-padding-right-0 {
    padding-right: 0px
}

.ih-margin-bottom-0 {
    margin-bottom: 0px
}

.ih-padding-bottom-0 {
    padding-bottom: 0px
}

.ih-margin-left-0 {
    margin-left: 0px
}

.ih-padding-left-0 {
    padding-left: 0px
}

.ih-margin-5 {
    margin: 5px
}

.ih-padding-5 {
    padding: 5px
}

.ih-margin-top-5 {
    margin-top: 5px
}

.ih-padding-top-5 {
    padding-top: 5px
}

.ih-margin-right-5 {
    margin-right: 5px
}

.ih-padding-right-5 {
    padding-right: 5px
}

.ih-margin-bottom-5 {
    margin-bottom: 5px
}

.ih-padding-bottom-5 {
    padding-bottom: 5px
}

.ih-margin-left-5 {
    margin-left: 5px
}

.ih-padding-left-5 {
    padding-left: 5px
}

.ih-margin-10 {
    margin: 10px
}

.ih-padding-10 {
    padding: 10px
}

.ih-margin-top-10 {
    margin-top: 10px
}

.ih-padding-top-10 {
    padding-top: 10px
}

.ih-margin-right-10 {
    margin-right: 10px
}

.ih-padding-right-10 {
    padding-right: 10px
}

.ih-margin-bottom-10 {
    margin-bottom: 10px
}

.ih-padding-bottom-10 {
    padding-bottom: 10px
}

.ih-margin-left-10 {
    margin-left: 10px
}

.ih-padding-left-10 {
    padding-left: 10px
}

.ih-margin-15 {
    margin: 15px
}

.ih-padding-15 {
    padding: 15px
}

.ih-margin-top-15 {
    margin-top: 15px
}

.ih-padding-top-15 {
    padding-top: 15px
}

.ih-margin-right-15 {
    margin-right: 15px
}

.ih-padding-right-15 {
    padding-right: 15px
}

.ih-margin-bottom-15 {
    margin-bottom: 15px
}

.ih-padding-bottom-15 {
    padding-bottom: 15px
}

.ih-margin-left-15 {
    margin-left: 15px
}

.ih-padding-left-15 {
    padding-left: 15px
}

.ih-margin-20 {
    margin: 20px
}

.ih-padding-20 {
    padding: 20px
}

.ih-margin-top-20 {
    margin-top: 20px
}

.ih-padding-top-20 {
    padding-top: 20px
}

.ih-margin-right-20 {
    margin-right: 20px
}

.ih-padding-right-20 {
    padding-right: 20px
}

.ih-margin-bottom-20 {
    margin-bottom: 20px
}

.ih-padding-bottom-20 {
    padding-bottom: 20px
}

.ih-margin-left-20 {
    margin-left: 20px
}

.ih-padding-left-20 {
    padding-left: 20px
}

.ih-margin-25 {
    margin: 25px
}

.ih-padding-25 {
    padding: 25px
}

.ih-margin-top-25 {
    margin-top: 25px
}

.ih-padding-top-25 {
    padding-top: 25px
}

.ih-margin-right-25 {
    margin-right: 25px
}

.ih-padding-right-25 {
    padding-right: 25px
}

.ih-margin-bottom-25 {
    margin-bottom: 25px
}

.ih-padding-bottom-25 {
    padding-bottom: 25px
}

.ih-margin-left-25 {
    margin-left: 25px
}

.ih-padding-left-25 {
    padding-left: 25px
}

.ih-margin-30 {
    margin: 30px
}

.ih-padding-30 {
    padding: 30px
}

.ih-margin-top-30 {
    margin-top: 30px
}

.ih-padding-top-30 {
    padding-top: 30px
}

.ih-margin-right-30 {
    margin-right: 30px
}

.ih-padding-right-30 {
    padding-right: 30px
}

.ih-margin-bottom-30 {
    margin-bottom: 30px
}

.ih-padding-bottom-30 {
    padding-bottom: 30px
}

.ih-margin-left-30 {
    margin-left: 30px
}

.ih-padding-left-30 {
    padding-left: 30px
}

.ih-margin-35 {
    margin: 35px
}

.ih-padding-35 {
    padding: 35px
}

.ih-margin-top-35 {
    margin-top: 35px
}

.ih-padding-top-35 {
    padding-top: 35px
}

.ih-margin-right-35 {
    margin-right: 35px
}

.ih-padding-right-35 {
    padding-right: 35px
}

.ih-margin-bottom-35 {
    margin-bottom: 35px
}

.ih-padding-bottom-35 {
    padding-bottom: 35px
}

.ih-margin-left-35 {
    margin-left: 35px
}

.ih-padding-left-35 {
    padding-left: 35px
}

.ih-margin-40 {
    margin: 40px
}

.ih-padding-40 {
    padding: 40px
}

.ih-margin-top-40 {
    margin-top: 40px
}

.ih-padding-top-40 {
    padding-top: 40px
}

.ih-margin-right-40 {
    margin-right: 40px
}

.ih-padding-right-40 {
    padding-right: 40px
}

.ih-margin-bottom-40 {
    margin-bottom: 40px
}

.ih-padding-bottom-40 {
    padding-bottom: 40px
}

.ih-margin-left-40 {
    margin-left: 40px
}

.ih-padding-left-40 {
    padding-left: 40px
}

.ih-margin-45 {
    margin: 45px
}

.ih-padding-45 {
    padding: 45px
}

.ih-margin-top-45 {
    margin-top: 45px
}

.ih-padding-top-45 {
    padding-top: 45px
}

.ih-margin-right-45 {
    margin-right: 45px
}

.ih-padding-right-45 {
    padding-right: 45px
}

.ih-margin-bottom-45 {
    margin-bottom: 45px
}

.ih-padding-bottom-45 {
    padding-bottom: 45px
}

.ih-margin-left-45 {
    margin-left: 45px
}

.ih-padding-left-45 {
    padding-left: 45px
}

.ih-margin-50 {
    margin: 50px
}

.ih-padding-50 {
    padding: 50px
}

.ih-margin-top-50 {
    margin-top: 50px
}

.ih-padding-top-50 {
    padding-top: 50px
}

.ih-margin-right-50 {
    margin-right: 50px
}

.ih-padding-right-50 {
    padding-right: 50px
}

.ih-margin-bottom-50 {
    margin-bottom: 50px
}

.ih-padding-bottom-50 {
    padding-bottom: 50px
}

.ih-margin-left-50 {
    margin-left: 50px
}

.ih-padding-left-50 {
    padding-left: 50px
}

.ih-margin-55 {
    margin: 55px
}

.ih-padding-55 {
    padding: 55px
}

.ih-margin-top-55 {
    margin-top: 55px
}

.ih-padding-top-55 {
    padding-top: 55px
}

.ih-margin-right-55 {
    margin-right: 55px
}

.ih-padding-right-55 {
    padding-right: 55px
}

.ih-margin-bottom-55 {
    margin-bottom: 55px
}

.ih-padding-bottom-55 {
    padding-bottom: 55px
}

.ih-margin-left-55 {
    margin-left: 55px
}

.ih-padding-left-55 {
    padding-left: 55px
}

.ih-margin-60 {
    margin: 60px
}

.ih-padding-60 {
    padding: 60px
}

.ih-margin-top-60 {
    margin-top: 60px
}

.ih-padding-top-60 {
    padding-top: 60px
}

.ih-margin-right-60 {
    margin-right: 60px
}

.ih-padding-right-60 {
    padding-right: 60px
}

.ih-margin-bottom-60 {
    margin-bottom: 60px
}

.ih-padding-bottom-60 {
    padding-bottom: 60px
}

.ih-margin-left-60 {
    margin-left: 60px
}

.ih-padding-left-60 {
    padding-left: 60px
}

.ih-margin-75 {
    margin: 75px
}

.ih-padding-75 {
    padding: 75px
}

.ih-margin-top-75 {
    margin-top: 75px
}

.ih-padding-top-75 {
    padding-top: 75px
}

.ih-margin-right-75 {
    margin-right: 75px
}

.ih-padding-right-75 {
    padding-right: 75px
}

.ih-margin-bottom-75 {
    margin-bottom: 75px
}

.ih-padding-bottom-75 {
    padding-bottom: 75px
}

.ih-margin-left-75 {
    margin-left: 75px
}

.ih-padding-left-75 {
    padding-left: 75px
}

.ih-margin-80 {
    margin: 80px
}

.ih-padding-80 {
    padding: 80px
}

.ih-margin-top-80 {
    margin-top: 80px
}

.ih-padding-top-80 {
    padding-top: 80px
}

.ih-margin-right-80 {
    margin-right: 80px
}

.ih-padding-right-80 {
    padding-right: 80px
}

.ih-margin-bottom-80 {
    margin-bottom: 80px
}

.ih-padding-bottom-80 {
    padding-bottom: 80px
}

.ih-margin-left-80 {
    margin-left: 80px
}

.ih-padding-left-80 {
    padding-left: 80px
}

.ih-margin-100 {
    margin: 100px
}

.ih-padding-100 {
    padding: 100px
}

.ih-margin-top-100 {
    margin-top: 100px
}

.ih-padding-top-100 {
    padding-top: 100px
}

.ih-margin-right-100 {
    margin-right: 100px
}

.ih-padding-right-100 {
    padding-right: 100px
}

.ih-margin-bottom-100 {
    margin-bottom: 100px
}

.ih-padding-bottom-100 {
    padding-bottom: 100px
}

.ih-margin-left-100 {
    margin-left: 100px
}

.ih-padding-left-100 {
    padding-left: 100px
}

.ih-component-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    background: #fff
}

.ih-component-header .ih-logo {
    height: 79px
}

@media (max-width: 767px) {
    .ih-component-header .ih-logo {
        height:49px
    }
}

.ih-component-header .ih-button-meun {
    position: fixed;
    top: 0;
    right: 0
}

.ih-component-header .ih-button-meun img {
    height: 49px
}

@media (max-width: 767px) {
    .ih-component-header .ih-nav {
        display:none;
        position: fixed;
        top: 49px;
        right: 0;
        background: #007c7d;
        border-bottom-left-radius: 10px;
        overflow: hidden
    }
}

@media (min-width: 768px) {
    .ih-component-header .ih-nav {
        padding:24.5px 0
    }
}

@media (min-width: 768px) {
    .ih-component-header .ih-nav li {
        display:inline-block;
        margin-left: 5px
    }
}

.ih-component-header .ih-nav a {
    line-height: 28px;
    font-size: 14px;
    color: #007c7d;
    transition: .64s
}

@media (max-width: 767px) {
    .ih-component-header .ih-nav a {
        width:150px;
        line-height: 40px;
        border-top: 1px solid #00b5a9;
        color: #fff
    }
}

@media (min-width: 768px) {
    .ih-component-header .ih-nav a {
        border:1px solid #007c7d;
        border-radius: 15px;
        padding: 0 15px
    }
}

.ih-component-header .ih-nav a.ih-active,.ih-component-header .ih-nav a:hover {
    background: #d3faed
}

@media (max-width: 767px) {
    .ih-component-header .ih-nav a.ih-active,.ih-component-header .ih-nav a:hover {
        background:#00a1a3
    }
}

.ih-component-sidebar {
    position: fixed;
    z-index: 999
}

@media (min-width: 992px) {
    .ih-component-sidebar {
        top:50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 130px
    }
}

@media (max-width: 991px) {
    .ih-component-sidebar {
        bottom:0;
        left: 0;
        width: 100%
    }
}

.ih-component-sidebar li {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto
}

@media (max-width: 991px) {
    .ih-component-sidebar li {
        float:left;
        width: calc(100% / 4)
    }
}

.ih-component-sidebar li:hover img {
    transition: .4s;
    opacity: 0
}

.ih-component-sidebar li:nth-child(1) {
    background-image: url("../img/button_right_1_hover.png")
}

@media (max-width: 767px) {
    .ih-component-sidebar li:nth-child(1) {
        background-image:url("../img/button_bottom_1_checked.png")
    }
}

.ih-component-sidebar li:nth-child(2) {
    background-image: url("../img/button_right_2_hover.png")
}

@media (max-width: 767px) {
    .ih-component-sidebar li:nth-child(2) {
        background-image:url("../img/button_bottom_2_checked.png")
    }
}

.ih-component-sidebar li:nth-child(3) {
    background-image: url("../img/button_right_3_hover.png")
}

@media (max-width: 767px) {
    .ih-component-sidebar li:nth-child(3) {
        background-image:url("../img/button_bottom_3_checked.png")
    }
}

.ih-component-sidebar li:nth-child(4) {
    background-image: url("../img/button_right_4_hover.png")
}

@media (max-width: 767px) {
    .ih-component-sidebar li:nth-child(4) {
        background-image:url("../img/button_bottom_4_checked.png")
    }
}

.ih-component-footer {
    background: #eeefef;
    margin-bottom: 0;
}
@media (max-width: 767px) {
    .ih-component-footer {
        margin-bottom: 64px;
    }
}

@media (max-width: 767px) {
    .ih-component-footer .container {
        padding:0
    }
}

.ih-component-footer .ih-link {
    position: absolute;
    bottom: 20%;
    right: 10%;
    width: 60px;
    height: 40px
}

@media (min-width: 1200px) {
    .ih-component-footer .ih-link {
        bottom:25%
    }
}

@media (max-width: 767px) {
    .ih-component-footer .ih-link {
        bottom:5%;
        width: 10%;
        height: 20%
    }
}

.ih-component-banner {
    height: 100vh;
    background-color: #e9f7f4;
    background-image: url("../img/bg_forbanner_pc.jpg");
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: auto 100%
}

@media (min-width: 992px) and (orientation: portrait) {
    .ih-component-banner {
        height:1024px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .ih-component-banner {
        height:calc(100vh - 180px)
    }
}

@media (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {
    .ih-component-banner {
        height:720px
    }
}

@media (max-width: 767px) {
    .ih-component-banner {
        background-image:url("../img/bg_forbanner_mb.jpg");
        height: 520px
    }
}

@media screen and (max-width: 359px) {
    .ih-component-banner {
        height:450px
    }
}

.ih-component-banner .ih-jumbotron .ih-hgroup {
    margin-top: 10%;
    margin-left: 10%;
    position: relative;
    z-index: 9
}

@media (min-width: 768px) and (orientation: portrait) {
    .ih-component-banner .ih-jumbotron .ih-hgroup {
        margin-top:20%
    }
}

@media (max-width: 767px) {
    .ih-component-banner .ih-jumbotron .ih-hgroup {
        margin-top:20%
    }
}

.ih-component-banner .ih-jumbotron .ih-hgroup h1 {
    line-height: 150px;
    font-size: 140px;
    color: #007c7d
}
.ih-hgroup span{
	font-size: 100px;
}
/*Jurny add*/

@media (max-width: 767px) {
    .ih-component-banner .ih-jumbotron .ih-hgroup h1 {
        line-height:100px;
        font-size: 72px
    }

	.ih-hgroup span{
		font-size: 60px;
	}/*Jurny add*/
}


.ih-component-banner .ih-jumbotron .ih-hgroup h3 {
    line-height: 48px;
    margin-left: 70px;
    font-size: 40px;
    color: #ff8533
}

@media (max-width: 767px) {
    .ih-component-banner .ih-jumbotron .ih-hgroup h3 {
        line-height:30px;
        margin-left: 35px;
        font-size: 22px
    }
}

.ih-component-banner .ih-jumbotron .ih-clock {
    position: absolute;
    left: 50%;
    bottom: 20%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 40%
}

@media (min-width: 768px) and (orientation: portrait) {
    .ih-component-banner .ih-jumbotron .ih-clock {
        bottom:15%;
        width: 55%
    }
}

@media (max-width: 767px) {
    .ih-component-banner .ih-jumbotron .ih-clock {
        bottom:15%;
        width: 75%
    }
}

.ih-component-banner .ih-jumbotron .ih-people {
    position: absolute;
    left: 50%;
    bottom: 25%;
    width: 35%
}

@media (min-width: 768px) and (orientation: portrait) {
    .ih-component-banner .ih-jumbotron .ih-people {
        left:45%;
        bottom: 15%;
        width: 50%
    }
}

@media (max-width: 767px) {
    .ih-component-banner .ih-jumbotron .ih-people {
        left:45%;
        bottom: 20%;
        width: 60%
    }
}

.ih-component-banner .ih-ticket {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    -webkit-transform: translateY(55%);
    transform: translateY(55%)
}

.ih-component-banner .ih-ticket .ih-a,.ih-component-banner .ih-ticket .ih-b {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%
}

.ih-component-banner .ih-ticket .ih-a.ih-active img,.ih-component-banner .ih-ticket .ih-b.ih-active img {
    transition: .4s;
    opacity: 0
}

.ih-component-banner .ih-ticket .ih-a.ih-active h2,.ih-component-banner .ih-ticket .ih-b.ih-active h2 {
    color: #fffa9e
}

.ih-component-banner .ih-ticket .ih-a:hover h2,.ih-component-banner .ih-ticket .ih-b:hover h2 {
    transition: .48s;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.ih-component-banner .ih-ticket .ih-a {
    background-image: url("../img/a_ticket_action_pc.png")
}

@media (max-width: 767px) {
    .ih-component-banner .ih-ticket .ih-a {
        background-image:url("../img/a_ticket_action_mb.png")
    }
}

.ih-component-banner .ih-ticket .ih-b {
    background-image: url("../img/b_ticket_action_pc.png")
}

@media (max-width: 767px) {
    .ih-component-banner .ih-ticket .ih-b {
        background-image:url("../img/b_ticket_action_mb.png")
    }
}

.ih-component-banner .ih-ticket .ih-content {
    position: absolute;
    top: 40%;
    left: 13%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 767px) {
    .ih-component-banner .ih-ticket .ih-content {
        left:15%
    }
}

.ih-component-banner .ih-ticket .ih-content h2 {
    line-height: 60px;
    margin-bottom: 30px;
    font-size: 50px;
    color: #fff
}

@media (min-width: 1366px) {
    .ih-component-banner .ih-ticket .ih-content h2 {
        margin-bottom:50px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .ih-component-banner .ih-ticket .ih-content h2 {
        line-height:50px;
        margin-bottom: 15px;
        font-size: 40px
    }
}

@media (max-width: 767px) {
    .ih-component-banner .ih-ticket .ih-content h2 {
        line-height:30px;
        margin-bottom: 5px;
        font-size: 20px
    }
}

.ih-component-banner .ih-ticket .ih-content button {
    width: 150px;
    line-height: 40px;
    border: 1px solid #fff;
    border-radius: 20px;
    background: rgba(255,255,255,0.25);
    font-size: 18px;
    color: #fff
}

@media (max-width: 767px) {
    .ih-component-banner .ih-ticket .ih-content button {
        width:80px;
        line-height: 20px;
        font-size: 12px
    }
}

body:before {
    display: none;
    content: "xs"
}

@media (min-width: 768px) and (max-width: 991px) {
    body:before {
        content:"sm"
    }
}

@media (min-width: 992px) {
    body:before {
        content:"md"
    }
}

@media (min-width: 1200px) {
    body:before {
        content:"lg"
    }
}

[class*=ih-section-] {
    padding: 100px 0 50px
}

@media (max-width: 767px) {
    [class*=ih-section-] {
        padding:50px 0 25px
    }
}

.ih-section-introduce {
    padding-top: 12.5%
}

@media (max-width: 767px) {
    .ih-section-introduce {
        padding-top:20%
    }
}

.ih-section-introduce .ih-picture {
    width: 560px
}

@media (max-width: 767px) {
    .ih-section-introduce .ih-picture {
        width:60%
    }
}

.ih-section-introduce h3 {
    line-height: 100%;
    margin: 30px 0;
    font-size: 40px;
    color: #ff8533
}

@media (max-width: 767px) {
    .ih-section-introduce h3 {
        line-height:30px;
        margin: 15px 0;
        font-size: 25px
    }
}

.ih-section-introduce .ih-content {
    max-width: 900px
}

.ih-section-introduce .ih-content .ih-item {
    padding-bottom: 30px
}

@media (max-width: 767px) {
    .ih-section-introduce .ih-content .ih-item {
        padding-bottom:15px
    }
}

.ih-section-introduce .ih-content h4 {
    line-height: 100%;
    margin: 20px 0 15px;
    font-size: 30px;
    color: #00b5a9
}

@media (max-width: 767px) {
    .ih-section-introduce .ih-content h4 {
        line-height:20px;
        margin: 10px 0;
        font-size: 18px
    }
}

.ih-section-introduce .ih-content p {
    line-height: 26px;
    font-size: 19px;
    color: #534741
}

@media (max-width: 767px) {
    .ih-section-introduce .ih-content p {
        line-height:18px;
        font-size: 13px
    }
}

.ih-section-step {
    padding-top: 0;
    background: #e9f7f4
}

.ih-section-step .ih-item {
    padding-top: 100px;
    margin-left: -30px;
}

@media (max-width: 991px) {
    .ih-section-step .ih-item {
        padding-top:10px
    }
}

@media (max-width: 768px) {
    .ih-section-step .ih-item {
       margin-left: 30px;
    }
}

@media (max-width: 991px) {
    .ih-section-step .ih-item.ih-second {
        padding-top:50px
    }
}

@media (min-width: 992px) {
    .ih-section-step .ih-item.ih-second h3 {
        margin-top:100px
    }
}

@media (max-width: 991px) {
    .ih-section-step .ih-item .ih-picture {
        width:80%
    }
}

.ih-section-step .ih-item h3 {
    margin-bottom: 30px;
    font-size: 40px;
    color: #ff8533
}

@media (min-width: 992px) {
    .ih-section-step .ih-item h3 {
        white-space:nowrap
    }
}

@media (max-width: 991px) {
    .ih-section-step .ih-item h3 {
        text-align:center;
        margin-top: 25px;
        margin-bottom: 15px
    }
}

@media (max-width: 767px) {
    .ih-section-step .ih-item h3 {
        line-height:30px;
        font-size: 20px
    }
}

.ih-section-step .ih-item tr:first-child td:first-child:before {
    display: none
}

@media (min-width: 768px) {
    .ih-section-step .ih-item table {
        margin:0 15px
    }
}

.ih-section-step .ih-item table td {
    padding-top: 15px;
    padding-bottom: 15px
}

@media (max-width: 767px) {
    .ih-section-step .ih-item table td {
        padding-top:10px;
        padding-bottom: 10px
    }
}

.ih-section-step .ih-item table td:nth-child(1) {
    text-align: center;
    width: 70px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative
}

@media (max-width: 767px) {
    .ih-section-step .ih-item table td:nth-child(1) {
        width:40px
    }
}

.ih-section-step .ih-item table td:nth-child(1):before {
    content: "";
    position: absolute;
    top: -50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 2px;
    height: 100%;
    background: #109985
}

.ih-section-step .ih-item table td:nth-child(1) img {
    position: relative;
    z-index: 9
}

.ih-section-step .ih-item table td:nth-child(2) {
    text-align: center;
    width: 100px;
    font-size: 30px;
    color: #00b5a9
}

@media (max-width: 767px) {
    .ih-section-step .ih-item table td:nth-child(2) {
        width:65px;
        line-height: 20px;
        font-size: 18px
    }
}

.ih-section-step .ih-item table td:nth-child(3) {
    line-height: 26px;
    padding-left: 10px;
    font-size: 19px;
    font-weight: bold;
    color: #534741
}

@media (max-width: 767px) {
    .ih-section-step .ih-item table td:nth-child(3) {
        line-height:18px;
        font-size: 14px;
    }
}

.ih-section-step .ih-item table td:nth-child(3) button {
    color: #187fa8;
    border-bottom: 1px solid #187fa8
}

.ih-section-step .ih-choice {
    margin-top: 40px;
    margin-bottom: 70px
}

@media (max-width: 767px) {
    .ih-section-step .ih-choice {
        margin:20px 0 40px
    }
}

.ih-section-step .ih-choice a {
    width: 260px;
    margin: 0 10px;
    line-height: 50px;
    border-radius: 25px;
    font-weight: bold;
    font-size: 24px
}

@media (max-width: 767px) {
    .ih-section-step .ih-choice a {
        width:145px;
        line-height: 40px;
        margin-bottom: 20px;
        font-size: 18px
    }
}

.ih-section-step .ih-choice .ih-link-1 {
    background: #ff8533;
    color: #fff
}

.ih-section-step .ih-choice .ih-link-2 {
    border: 2px solid #00b5a9;
    background: #d3faed;
    color: #00b5a9
}

.ih-section-notice h4 {
    line-height: 36px;
    margin-bottom: 10px;
    font-size: 30px;
    color: #666
}

.ih-section-notice h6 {
    line-height: 17px;
    margin-bottom: 50px;
    font-weight: normal;
    font-size: 14px;
    color: #808080
}

.ih-section-notice li {
    line-height: 28px;
    font-size: 16px;
    color: #666
}

@media (max-width: 767px) {
    .ih-section-notice li {
        line-height:20px;
        font-size: 12px
    }
}

.ih-section-notice .ih-mask {
    position: relative
}

.ih-section-notice .ih-mask:before {
    content: "";
    position: absolute;
    bottom: 115px;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to top, #fff, rgba(255,255,255,0))
}

.ih-section-notice .ih-mask.ih-active:before {
    display: none
}

.ih-section-notice .ih-mask.ih-active .ih-paragraph {
    max-height: 10000vh
}

.ih-section-notice .ih-mask .ih-paragraph {
    max-height: 300px;
    overflow: hidden;
    transition: .8s
}

.ih-section-notice .ih-mask .ih-toggle {
    margin-top: 50px
}

.ih-section-notice .ih-mask .ih-toggle button {
    width: 65px;
    background-size: 100% auto;
    transition: .8s
}

.ih-section-notice .ih-mask .ih-toggle button:hover img {
    visibility: hidden;
    opacity: 0;
    transition: .4s
}

.ih-section-notice .ih-mask .ih-toggle button.ih-button-more {
    background-image: url("../img/button_more-hover.png")
}

.ih-section-notice .ih-mask .ih-toggle button.ih-button-close {
    background-image: url("../img/button_close-hover.png")
}