@import 'bootstrap.min.css';
    @import 'plugins.min.css';
    @import 'normalise.css';

    @import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,400|Poppins:300,400,500,600|Roboto');

    body,td,th {
	font-family: Poppins, sans-serif;
	}
	body {
	}

    * {
	margin: 0;
	padding: 0;
    }
    
    .floatleft {
        float: left
    }
    
    .floatright {
        float: right
    }
    
    .alignleft {
        float: left;
        margin-right: 15px;
    }
    
    .alignright {
        float: right;
        margin-left: 15px;
    }
    
    .aligncenter {
        display: block;
        margin: 0 auto 15px;
    }
    
    a:focus {
        outline: 0px solid;
    }
    
    .btn {
        font-weight: 500;
        box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.15);
    }
    
    .btn:hover {
        box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.15)
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-bottom: 15px;
        font-weight: 500;
        font-family: 'Poppins', sans-serif;
        margin-top: 0;
    }
    
    p {
        color: #808080;
        font-family: 'Poppins', sans-serif;
        font-weight: 300;
    }
    
    .container-fluid {
        padding: 0;
    }
    
    body {
        font-size: 16px;
        line-height: 24px;
        font-weight: 300;
        font-family: 'Poppins', sans-serif;
    }
    
    body.boxed_version {
        width: 1140px;
        margin: 0 auto;
        background-image: url(../img/bg-pattern/symphony.png);
        background-repeat: repeat;
        background-attachment: fixed;
    }
    
    a,
    a:hover,
    a:focus {
        -webkit-transition: all 500ms ease 0s;
        transition: all 500ms ease 0s;
        text-decoration: none;
        outline: none;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
    }
    
    .josefin-sans {
        font-family: 'Josefin Sans', sans-serif !important;
    }
    
    ol,
    ul {
        margin: 0;
        padding: 0;
    }
    
    ol li,
    ul li {
        list-style: outside none none;
    }
    
    img {
        height: auto;
        max-width: 100%;
    }
    
    .table {
	display: table;
	z-index: 99;
	position: absolute;
	width: 100%;
	height: 50%;
    }
    
    .table_cell {
        display: table-cell;
        vertical-align: middle;
    }
    
    .margin_top_30 {
        margin-top: 30px;
    }
    
    .section_padding_150 {
        padding: 150px 0;
    }
    
    .section_padding_100 {
	padding: 100px 0;
    }
    
    .section_padding_100_0 {
        padding: 100px 0 0 0;
    }
    
    .section_padding_0_100 {
        padding: 0 0 100px 0;
    }
    
    .section_padding_60 {
        padding: 60px 0;
    }
    
    .section_padding_200 {
        padding: 200px 0;
    }
    
    .section_padding_100_50 {
        padding-top: 100px;
        padding-bottom: 50px;
    }
    
    .section_padding_100_70 {
	padding-top: 100px;
	padding-bottom: 70px;
	  background : -moz-radial-gradient(56.45% -102.05%, circle farthest-corner, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47.6%, rgba(230, 230, 230, 1) 100%);
  background : -webkit-radial-gradient(56.45% -102.05%, circle farthest-corner, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47.6%, rgba(230, 230, 230, 1) 100%);
  background : -webkit-gradient(radial,56.45% -102.05% ,0 , 56.45% -102.05%, 1718.36 ,color-stop(0,rgba(255, 255, 255, 1) ),color-stop(0.476,rgba(246, 246, 246, 1) ),color-stop(1,rgba(230, 230, 230, 1) ));
  background : -o-radial-gradient(56.45% -102.05%, circle farthest-corner, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47.6%, rgba(230, 230, 230, 1) 100%);
  background : -ms-radial-gradient(56.45% -102.05%, circle farthest-corner, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47.6%, rgba(230, 230, 230, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Stlye=2);"
  background : radial-gradient(56.45% -102.05%, circle farthest-corner, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47.6%, rgba(230, 230, 230, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.Alpha(Stlye=2);
    }
    
    .section_heading {
        margin-bottom: 50px;
        position: relative;
        z-index: 1;
        text-align: center;
    }
    
    .section_heading>h3 {
	color: #164A75;
	margin-top: 0;
	text-transform: capitalize;
	position: relative;
	z-index: 1;
	font-family: "PingFang SC Semibold", "Microsoft JhengHei Bold";
	font-weight: 100;
    }
    
    .section_heading>h3>span {
        color: #2196f3;
    }
    
    .section_heading>p {
        font-size: 18px;
        line-height: 1.5;
        margin: 0 auto;
        max-width: 600px;
    }
    
    .mt15 {
        margin-top: 15px;
    }
    
    .shortcode_area:nth-child(2n+1) {
        background-color: #f6f6f6;
    }
    
    .box-shadow-with-bg-gray {
        box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.15);
        border-radius: 4px;
        background-color: #f6f6f6 !important;
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
    }
    
    .box-shadow-with-bg-gray:hover {
        box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.1)
    }
    
    .box-shadow-with-bg-white {
        box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.15);
        border-radius: 4px;
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
        background-color: #fff !important;
    }
    
    .box-shadow-with-bg-white:hover {
        box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.1)
    }
    
    .table .table {
        background-color: transparent;
    }
    
    .line {
        width: 100%;
        height: 2px;
        background-color: #fff;
    }
  
    header {
        height: auto;
        position: absolute;
        width: 100%;
        z-index: 99;
        background-color: transparent;
    }
    
    body.boxed_version header {
        width: 1140px;
    }
    
    .logo_area {
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 15px;
    }
    
    .main_header_area {
	height: 80px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
    }
    
    .default-version .main_header_area,
    .rtl_version .main_header_area {
	background-color: #1B1918;
    }
    
    .main_header_area.sticky {
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	z-index: 999 !important;
	background-color: #1B1918;
	width: 100%;
	position: fixed;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
    }
    
    body.boxed_version .is-sticky .main_header_area {
        width: 100%;
        left: 50%;
        margin-left: -585px;
    }
    
    .main_menu_area {
        float: right;
        position: relative;
        z-index: 1;
    }
    
    .mainmenu {
        display: inline-block;
        text-align: right;
    }
    
    .mainmenu ul#nav li {
        display: inline-block;
        position: relative;
    }
    
    .mainmenu ul#nav li a {
	color: #fff;
	display: block;
	font-size: 14px;
	padding-top: 27px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 25px;
    }
    
    .default-version .mainmenu ul#nav li a,
    .boxed_version .mainmenu ul#nav li a,
    .rtl_version .mainmenu ul#nav li a {
	color: #FFFFFF;
	font-family: "PingFang SC Regular", "Microsoft JhengHei";
    }
    
    .default-version .mainmenu ul#nav li:hover a,
    .boxed_version .mainmenu ul#nav li:hover a,
    .rtl_version .mainmenu ul#nav li:hover a {
        color: #2196F3;
    }
    
    .sticky .mainmenu ul#nav li a {
	color: #FFFFFF;
    }
    
    .mainmenu ul#nav li ul {
        text-align: left;
    }
    
    .sticky .mainmenu ul#nav li.active a,
    .sticky .mainmenu ul#nav li:hover a {
        color: #2196F3;
    }
    
    .mainmenu ul#nav li.active a,
    .mainmenu ul#nav li:hover a {
        color: rgba(255, 255, 255, 0.95);
    }
    
    .sticky .mainmenu ul#nav li a:hover,
    .sticky .mainmenu ul#nav li.current_page_item a,
    .default-version .mainmenu ul#nav li a:hover,
    .default-version .mainmenu ul#nav li.current_page_item a,
    .boxed_version .mainmenu ul#nav li a:hover,
    .boxed_version .mainmenu ul#nav li.current_page_item a {
        color: #2196f3;
    }
    
    .blog_page .main_header_area {
        background-color: #fff;
    }
    
    .mainmenu ul#nav>li>ul.sub-menu {
        left: 0;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        position: absolute;
        text-align: left;
        top: 85px;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        visibility: hidden;
        width: 250px;
        z-index: 999;
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
        background-color: #fff;
        border-top: 5px solid #2196F3;
        box-shadow: 0 0 12px 0 rgba(17, 17, 17, 0.2);
    }
    
    .mainmenu ul#nav>li:hover>ul.sub-menu {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        visibility: visible;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    
    .mainmenu ul#nav>li ul.sub-menu li {
        border-bottom: 1px solid #ddd !important;
        display: block;
        position: relative;
    }
    
    .mainmenu ul#nav>li ul.sub-menu li:last-child {
        border-bottom: 0px solid #fff!important;
    }
    
    .mainmenu ul#nav>li ul.sub-menu li a {
        color: #888;
        display: block;
        padding: 10px 15px;
        position: relative;
    }
    
    .mainmenu ul#nav>li ul.sub-menu li a:hover {
        color: #2196F3;
    }

    .welcome_area {
	position: relative;
	z-index: 1;
	height: 55vw;
	background-color: #f6f6f6;
	overflow: hidden;
	background-image: url(../image/top-img.jpg);
	background-position: center center;
	background-size: 100% auto;
    }
    
    .welcome_area.static_image_version {
        background-image: url(../img/bg-pattern/slider-2.jpg);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }
    
    .welcome_area.static_image_version:before {
        position: absolute;
        z-index: 9;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        content: "";
        background-color: rgba(0, 0, 0, 0.7);
        opacity: .9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }
    
    .single_slide {
        position: relative;
        z-index: 9;
        height: 800px;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        width: 100%;
    }
    
    .single_slide:before {
        position: absolute;
        z-index: 9;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        content: "";
        background: rgba(17, 17, 17, 0.5);
    }
    
    .rtl_version .welcome_text_area {
        text-align: right;
    }
    
    .welcome_text_area h2 {
        color: #fff;
        font-size: 70px;
        margin-bottom: 30px;
    }
    
    .default-version .welcome_text_area h2,
    .boxed_version .welcome_text_area h2,
    .rtl_version .welcome_text_area h2 {
        color: #363636;
    }
    
    .default-version .welcome_text_area p,
    .boxed_version .welcome_text_area p,
    .rtl_version .welcome_text_area p {
        color: #888;
    }
    
    .welcome_text_area p {
        color: #fff;
        font-size: 20px;
        line-height: 30px;
    }
    
    .welcome_text_area h3.price {
        color: #2196f3;
        font-size: 36px;
        font-weight: 500;
        margin-bottom: 10px;
        margin-top: 25px;
    }
    
    .welcome_text_area a {
        background-color: #2196f3;
        border: medium none;
        color: #fff;
        display: inline-block;
        font-size: 20px;
        margin-bottom: 0;
        margin-right: 0;
        margin-top: 25px;
        padding: 15px 30px 12px 70px;
        position: relative;
        text-transform: capitalize;
        z-index: 1;
        border-radius: 6px;
    }
    
    .welcome_text_area a.paypal {
        padding: 15px 30px 12px;
    }
    
    .welcome_text_area>a>i {
        font-size: 30px;
        left: 30px;
        position: absolute;
        top: 12px;
    }
    
    .welcome_text_area a:hover,
    .welcome_text_area a:focus {
        color: #2196F3;
        background-color: #fff;
    }
    
    .welcome_area_thumb {
        text-align: center;
        position: relative;
        z-index: 1;
    }
    
    .default-version .welcome_area_thumb {
        text-align: center;
    }
    
    .welcome_slider {
        overflow: hidden;
    }
    
    .welcome_slider .welcome_slides .owl-nav {
        height: auto;
        left: 0;
        position: absolute;
        top: 50%;
        width: 100%;
        z-index: 1;
    }
    
    .welcome_slider .welcome_slides .owl-nav .owl-prev,
    .welcome_slider .welcome_slides .owl-nav .owl-next {
        border: 2px solid #fff;
        border-radius: 50%;
        color: #fff;
        cursor: pointer;
        font-weight: 400;
        height: 40px;
        position: absolute;
        text-align: center;
        top: -20px;
        -webkit-transition: all 300ms ease-in 0s;
        transition: all 300ms ease-in 0s;
        width: 40px;
        z-index: 999;
        box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
    }
    
    .welcome_slider .welcome_slides .owl-nav .owl-prev {
        left: -45px;
    }
    
    .welcome_slider .welcome_slides .owl-nav .owl-next {
        right: -45px;
    }
    
    .welcome_slider .welcome_slides .owl-nav .owl-prev:hover,
    .welcome_slider .welcome_slides .owl-nav .owl-next:hover {
        background-color: #2196F3;
        color: #fff;
        border: 2px solid #2196F3;
    }
    
    .welcome_slider .welcome_slides:hover .owl-nav .owl-prev {
        left: 15px;
    }
    
    .welcome_slider .welcome_slides:hover .owl-nav .owl-next {
        right: 15px;
    }
    
    .welcome_slider .welcome_slides .owl-nav .owl-prev>i,
    .welcome_slider .welcome_slides .owl-nav .owl-next>i {
        font-size: 30px;
        font-weight: 700;
        line-height: 38px;
    }
    
    .welcome_style_one {
        background-color: rgba(33, 150, 243, 0.1);
        border-radius: 50%;
        height: 500px;
        position: absolute;
        right: -10%;
        top: 50%;
        width: 500px;
        z-index: -5;
    }
    
    .welcome_style_two {
        background-color: rgba(33, 150, 243, 0.2);
        border-radius: 50%;
        bottom: 150px;
        height: 300px;
        position: absolute;
        right: 150px;
        width: 300px;
        z-index: 5;
    }
    
    .welcome_style_three {
        background-color: rgba(33, 150, 243, 0.15);
        border-radius: 50%;
        bottom: 20px;
        height: 200px;
        position: absolute;
        right: 280px;
        width: 200px;
        z-index: 9;
    }
    
    .welcome_style_four {
        background-color: rgba(33, 150, 243, 0.12);
        border-radius: 50%;
        bottom: 385px;
        height: 100px;
        position: absolute;
        right: 350px;
        width: 100px;
        z-index: 5;
    }
    
    .wel_text {
        position: relative;
        z-index: 1;
    }

    .single_about_part {
        border-radius: 3px;
        margin-bottom: 30px;
        padding: 15px 30px;
        position: relative;
        text-align: center;
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
        z-index: 1;
    }
    
    .single_about_part:hover {
        background-color: #2196f3 !important;
        color: #fff;
    }
    
    .single_about_part h3 {
        color: #15151e;
        font-size: 18px;
        font-weight: 500;
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
    }
    
    .single_about_part>p {
        margin-bottom: 0;
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
    }
    
    .single_about_part:hover p,
    .single_about_part:hover h3 {
        color: #fff;
    }
    
    @-webkit-keyframes sonarWave {
        from {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        }
        to {
            -webkit-transform: scale(2);
            transform: scale(2);
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        }
    }
    
    @keyframes sonarWave {
        from {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        }
        to {
            -webkit-transform: scale(2);
            transform: scale(2);
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        }
    }
    
    .single_about_part .feature_icon {
        border-radius: 50%;
        height: 50px;
        right: -25px;
        position: absolute;
        top: 50%;
        width: 50px;
        margin-top: -25px;
        text-align: center;
        background-color: #2196F3;
    }
    
    .single_about_part .feature_icon:before {
        background-color: #2196F3;
        content: "";
        height: 3px;
        left: 50%;
        margin-top: -1.5px;
        position: absolute;
        top: 50%;
        width: 120px;
        z-index: -5;
    }
    
    .single_about_part .feature_icon:after {
        background-color: #2196F3;
        content: "";
        height: 20px;
        left: calc(50% + 110px);
        margin-top: -10px;
        position: absolute;
        top: 50%;
        width: 20px;
        z-index: 9;
        border-radius: 50%;
        -webkit-animation: sonarWave 2s linear infinite;
        animation: sonarWave 2s linear infinite;
    }
    
    .single_about_part .feature_icon>i {
        color: #fff;
        display: block;
        font-size: 24px;
        line-height: 50px;
    }
    
    .about_product_discription {
        margin-top: 30px;
    }

    .more_features_area {
        background-color: #f6f6f6;
    }
    
    .single_benifits {
	border-radius: 5px;
	margin-bottom: 30px;
	padding: 30px 15px;
	position: relative;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	z-index: 1;
	text-align: center;
    }
    
    .single_benifits .icon_box {
        background-color: #f6f6f6;
        border-radius: 50%;
        color: #888;
        font-size: 24px;
        height: 50px;
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
        width: 50px;
        margin: 0 auto 15px;
        display: block;
    }
    
    .icon_box>i {
        line-height: 50px;
    }
    
    .single_benifits.active .icon_box {
        color: #fff;
        background-color: #2196F3;
    }
    
    .single_benifits h5 {
        font-weight: 500;
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
    }
    
    .single_benifits p {
        margin: 0;
    }
    
    .single_benifits.active h5 {
        color: #2196F3;
    }
    /* ********************
    :: video css
    ********************** */
    
    .video_area {
        position: relative;
        overflow: hidden;
        background-color: #f6f6f6;
        width: 100%;
        z-index: 1;
        background-image: url(../img/bg-pattern/video-img.jpg);
        background-position: center center;
        background-size: cover;
        background-attachment: fixed;
    }
    
    .video_area:before {
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        content: "";
        background: #00c6ff;
        background: -webkit-linear-gradient(to right, #0072ff, #00c6ff);
        background: -webkit-linear-gradient(left, #0072ff, #00c6ff);
        background: linear-gradient(to right, #0072ff, #00c6ff);
        opacity: 0.95;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }
    
    .video_area_text h2 {
        color: #fff;
        font-size: 50px;
        font-weight: 500;
    }
    
    .video_area_text p {
        color: #fff;
    }
    
    .video_area_text>a.video_btn {
        background-color: #fff;
        border-radius: 6px;
        color: #2196f3;
        display: block;
        height: 55px;
        margin: 30px auto 0;
        padding: 0;
        text-align: center;
        width: 120px;
    }
    
    .video_area_text>a>i {
        line-height: 55px;
        font-size: 30px;
        font-weight: 700;
    }
    /* *******************************
    :: 關於 CSS
    ******************************* */
    
    .about_image {
        display: block;
        position: relative;
        z-index: 1;
    }
    
    .small_thumb {
        bottom: 0;
        height: auto;
        left: 170px;
        position: absolute;
        width: auto;
        z-index: -5;
    }
    
    .about_us_text_area {
        padding-top: 100px;
    }
    
    .about_us_text_area>a {
        background-color: #2196f3;
        color: #fff;
        display: block;
        margin-top: 20px;
        text-align: center;
        width: 170px;
    }
    
    .about_us_text_area>a:hover {
        background-color: #fff;
        color: #2196f3;
    }
    
    .about_us_text_area h3 {
        font-size: 36px;
    }
    /* *******************************
    :: 10.0
    ******************************* */
    
    .total_subscriber_area {
	position: relative;
	z-index: 1;
;
	background : -moz-radial-gradient(50.29% 106.33%, circle farthest-corner, rgba(204, 204, 204, 1) 0%, rgba(179, 179, 179, 1) 100%);
    background : -webkit-radial-gradient(50.29% 106.33%, circle farthest-corner, rgba(204, 204, 204, 1) 0%, rgba(179, 179, 179, 1) 100%);
    background : -webkit-gradient(radial,50.29% 106.33% ,0 , 50.29% 106.33%, 976.93 ,color-stop(0,rgba(204, 204, 204, 1) ),color-stop(1,rgba(179, 179, 179, 1) ));
    background : -o-radial-gradient(50.29% 106.33%, circle farthest-corner, rgba(204, 204, 204, 1) 0%, rgba(179, 179, 179, 1) 100%);
    background : -ms-radial-gradient(50.29% 106.33%, circle farthest-corner, rgba(204, 204, 204, 1) 0%, rgba(179, 179, 179, 1) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Stlye=2);"
    background : radial-gradient(50.29% 106.33%, circle farthest-corner, rgba(204, 204, 204, 1) 0%, rgba(179, 179, 179, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.Alpha(Stlye=2);
    }
    
    .total_subscriber_area:before {
	position: absolute;
	z-index: -5;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0);
	content: "";
	top: 0;
	left: 0;
    }
    
    .total_subscriber_text>a {
        background-color: #fff;
        display: inline-block;
        float: right;
        color: #2c3e50;
    }
    
    .total_subscriber_text>a:hover {
        background-color: #2196f3;
        color: #fff;
    }
    
    .total_subscriber_text>h3 {
        color: #fff;
        display: inline-block;
        font-weight: 500;
    }
    
    .total_subscriber_text>h3 span.counter {
        color: #2196f3;
        display: inline-block;
        font-size: 36px;
        text-align: right;
        width: 220px;
    }

    .single_work_step {
        margin-bottom: 30px;
        padding: 15px;
        text-align: center;
    }
    
    .single_work_step>i {
        color: #2196f3;
        display: block;
        font-size: 50px;
        margin-bottom: 15px;
    }
    
    .single_work_step>h5 {
        font-weight: 300;
    }
    
    .single_work_step>p {
        margin: 0;
    }

    /* ********************
    :: 底部 css
    ******************** */
    
    .footer_bottom_area {
        background-color: #f6f6f6;
        padding: 50px 0 0;
        display: block;
        position: relative;
        text-align: center;
    }
    
    .footer_menu a {
        color: #888;
        font-weight: 300;
        padding: 0 15px;
        border-right: 1px solid #ddd;
    }
    
    .footer_menu a:hover {
        color: #2196f3;
    }
    
    .footer_menu ul>li {
        display: inline-block;
    }
    
    .footer_menu ul>li:last-child a {
        border-right: 0 solid transparent;
    }
    
    .single_footer_area a:hover {
        color: #2196f3
    }
    
    .footer_copywrite_area {
	display: block;
	padding-top: 30px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 30px;
	background-color: #1B1918;
    }
    
    .footer_social_area {
        margin-bottom: 30px;
    }
    
    .footer_social_area a {
        border-radius: 50%;
        height: 40px;
        text-align: center;
        width: 40px;
        display: inline-block;
        border: 2px solid #ddd;
        background-color: #fff;
    }
    
    .footer_social_area a:hover {
        background-color: #2196f3;
        border-color: #2196f3;
        color: #fff;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    
    .footer_social_area a i {
        line-height: 36px;
    }
    
    .footer_bottom_area .item {
        margin-bottom: 50px;
    }
    
    .footer_bottom p i {
        color: #2196f3;
    }
    
    .footer_bottom>p {
        margin: 0;
    }
    
    .footer_bottom a {
        color: #2196f3;
    }
 

    body.rtl_version .logo_area {
        float: right;
    }
    
    body.rtl_version .main_menu_area {
        float: left;
    }
    
    body.rtl_version .single-accordion h5 a {
        padding: 20px 45px 20px 20px;
        text-align: right;
    }
    
    body.rtl_version .single-accordion h5 a span {
        font-size: 30px;
        height: 58px;
        left: auto;
        position: absolute;
        text-align: center;
        top: -1px;
        width: 50px;
        right: 0;
    }
    
    body.rtl_version .single-accordion .accordion-content p {
        text-align: right;
    }
    
    body.rtl_version #mc_embed_signup input.email {
        text-align: right;
    }
    
    body.rtl_version .contact_input_area .form-group input,
    body.rtl_version .contact_input_area .form-group textarea {
        text-align: right;
    }
    
    body.rtl_version .single_footer_area {
        text-align: right;
    }
    
    body.rtl_version .mainmenu ul#nav>li ul.sub-menu li a {
        text-align: right;
    }
    
    body.rtl_version .mainmenu ul#nav>li>ul.sub-menu {
        right: 0;
        left: auto;
    }
    
    body.rtl_version .single_about_part .feature_icon {
        left: -25px;
        margin-top: -25px;
    }
    
    body.rtl_version .single_about_part .feature_icon:before {
        right: 50%;
        top: 50%;
        left: auto;
    }
    
    body.rtl_version .single_about_part .feature_icon:after {
        right: calc(50% + 110px);
        left: auto;
    }
    
    body.rtl_version .about_us_text_area,
    body.rtl_version .big_thumb {
        text-align: right;
    }
    
    body.rtl_version .about_us_text_area>a {
        float: right;
    }
    
    body.rtl_version .small_thumb {
        bottom: 0;
        right: 170px;
        left: auto;
    }
    
    body.rtl_version .total_subscriber_text>a {
        float: left;
    }
    
    body.rtl_version .total_subscriber_text>h3 {
        margin-bottom: 0;
        margin-left: 70px;
        margin-top: 0;
    }
    
    #mc_embed_signup .clear {
        display: inline;
        width: 100%;
    }

    /* 色系 CSS */
    
    .color_picker_area {
        background-color: #fff;
        border-radius: 0 0 4px;
        box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.15);
        height: auto;
        left: -250px;
        padding: 30px 25px 30px 30px;
        position: fixed;
        top: 20%;
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
        width: 250px;
        z-index: 9999;
    }
    
    .color_picker_switcher {
        border-radius: 0 4px 4px 0;
        right: -50px;
        left: auto;
    }
    
    .color_picker_area.on {
        left: 0;
    }
    
    input[id*="cor"] {
        display: none;
    }
    
    input[id*="cor"]:checked+label:before {
        content: '\efad';
        display: block;
        position: absolute;
        font-family: 'icofont';
        top: 2px;
        left: 4px;
        font-size: 20px;
        color: #fff;
        font-weight: 400;
    }
    
    label[class*="cor"] {
        border: 1px solid transparent;
        cursor: pointer;
        display: inline-block;
        height: 30px;
        margin-right: 5px;
        position: relative;
        width: 30px;
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
    }
    
    label[class*="cor"]:hover {
        border-color: #15151e;
    }
    
    .cor1 {
        background-color: #673AB7;
    }
    
    .cor2 {
        background-color: #2196F3;
    }
    
    .cor3 {
        background-color: #4CAF50;
    }
    
    .cor4 {
        background-color: #FF9800;
    }
    
    .cor5 {
        background-color: #FFEB3B;
    }
    
    .cor6 {
        background-color: #FF5722;
    }
    
    .cor7 {
        background-color: #F44336;
    }
    
    .cor8 {
        background-color: #00BCD4;
    }
    
    .cor9 {
        background-color: #009688
    }
    
    .cor10 {
        background-color: #E91E63;
    }
