/*default font family*/
*{
    font-family:Microsoft JhengHei;
}
	.rl-style h1,.rl-style h2,.rl-style h3,.rl-style h4,.rl-style p{margin: 0;}
	html{font-size: 16px;}
	body{font-family:"微軟正黑體", "Microsoft JhengHei", sans-serif; font-weight: 300;}
	#_topnavarea_.affix{
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 100;
	}
	#_topnavarea_.affix-top{
		display: block;
	}
	.rl-style h1{font-size: 5.25rem;}
	.rl-style h2{font-size: 3rem; color: #2e2d2d; line-height:1; margin-bottom: 40px;}
	.rl-style h3{font-size: 2.25rem; color: #171717; margin-bottom: 40px;line-height: 1.2;}
	.rl-style h4{font-size: 1.875rem; color: #393939; font-weight: bold; margin-top: 30px ;margin-bottom: 20px;}
	.rl-style p,.rl-style li{font-size: 1.125rem; color: #393939; line-height: 1.5;}	
	.rl-style p,.rl-style ul{margin-bottom: 20px;}
	
	/*new seo h1-h4 class*/
	.rl-style .text-lg,.rl-style .text-md,.rl-style .text-sm,.rl-style .text-xs{margin: 0;}
	.rl-style .text-lg{font-size: 5.25rem; font-weight: 500;}
	.rl-style .text-md{font-size: 3rem; color: #2e2d2d; font-weight: 500; line-height:1; margin-bottom: 40px;}
	.rl-style .text-sm{font-size: 2.25rem; color: #171717; font-weight: 500; margin-bottom: 40px;line-height: 1.2;}
	.rl-style .text-xs{font-size: 1.875rem; color: #393939; font-weight: bold; margin-top: 30px ;margin-bottom: 20px;}

	/*link*/
	.rl-style a{color:#333;}
	.rl-style a:hover{color:#fa4639;}
	.rl-style a:focus,.rl-style a:active,.rl-style a:active:focus{color:#fa4639;outline: none;}
	
	/*-----common footer setting by kyle-----*/
	#_defaultfooterarea_ > .container-fluid,
	#_footerarea_ > .container-fluid{ padding-right: 0; padding-left: 0; }
	.footer a:hover{color:#ff4139 !important;}

	/*for adjust tag*/
	/*h1 h2 exchange*/
	.rl-style .h1toh2{font-size: 4.5rem;line-height: 1.1;margin: 0;color: #333;}
	.rl-style .h2toh1{font-size: 3rem; color: #2e2d2d; line-height:1; margin-bottom: 40px;}

	/*h2 h3 exchange*/
	.rl-style .h2toh3{font-size: 3rem; color: #2e2d2d; line-height:1; margin-bottom: 40px;}
	.rl-style .h3toh2{font-size: 2.25rem; color: #171717; margin-bottom: 40px;line-height: 1.2;font-weight: 500;}

	/*h1 h3 exchange*/
	.rl-style .h1toh3{font-size: 4.5rem;line-height: 1.1;margin: 0;color: #333;}
	.rl-style .h3toh1{font-size: 2.25rem; color: #171717; margin-bottom: 40px;line-height: 1.2;}


	@media screen and (max-width: 1199px){
		.rl-style h2,.rl-style h3{margin-bottom: 35px;}
		.rl-style h4{margin-top: 25px;margin-bottom: 15px;}
		.rl-style p,.rl-style ul{margin-bottom: 15px;}

		/*new seo h1-h4 class*/
		.rl-style .text-md, .rl-style .text-sm{margin-bottom: 35px;}
		.rl-style .text-xs{margin-top: 25px;margin-bottom: 15px;}

		/*h1 h2 exchange*/
		.rl-style .h1toh2{margin-bottom: 0;}
		.rl-style .h2toh1{margin-bottom: 35px;}

		/*h2 h3 exchange*/
		.rl-style .h2toh3{margin-bottom: 35px;}
		.rl-style .h3toh2{margin-bottom: 35px;}

		/*h1 h3 exchange*/
		.rl-style .h1toh3{margin-bottom: 0;}
		.rl-style .h3toh1{margin-bottom: 35px;}
	}
	@media screen and (max-width: 991px){
		.rl-style h2,.rl-style h3{margin-bottom: 25px;}
		/*new seo h1-h4 class*/
		.rl-style .text-md, .rl-style .text-sm{margin-bottom: 25px;}

		/*h1 h2 exchange*/
		.rl-style .h1toh2{margin-bottom: 0;}
		.rl-style .h2toh1{margin-bottom: 25px;}

		/*h2 h3 exchange*/
		.rl-style .h2toh3{margin-bottom: 25px;}
		.rl-style .h3toh2{margin-bottom: 25px;}

		/*h1 h3 exchange*/
		.rl-style .h1toh3{margin-bottom: 0;}
		.rl-style .h3toh1{margin-bottom: 25px;}
	}
	@media screen and (max-width: 767px){
		.rl-style h2{font-size: 2.5rem;}
		.rl-style h2,.rl-style h3{margin-bottom: 20px;}
		/*new seo h1-h4 class*/
		.rl-style .text-md{font-size: 2.5rem;}
		.rl-style .text-md, .rl-style .text-sm{margin-bottom: 20px;}

		/*h1 h2 exchange*/
		.rl-style .h1toh2{margin-bottom: 0;font-size: 4.5rem;}
		.rl-style .h2toh1{margin-bottom: 20px;font-size: 2.5rem;}

		/*h2 h3 exchange*/
		.rl-style .h2toh3{font-size: 2.5rem;margin-bottom: 20px;}
		.rl-style .h3toh2{margin-bottom: 20px;}

		/*h1 h3 exchange*/
		.rl-style .h1toh3{margin-bottom: 0;}
		.rl-style .h3toh1{margin-bottom: 20px;}
	}
	@media screen and (max-width: 500px){
		.rl-style h2{font-size: 2.25rem;}
		.rl-style h3{font-size: 1.75rem;}
		.rl-style h4{font-size: 1.5rem;}
		/*new seo h1-h4 class*/
		.rl-style .text-md{font-size: 2.25rem;}
		.rl-style .text-sm{font-size: 1.75rem;}
		.rl-style .text-xs{font-size: 1.5rem;}

		/*h1 h2 exchange*/
		.rl-style .h1toh2{font-size: 4.5rem;}
		.rl-style .h2toh1{font-size: 2.25rem;}

		/*h2 h3 exchange*/
		.rl-style .h2toh3{font-size: 2.25rem;}
		.rl-style .h3toh2{font-size: 1.75rem;}

		/*h1 h3 exchange*/
		.rl-style .h1toh3{font-size: 4.5rem;}
		.rl-style .h3toh1{font-size: 1.75rem;}
	}

	@font-face {
	  font-family: 'BebasNeueBold';
	  src: url('../fonts/BebasNeueBold.eot');
	  src: url('../fonts/BebasNeueBold.eot?#iefix') format('embedded-opentype'),
	       url('../fonts/BebasNeueBold.woff2') format('woff2'),
	       url('../fonts/BebasNeueBold.woff') format('woff'),
	       url('../fonts/BebasNeueBold.ttf') format('truetype'),
	       url('../fonts/BebasNeueBold.svg#BebasNeueBold') format('svg');
	  font-weight: normal;
	  font-style: normal;
	}

/* layout setting*/
/*	.rl-row-1440 { 
	    max-width: 1560px;
        padding-left: 3.84615%;
        padding-right: 3.84615%;
	    margin:0 auto;
	}*/
	.rl-row-1440{max-width: 1440px;margin: 0 12.1% ;padding-right: 15px;padding-left: 15px;}
	@media screen and (max-width: 1440px){
		.rl-row-1440{margin: 0 4.17% ;}
	}
	@media screen and (max-width: 991px){
		.rl-row-1440{margin: 0 auto ;}
	}

	/*space*/
	.rl-wrapper,.rl-wrapper-s,.rl-wrapper-ss,.rl-wrapper-l{padding-top: 0;padding-bottom: 0;}

	.rl-wrapper-topbottom-l{padding-top: 80px;padding-bottom: 80px}
	.rl-wrapper-top-l{padding-top: 80px;padding-bottom: 0;}
	.rl-wrapper-bottom-l{padding-top: 0;padding-bottom: 80px;}

	.rl-wrapper-topbottom{padding-top: 60px;padding-bottom: 60px}
	.rl-wrapper-top{padding-top: 60px;padding-bottom: 0;}
	.rl-wrapper-bottom{padding-top: 0;padding-bottom: 60px;}


	.rl-wrapper-topbottom-s{padding-top: 40px;padding-bottom: 40px}
	.rl-wrapper-top-s{padding-top: 40px;padding-bottom: 0;}
	.rl-wrapper-bottom-s{padding-top: 0;padding-bottom: 40px;}

	.rl-wrapper-topbottom-ss{padding-top: 20px;padding-bottom: 20px}
	.rl-wrapper-top-ss{padding-top: 20px;padding-bottom: 0;}
	.rl-wrapper-bottom-ss{padding-top: 0;padding-bottom: 20px;}

	.banner{max-width: 100%;}

	.footer-container {
	    padding-top: 53px;
	    padding-bottom: 47px;
	    background-color: #F0F0F0;
	    border-top:2px solid #CCCCCC;
	}

	/*rl flex box*/
	.rl-row-flex {
		display: -ms-flexbox;
    	display: -webkit-flex;
    	display: flex;
    	padding-left:5%;
    	padding-right:5%;
	}
	.rl-col-flex {
    	-webkit-flex: 1;
    	-ms-flex: 1;
    	flex: 1;
    }

    .rl-outer-wrapper{position: relative;}

	@media screen and (max-width: 1199px){
		.rl-wrapper-topbottom-l{padding-top: 60px;padding-bottom: 60px}
		.rl-wrapper-top-l{padding-top: 60px;padding-bottom: 0;}
		.rl-wrapper-bottom-l{padding-top: 0;padding-bottom: 60px;}

		.rl-wrapper-topbottom{padding-top: 40px;padding-bottom: 40px}
		.rl-wrapper-top{padding-top: 40px;padding-bottom: 0;}
		.rl-wrapper-bottom{padding-top: 0;padding-bottom: 40px;}

		.rl-wrapper-topbottom-s{padding-top: 35px;padding-bottom: 35px}
		.rl-wrapper-top-s{padding-top: 35px;padding-bottom: 0;}
		.rl-wrapper-bottom-s{padding-top: 0;padding-bottom: 35px;}

		.rl-wrapper-topbottom-ss{padding-top: 15px;padding-bottom: 15px}
		.rl-wrapper-top-ss{padding-top: 15px;padding-bottom: 0;}
		.rl-wrapper-bottom-ss{padding-top: 0;padding-bottom: 15px;}
	}
	@media screen and (max-width: 1199px){
		.rl-wrapper-topbottom-s{padding-top: 25px;padding-bottom: 25px}
		.rl-wrapper-top-s{padding-top: 25px;padding-bottom: 0;}
		.rl-wrapper-bottom-s{padding-top: 0;padding-bottom: 25px;}		
	}
	@media screen and (max-width: 767px){
		.rl-wrapper-topbottom-l{padding-top: 40px;padding-bottom: 40px}
		.rl-wrapper-top-l{padding-top: 40px;padding-bottom: 0;}
		.rl-wrapper-bottom-l{padding-top: 0;padding-bottom: 40px;}

		.rl-wrapper-topbottom{padding-top: 30px;padding-bottom: 30px}
		.rl-wrapper-top{padding-top: 30px;padding-bottom: 0;}
		.rl-wrapper-bottom{padding-top: 0;padding-bottom: 30px;}

		.rl-wrapper-topbottom-s{padding-top: 20px;padding-bottom: 20px}
		.rl-wrapper-top-s{padding-top: 20px;padding-bottom: 0;}
		.rl-wrapper-bottom-s{padding-top: 0;padding-bottom: 20px;}	

		/*.rl-row-1440 {padding-left: 0; padding-right: 0;}*/
		.rl-row-flex {display: inline-block;width: 100%;}
	}

/*common UI*/

	@-moz-keyframes animate {
        0% { transform:rotate(0deg); }
        50% { transform:rotate(2deg); }
        100% { transform:rotate(0deg); }
    }
    @-ms-keyframes animate {
        0% { transform:rotate(0deg); }
        50% { transform:rotate(2deg); }
        100% { transform:rotate(0deg); }
    }
    @-o-keyframes animate {
        0% { transform:rotate(0deg); }
        50% { transform:rotate(2deg); }
        100% { transform:rotate(0deg); }
    }
    @keyframes animate {
    	0% { font-size:12px; }
    	50% { top:5px; }
     	100% { top:-5px; }
    }

	.new-version-label {
		display:inline-block;
		background-color: #fa5649;
		font-size:calc(24px + 0.5vw);
		line-height: calc(40px + 0.3vw);
		margin-right:20px;
		color: white;
        padding-right: 25px;
        padding-left:25px;
        margin-bottom:15px;
        border-style: double;
        position: relative;
	}

	.new-version-label:before {
		content:'NEW in v8.1';
	}


	/*default button 1 with fill bg*/
	.rl-btn-fill{
		background-color: #fa4639;
        border: 2px solid #fa4639;
        color: white;
        line-height: normal;
        font-size: 1rem;
        border-radius: 0;  
	}

	.rl-btn-fill:hover, .rl-btn-fill:focus, .rl-btn-fill:active, .rl-btn-fill:active:focus{
        background-color: transparent;
        color: #fa4639;
        border: 2px solid #fa4639;
        outline:none;
        transition: all 0.17s ease-in-out;
	    -moz-transition: all 0.17s ease-in-out;
	    -webkit-transition: all 0.17s ease-in-out;
	    -o-transition: all 0.17s ease-in-out;
    }

	/*default button 2 with border*/
	.rl-btn-border{
		background-color: transparent;
        border: 2px solid #fa4639;
        color: #ff4139;
        line-height: normal;
        font-size: 1rem;
        border-radius: 0;
	}

    .rl-btn-border:hover, .rl-btn-border:active, .rl-btn-border:active:focus{
	    background-color: rgba(255, 87, 34, 0.35)  !important;
	    border: 2px solid #ff4139;
	    color: white !important;
	    outline:none;
	    transition: all 0.17s ease-in-out;
	    -moz-transition: all 0.17s ease-in-out;
	    -webkit-transition: all 0.17s ease-in-out;
	    -o-transition: all 0.17s ease-in-out;
	}

    .rl-btn-border:focus{
        background-color: transparent;
        border: 2px solid #ff4139;
        color: #ff4139;
        outline:none;
    }


	/* header */
		.logo-rl{margin: 10px 70px 10px 0}
		@media screen and (max-width: 767px){
			.logo-rl{margin: 10px 10px 10px 0}
		} 

		.border-gray{border: 1px solid #DDD;} /*for header btn-hamburger border*/

		.btn-menu{font-size: 1.125rem; padding: 0 1.875rem 0 1.875rem; line-height: 2.5rem;}

		/*start menu*/
			.btn-hamburger{
				font-size: 24px;
			    padding: 4px 10px;
			    border-radius: 4px;
			    display: none;
			}
			.btn-hamburger:hover, .btn-hamburger:focus{
				background-color: #DDD;
				color: #000;
			}
			.menu{display: inline-block;}
			.menu > li{float: left;}
			.menu > li > a{color: #777;font-size: 1.125rem;line-height: 1.375rem; padding-left:0; padding-right: 40px}
			.menu > li > a:hover,#menuArea .nav-click-style{color: #82be0f; background-color: transparent}
			/*used in scoll fix top*/
				.top-container,.fixed{ background-color: #eee; padding-top: 0.25rem; padding-bottom: 0.25rem; box-shadow: rgb(187, 187, 187) 0px 2px 5px 0px;}  /*0.875rem = 14px*/	
				.fixed {
					position: fixed; 
					top: 0; 
					z-index: 1;
					width: 100%;
					
				}
			/*end of used in scoll fix top*/
			@media screen and (max-width: 1100px){
				.menu{ float: left; width: 100%; border-top: 1px solid white;}	
				.menu > li { float: none;  text-align:left;}
				.hiddenMenu{display: none; }
			    .showMenu{display: block; }
			    .bgc-phone-menu-color{background-color: #222;}
			    .btn-hamburger{display: inline-block;}
			    .top-container{position: fixed; top: 0; z-index: 1; width: 100%;} /*when menu collapse, top-container fixed to advoid affect main Img*/
			}
		/*end menu*/
		.forSEO {text-indent: -9999px;}

/*common class*/
    .clearfix:after{       
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;}

	.width-100{ width: 100%; }

	/*pos*/
    .right{float: right;}
    .left{float: left;}
    .center{margin: 0 auto;}

    .text-center{text-align: center;}
    .text-right{text-align: right;}
    .text-left{text-align: left;}

	.no-padding-l{padding-left: 0;}
	.no-padding-r{padding-right: 0;}
    .no-padding-lr{padding-left: 0;padding-right: 0;}
    .no-padding-top{margin-top: 0;}
	.no-padding{padding: 0;}
	
    .m0-tb{margin-top: 0;margin-bottom: 0;}
    .m0{margin: 0;}

	.rl-media-center-lg{margin: 0 auto;}

	.rl-btn-wrapper{width: 100%;text-align: center;}
	
	@media screen and (max-width: 1199px){
		.rl-media-center-md{margin: 0 auto;}
		.text-center-md{text-align: center;}
	}
	@media screen and (max-width: 991px){
		.rl-media-center-sm{margin: 0 auto;}
		.text-center-sm{text-align: center;}
	}
	@media screen and (max-width: 767px){
		.rl-media-center-xs{margin: 0 auto;}
		.text-center-xs{text-align: center;}
	}

	

    /*other*/
    	/*font base setting*/
	    .font-wwight-b{font-weight: bold;}
	    .font-weight-normal{font-weight: normal;}
	    .text-underline{ text-decoration: underline;}
		
		/*show or hidden*/
		.display-none{display: none;}
	    .visibility-hidden{visibility: hidden;}

	    .cursor{cursor: pointer;}


	.bg-gray{background-color: #F0F0F0}

/*modules*/
	/*common*/
	/*h2.title{font-weight: 300; color:#fa4639;}
	.text-md{font-weight: 300; color:#fa4639;}*/
	.col-lg-12.rl-block-wrapper{margin-bottom: 40px;}
	.col-lg-12.rl-block-top-wrapper{margin-top: 40px;}
	@media screen and (max-width: 1199px){
		.col-md-12.rl-block-wrapper{margin-bottom: 35px;}
		.col-lg-12.rl-block-top-wrapper{margin-top: 35px;}
	}
	@media screen and (max-width: 991px){
		.col-sm-12.rl-block-wrapper{margin-bottom: 25px;}
		.col-lg-12.rl-block-top-wrapper{margin-top: 25px;}
	}
	@media screen and (max-width: 767px){
		.col-xs-12.rl-block-wrapper{margin-bottom: 20px;}
		.col-lg-12.rl-block-top-wrapper{margin-top: 20px;}
	}

	/* spotlight */
	.rl-spotlight .col-lg-12.rl-image-wrapper{margin-bottom: 40px;}
	.wrapper>h2.title{text-align: center;}
	.rl-content h3.title{padding-left: 0;padding-right: 0;}
	@media screen and (max-width: 1199px){
		.rl-spotlight .col-md-12.rl-image-wrapper{margin-bottom: 35px;}
	}
	@media screen and (max-width: 991px){
		.rl-spotlight .col-sm-12.rl-image-wrapper{margin-bottom: 25px;}
	}
	@media screen and (max-width: 767px){
		.rl-spotlight .col-xs-12.rl-image-wrapper{margin-bottom: 20px;}
		.rl-image{margin: 0 auto;}
	}

	/*box*/
	.rl-box h2.title{margin-bottom: 0;padding-left: 15px;padding-right: 15px;text-align: center;}
	.rl-box .box-item{margin-bottom: 60px;}
	.box-item>p{margin-bottom: 0;}
	@media screen and (max-width: 1199px){
		.rl-box .box-item{margin-bottom: 40px;}
	}
	@media screen and (max-width: 767px){
		.rl-box .box-item{margin-bottom: 30px;}
	}

	/*storyBoard*/
	.rl-storyBoard h2.title{margin: 0;text-align: center;}
	.rl-Note .title{font-weight: bold;}
	.rl-Note .desc{line-height: 1;}

	/*bannerVideo-wrapper*/
	.bannerVideo-wrapper{position: relative; max-height: 760px;overflow: hidden; background-size: contain;}
	.bannerVideo-wrapper .content-mask{background-color: rgba(0,0,0,0.55);width: 100%; height: 100%;position: absolute;z-index: 20;top:0;left:0;}
	.bannerVideo-wrapper .video-wrapper{/*position: absolute;*/z-index: 10}
	.bannerVideo-wrapper .content-wrapper{width: 100%; position: absolute;z-index: 30;top:50%; left: 50%; -ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
/*	.video-wrapper{max-height: 760px;width: 100%;overflow: hidden; opacity: 0.75;}
	.video-wrapper>iframe{max-width: 100%;width: 100%;}*/
	.video-wrapper{position: relative;height: 0;overflow: hidden;padding-bottom: 56.25%;}
	.video-wrapper>iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}	
	/*.video-wrapper>iframe{position: fixed;width: 2000px;height: 1125px;}*/	
	.content-wrapper img{margin: 0 auto;}
	.content-wrapper p.message{ font-weight: 400; }
	.content-wrapper .videoText-md,.content-wrapper p.message{text-align: center;color: #fff;display: inline}
	/*.content-wrapper h1,.content-wrapper p.title{font-size: 7.8125rem;margin-bottom: 20px;}*/
	.content-wrapper p.message,.content-wrapper .videoText-md{font-size: 4.5rem;margin-bottom: 20px;line-height: 1.2;}

	.image{width: 100%;text-align: center;}

	/*when video cant play on the mobile device*/
	.video-bgi{background-image: url(../../images/bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;}
	.video-bgi>iframe{/*visibility: hidden;*/display: none}
	.bannerVideo-wrapper .content-mask-bright{background-color: transparent;}

	@media screen and (max-width: 1100px){
		.content-wrapper p.message,.content-wrapper .videoText-md{font-size: 3.75rem;}
		.logo-ct8 img{width: 70%;}
	}
	@media screen and (max-width: 991px){
		.content-wrapper p.message,.content-wrapper .videoText-md{font-size: 3.125rem;}
		/*.content-wrapper .videoText-md{font-size: 1.75rem}*/
	}
	@media screen and (max-width: 767px){
		.content-wrapper p.message,.content-wrapper .videoText-md{font-size: 1.875rem}
		/*.content-wrapper .videoText-md{font-size: 1.35rem}*/

/*		.video-wrapper{background-image: url(../../images/bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;}
		.video-wrapper iframe{visibility: hidden;}
		.bannerVideo-wrapper .content-mask{background-color: transparent;}*/

	}
	@media screen and (max-width: 500px){
		.content-wrapper p.message,.content-wrapper .videoText-md{font-size: 1.25rem}
	}

	/*slide show-owl*/
	.rl-slide-show .title-wrap{position: absolute;right: 0;top: 20%;transform: translateY(-40%);-ms-transform: translateY(-40%);-webkit-transform: translateY(-40%);text-align: right;}
	.rl-slide-show .title{text-align: center;float: right;margin-bottom: 0;font-weight: 300; color: #fa4639;}
	.rl-slide-show .owl-pagination{position: absolute;bottom: 0;right: 20%;}
	@media screen and (max-width: 991px){
		.rl-slide-show .title-wrap{position: static;transform: none;-ms-transform: none;-webkit-transform: none}
		.rl-slide-show .title{float: none;margin-bottom: 25px;}

	}

	/*card*/
	.rl-card .title{text-align: center;margin-bottom: 0; font-weight: 300; color: #fa4639;}

	/* version-table */
	.rl-version-table .title{
		text-align: center;
		margin-bottom: 0;
		font-weight: 300;
    	color: #fa4639;
	}
	.version-table {
	    float: none;
	    display:inline-block;
	    border: 2px solid lightgray;
	    /*margin-bottom: 30px;*/
	    border-radius: 2px;
	    background-color: #fff;
	    text-align: center;
	    -webkit-transition: 0.1s ease-in-out;
	    -moz-transition: 0.1s ease-in-out;
	    transition: 0.1s ease-in-out;
	}

	@media screen and (max-width: 767px){
	    .version-table {
	        width: 100% ;
	        display:block;
	    }
	    .version-table + .version-table{margin-top: 30px;}
	}

	.version-table:hover {
	    box-shadow: 3px 3px 10px #dddddd;
	    -webkit-transform: scale(1.05);
	    -moz-transform: scale(1.05);
	    -ms-transform: scale(1.05);
	    transform: scale(1.05);
	}

	.version-table .version {
	    font-size: 2.25rem;
	    color: #171717;
	    font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif;
	    padding: 30px;
	    background-color: #eeeeee;
	}

	.version-table:hover .version {
	    background-color: #dddddd;
	}

	.version-table .version .price {
	    display: block;
	    font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif;
	    font-size:1.8rem;
	    color: white;
	    background: #555555;
	    border: 10px solid #fff;
	    height: 150px;
	    width: 150px;
	    padding-top:25px;
	    margin: 10px auto -110px;
	    -moz-border-radius: 100px;
	    -webkit-border-radius: 100px;
	    border-radius: 100px;
	}

	.version-table ul {
	    margin: 90px 0 0 0;
	    padding-left: 30px !important;
	    padding-right: 30px !important;
	    list-style: none;
	}

	.version-table li {
	    border-top: 1px solid #e0e0e0;
	    padding: 10px;
	}

	/* version-table1 */
	.rl-version-table1 h2.title{text-align: center;margin-bottom: 0;}
	.version-table1 {
	    float: none;
	    display:inline-block;
	    border: 2px solid lightgray;
	    padding-bottom: 15px;
	    /*margin-bottom: 30px;*/
	    margin-left: 15px;
	    margin-right: 15px;
	    border-radius: 2px;
	    background-color: #fff;
	    text-align: center;
	    -webkit-transition: 0.1s ease-in-out;
	    -moz-transition: 0.1s ease-in-out;
	    transition: 0.1s ease-in-out;
	}

	@media screen and (max-width: 767px){
	    .version-table1 {
	        width: 100% ;
	        display:block;
	    }
	    .version-table1 + .version-table1 {margin-top: 30px;}
	}

	.version-table1 .version {
	    font-size: 2.25rem;
	    color: #171717;
	    font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif;
	    padding: 30px;
	    background-color: #dddddd;
	}



	.version-table1 .version .price {
	    display: block;
	    font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif;
	    font-size:2.7rem;
	    color: white;
	    background: #555555;
	    border: 10px solid #fff;
	    height: 150px;
	    width: 150px;
	    padding-top:40px;
	    margin: 10px auto -110px;
	    -moz-border-radius: 100px;
	    -webkit-border-radius: 100px;
	    border-radius: 100px;
	}

	.version-table1 .pricewithtext {
	    display: block;
	    font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif;
	    font-size:2.7rem;
	    color: white;
	    background: #555555;
	    border: 10px solid #fff;
	    height: 150px;
	    width: 150px;
	    padding-top:20px;
	    margin: 10px auto -110px;
	    -moz-border-radius: 100px;
	    -webkit-border-radius: 100px;
	    border-radius: 100px;
	}

	.version-table1 ul {
	    margin: 90px 0 0 0;
	    padding-left: 30px !important;
	    padding-right: 30px !important;
	    list-style: none;
	}

	.version-table1 li {
	    border-top: 1px solid #e0e0e0;
	    padding: 10px;
	}


	/* rl-portal */
	.rl-portal .title{ text-align: center;margin-bottom: 0; font-weight: 300; color: #fa4639; }
	.rl-portal-item img{margin-bottom: 40px;}
	.rl-portal-item p{margin-bottom: 40px;}
	@media screen and (max-width: 1199px){
		.rl-portal-item img{margin-bottom: 35px;}
		.rl-portal-item p{margin-bottom: 35px;}
	}
	@media screen and (max-width: 991px){
		.rl-portal-item img{margin-bottom: 25px;}
		.rl-portal-item p{margin-bottom: 25px;}
	}
	@media screen and (max-width: 767px){
		.rl-portal-item img{margin-bottom: 20px;}
		.rl-portal-item p{margin-bottom: 20px;}
	}

	/*rl-announce*/
	.rl-announce .special{font-size: 3rem;font-weight: 300;color: #fa4639;}
	.rl-announce p, .rl-announce li{color: white}
	.rl-announce .special, .rl-announce p, .rl-announce li {text-align: center;margin-bottom: 0;}
	.rl-announce .desc{font-size: 1.75rem;}
	.rl-announce .focus{font-size: 2.5rem;}
	@media screen and (max-width: 1199px){
		.rl-announce .desc{margin-top: 25px;}
	}
	@media screen and (max-width: 991px){
		/*.rl-announce .special{margin-bottom: 25px;}*/
	}
	@media screen and (max-width: 767px){
		.rl-announce .special{font-size: 2.5rem;}
	}
	@media screen and (max-width: 500px){
		.rl-announce .special{font-size: 2.25rem;}
		.rl-announce .focus{font-size: 1.75rem;}
		.rl-announce .desc{font-size: 1.5rem;}
	}

	/*feature-header*/
	.rl-header-feature .title{font-size: 3.875rem;font-family: "微軟正黑體", "Microsoft JhengHei",sans-serif;margin: 0;color: #2e2d2d;line-height: 1;}
	.rl-header-feature .desc{font-weight: bold;margin: 0;color: #959595;line-height: 1.5;font-size: 1.125rem;}

	/*declare board*/
	.rl-declareBoard .title,.rl-declareBoard p,.rl-declareBoard .subtitle,.rl-declareBoard li{color: #fa4639;}
	/*new */
	.rl-declareBoard .text-md,.rl-declareBoard .text-sm{color: #fa4639;}

	.rl-declareBoard .title{text-align: center;padding-left: 15px;padding-right: 15px;margin: 0;font-weight: 300;}

	.rl-declare-new{position: relative; display: inline-block;padding-right: 170px; padding-left: 170px;}
	.rl-declare-new .img-wrapper{position: absolute;top: -40px; right: 0;}
	.rl-declare-new .img-wrapper2{position: absolute;top: -30px; left: -40px;}
	.img-wrapper img{float: right;margin-right: 15px;}
	*::-ms-backdrop, .img-wrapper img{height: 100%;} /*for IE 11*/

	.rl-declare-label{position: relative; display: inline-block;padding-right: 170px; padding-left: 15px;}
	.rl-declare-label .img-wrapper{position: absolute;top: -30px; right: 0;}

	.rl-declareBoard-common{background-image: url(../../images/Title_BG1.svg);background-attachment: fixed;}
	
	/*rl-declareBoard-header for download、feature home、learning、video pages*/
	.rl-declareBoard-header-common{background-image: url(../../images/Title_BG-iC.svg);background-attachment: fixed;}
	.rl-declareBoard-header .title{text-align: center;padding-left: 15px;padding-right: 15px;margin: 0;font-size: 4.5rem;font-family: "微軟正黑體", "Microsoft JhengHei",sans-serif;}
	.rl-declareBoard-header .desc{font-weight: bold;margin: 0;color: #959595;line-height: 1.5;font-size: 1.75rem;text-align: center;}

	@media screen and (max-width: 1199px){
	    /*declare board*/
	    .rl-declare-new .img-wrapper{top:-55px;width: 240px;}

	}

	@media screen and (max-width: 991px){
	    /*declare board*/
	    .rl-declare-new .img-wrapper{top:-45px;width: 190px;}
	}

	@media screen and (max-width: 767px){
	    /*declare board*/
	    .rl-declare-new{padding-left: 95px;padding-right: 95px}
	    .rl-declare-new .img-wrapper{top:-20px;width: 120px;}

		.rl-declare-label{padding-left: 15px;padding-right: 95px}
	    .rl-declare-label .img-wrapper{top:-20px;width: 120px;}
	}

	@media screen and (max-width: 550px){
	    /*declare board*/
	    .rl-declare-new{padding-left: 0;padding-right: 0; width: 97%;}
	    .rl-declare-new .img-wrapper{top:-25px;width: 100px;}

		.rl-declare-label{padding-left: 15px;padding-right: 0; width: 97%;}
	    .rl-declare-label .img-wrapper{top:-20px;width: 100px;}

	    .rl-declareBoard-header .desc{font-size: 1.25rem}

	    .rl-declareBoard-header .title{font-size: 4.125rem;}
	}
	@media screen and (max-width: 500px){
		.rl-header-feature .title{font-size: 3.5rem;}
		.rl-declareBoard-header .title{font-size: 3.75rem;}
	}

	/*button arrow*/
	.icon-triangle{
		margin-left: 15px;
	    margin-right: 5px;
	    border-style: solid;
	    border-color: transparent transparent transparent #fff;
	    border-width: 7px 0 7px 12.1px;
	    display: inline-block;
	}

	.rl-btn-fill:hover .icon-triangle,
	.rl-btn-fill:focus .icon-triangle, 
	.rl-btn-fill:active .icon-triangle, 
	.rl-btn-fill:active:focus .icon-triangle{
		border-color: transparent transparent transparent #fa4639;
	}

	.icon-triangle-click{border-width: 13.9px 8px 0 8px; border-color: #fff transparent transparent transparent;}

	.rl-btn-fill:hover .icon-triangle-click, 
	.rl-btn-fill:focus .icon-triangle-click, 
	.rl-btn-fill:active .icon-triangle-click, 
	.rl-btn-fill:active:focus .icon-triangle-click{
		border-width: 13.9px 8px 0 8px;
		border-color: #fa4639 transparent transparent transparent;
	}