.text-01 {
	font-size : 38px;
	line-height : 50px;
	letter-spacing : 1px;
	color : #595757;
	color : rgb(89, 87, 87);
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: lighter;
	text-transform: none;
	word-spacing: 1px;
}
.text-01-2 {
	font-size : 30px;
	line-height : 40px;
	letter-spacing : 1px;
	color : #595757;
	color : rgba(1,179,191,1.00);
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: lighter;
	text-transform: none;
	word-spacing: 1px;
	padding-left: 20px;
}
.text-02 {
	font-size: 12pt;
	background-color: #164A75;
	padding-top: 10px;
	padding-right: 6px;
	padding-bottom: 5px;
	padding-left: 9px;
	width: 60%;
	text-align: center;
	color: #FBFBFB;
	font-family: "PingFang SC Ultralight", "Microsoft JhengHei";
	font-weight: 100;
	border-radius: 3px;
}
.text-03 {
	font-size : 16px;
	letter-spacing : 1px;
	color : #000000;
	color : rgb(0, 0, 0);
	font-family: "PingFang SC Ultralight", "Microsoft JhengHei";
}
.text-04 {
	font-size : 16px;
	line-height : 28px;
	color : #4D4D4D;
	color : rgb(77, 77, 77);
	font-family: "PingFang SC Ultralight", "Microsoft JhengHei";
	font-weight: 200;
	text-align: justify;
	padding-top: 15px;
}
.text-04-3 {
	font-size : 20px;
	line-height : 28px;
	color : #4D4D4D;
	color : rgba(0,0,0,1.00);
	font-family: "PingFang SC Ultralight", "Microsoft JhengHei";
	font-weight: 200;
	text-align: justify;
	padding-top: 15px;
}
.text-04-en {
	font-size : 18px;
	line-height : 28px;
	color : #4D4D4D;
	color : rgb(77, 77, 77);
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	font-weight: 200;
	text-align: left;
	padding-top: 15px;
}
.text-04-en2 {
	font-size : 16px;
	line-height : 28px;
	color : #4D4D4D;
	color : rgb(77, 77, 77);
	font-family: "Helvetica Bold";
	font-weight: 200;
	text-align: justify;
	padding-top: 15px;
	bottom: 62px;
}
.boxjoinus {
	background-size: 100% auto;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-color:opacity:1;
	background-image: url(../image/svgimg08.svg);
	background-color: #C5C5C5;
	padding-top: 45px;
	padding-bottom: 30px;
}
.text-05 {
    font-size : 22px;
    line-height : 31px;
    color : #01B3BF;
    color : rgb(1, 179, 191);
	font-family: "PingFang SC Ultralight", "Microsoft JhengHei";
}
.text-06 {
	text-align: center;
	padding-left: 15%;
	padding-right: 15%;
	padding-top: 1%;
	font-size : 18px;
	line-height : 28px;
	color : #4D4D4D;
	color : rgb(77, 77, 77);
}
.about_app_area.section_padding_100 .container .text-04 {
	margin-bottom: 40px;
}
.iconbox2 {
	width: 150px;
	height: 150px;
	margin-left: auto;
	margin-right: auto;
}
.page-header {
	padding-bottom: 9px;
	margin-top: 40px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 40px;
	border-bottom: 1px solid #eee;
}
.icofont {
}
.triangle-down-01 {
	background-image: url(../image/svgimg04.svg); 
	background-repeat: no-repeat; 
	background-position: center top; 
	background-size: 1.5em auto; 
	height: 30px; 
	background-color: #F6F6F6;"
}
.text-07 {
	font-size : 20px;
	position : relative;
	top : 2px;
	color : #01B3BF;
	color : rgb(1, 179, 191);
	font-family: "Helvetica Bold";
	font-weight: 200;
}
.interval-line {
	padding-bottom: 9px;
	margin-top: 40px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 40px;
	border-bottom: 1px solid #84B94D;
	height: 50px;
	background-color: #3D2408;
	color: #3D2408;
}
.text-08 {
	font-family: "PingFang SC Semibold", "Microsoft JhengHei Bold";
	font-size: 14px;
	color: #333333;
}