html
{
	/*background-color:#000;*/
	/*touch-action: none;
	-webkit-touch-callout: none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;*/
	touch-action: manipulation;
}
/** { touch-action: pan-y; } */
body,div,p,a,img
{
	/*display:none;*/
	/*position:fixed;*/
	/*background-color:#000;*/
	/*font-family: DFKai-sb;
	font-family: 標楷體;*/
	/*-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: inherit | grayscale;
	-webkit-user-select: none;
	-moz-user-select: none;*/
	margin: 0;
    padding: 0;
}
img
{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
}
@font-face {
  font-family: "DFYuan";
  src: url("DFYuan-Bd-HKP-BF-02.ttf");
}
body {
	/*background-image:url(../images/bg.jpg);
	background-repeat:repeat;*/
	font-family: DFYuan;
	display:none;
	opacity:0;
}
#rp
{
	position:absolute;
	width:100%;
	max-width:1600px;
	left:50%;
	margin-left:-800px;
	z-index:9999;
	opacity:0.5;
	pointer-events:none;
	display:none;
}
.main
{
margin:auto;
width:100%;
max-width:1600px;
/*min-height:600px;*/
background-color:#ffffff;
overflow: hidden;
}
.footer
{
margin:auto;
width:100%;
max-width:1600px;
}
.footer_bg
{
	width:100%;
	display: block;
}
.top
{
	width:100%;
}
.banner
{
	position: absolute;
    width: 100%;
	max-width: 1600px;
}
.top_bt_group
{
	text-align:center;
}
.bt
{
    cursor: pointer;
    margin-left: -1.8%;
    margin-top: 4.5%;
    vertical-align: top;
}
.bt0
{
	position: relative;
    margin-top:0;
}
.bt1
{
	margin-left:2%;
}
.bt2 img
{
	margin-left:6%;
}
.bt3 img,.bt5 img
{
	margin-left:10%;
}

.bt_hover_img
{
	width:19%;
}
.bt_hover_img:hover
{
	transform: scale(1.05);
}
.bt_hover_div
{
	width:13%;
	overflow:hidden;
	display: inline-block;
}
.bt_hover_div img
{
	position: relative;
	width:200%;
	left:0px;
}
.bt_hover_div img:hover
{
	left:-100%;
}
.bt_hover_on img
{
	left:-100%;
}
.bt_hover_div .logo_img:hover
{
	left:0px;
	transform: scale(1.05);
}
.content
{
	width:65%;
	margin:auto;
	text-align:left;
	margin-top: 5%;
}
.content .title
{
	width:112%;
}
.content .title2
{
	width:50%;
	display:block;
	margin:auto;
}
.dot_line
{
	border-bottom: 2px dotted #39bdef;
    text-decoration: none;
    margin-top: 2em;
    margin-bottom: 3em;
}
.content p
{
	width: 85%;
    font-size: 22px;
    /*font-weight: bold;*/
	word-break: break-all;
	text-align: justify;
	margin-left: 7.5%;
	line-height: 1.5em;
	color: #3f3b3a;
}
.content .p1
{
	width: 122%;
	margin-left: -11%;
}
.pt1
{
	color:#f95f88;
	font-size: 27px;
	font-weight: bold;
}
.pt2
{
	color:#3f3b3a;
	font-size: 27px;
	font-weight: bold;
	display:block;
	display:none;
	padding-bottom:10px;
}
.blue
{
	color:#39bdef;
	margin-left: -0.1em;
}
.p50px
{
	display: inline-block;
    width: 45px;
	opacity:0;
}
.pt10px
{
	display: block;
    padding-top: 10px;
}
.ptr
{
	text-align:right!important;
}
.bgc1
{
	background-color:#fde398;
}
.sign
{
    position: absolute;
    margin-top: -2em;
    margin-left: 1em;
    width: 8em;
}
.icon
{
    position: absolute;
    margin-top: -0.6em;
    margin-left: -0.5%;
    transform: scale(0.8);
}
.w100p
{
	width:100%;
}
.go_top
{
	position:fixed;
	right:5px;
	bottom:5px;
	max-width:80px;
	min-width:40px;
	width:5%;

}
.content_lr
{
	width: 100%;
	margin-top:10px;
}
.content_l
{
	display:inline-block;
	width:18%;
	vertical-align:top;
	margin-left: 8%;
	line-height: 60px;
}
.content_l .bt
{
	margin: 0;
}
.content_l img
{
	width:81%;
}
.content_r
{
	display:inline-block;
	width:62%;
	vertical-align:top;
	margin-right: 8%;
}
.page3 .content_r .icon
{
	margin-top: -1em;
}
.page3 .content_r .icon
{
	margin-top: -0.65em;
}
.content_r .p1
{
	width: 111%;
    margin-left: 0px;
}
.content_r .pn
{
	position: absolute;
	margin-left: 1.5em;
}
.content_r .pns
{
	position: relative;
    display: block;
    margin-left: 4.5em;
}
.page6 .content_r .pns
{
    margin-left: 4em;
}
.lh10px
{
	display:block;
	line-height:10px;
}
.lh15px
{
	display:block;
	line-height:15px;
}
.lh60px
{
	display:block;
	line-height:60px;
}
.opacity0
{
	opacity:0;
	pointer-events:none;
}
.page_bt
{
    position: relative;
    width: 87.5%;
    text-align: center;
    overflow: hidden;
    margin: auto;
	pointer-events: none;
}
.page_bt_bg
{
	width:100%;
}
.page_bt1
{
    top: 0px;
    position: absolute;
    width: 20%;
    height: 60%;
    background-color: #666666;
    right: 7%;
	opacity:0;
	pointer-events: auto;
	margin-top: 0;
}
.page_bt2
{
	right: 27%;
	pointer-events: auto;
}
.pagebt2
{
	display:none;
}
.page3 .content_lr
{
	margin-top:-10px;
}
.page3 .content_l img
{
	width:61%;
}
.list
{
	position: relative;
    text-align: left;
    margin-top: 0.5em;
    margin-left: 10%;
    padding-bottom: 10px;
    width: 140%;
    line-height: 1.5em;
    font-size: 24px;
    word-break: break-word;
	display:none;
}
.page6 .list
{
margin-left: 5%;
width: 90%;
font-size: 21px;
}
.page6 .list1
{
	display:block;
}
.list a
{
    display: block;
    width: 100%;
    text-decoration: none;
    color: #727272;
    line-height: 1.2em;
    padding-bottom: 0.5em;
}
.list a:hover
{
	color:#39bdef;
}
.page3 .content_l
{
	line-height:unset;
}
.page3 .content_l .ei_img
{
	width: 19%;
	transform: scale(0.7);
}
.page3 .content_r
{
	margin-right:0;
    margin-left: 10%;
}
.page3 .content_r .bt
{
	/*margin:1%;*/
	margin:1%;
}
.page3 .content_r .pagebt_r1 .bt
{
	
	    margin-left: 0.75em;
}

.page3 .content_r .pagebt_r2
{
	display:none;
}
.content_r_search
{
	
    display: flex;
	display:none;
	position: relative;
    width: 81%;
    text-align: center;
	padding-top: 1em;
}
.page3 .content_r_search .bt_hover_img
{
	
    position: relative;
    width: 15%;
    margin: auto;
    left: 1.5em;
	
}
.content_r_list 
{
	display:block;
	text-align:left;
}
.content_r_list .bt_hover_img
{
	width:25%;
}
.pagebt_r1 .bt_hover_img
{
	width:25%;
}
.content_r_list_bt
{
	/*display: inline-block;*/
	float:left;
    width: 25%;
	vertical-align: top;
	margin: 0.5em;
	padding-bottom:2em;
}
.pagebt_r2 .content_r_list_bt
{
	position:relative;
	width: 27%;
}
.page3 .content_r .content_r_list_bt .bt_hover_img
{
	width:100%;
	padding-bottom:20px;
}
.content_r_list_bt p
{
	position: absolute;
	margin: 0;
    margin-top: -1em;
	width: 100%;
    text-align: center;
    font-size: 20px;
    color: #39bdef;
	word-break: break-word;
}
.page5 .content .bt_hover_img
{
	width:40%;
	margin:0 3% 0 3%;
}
.content_page5
{
	width:100%;
	text-align:center;
	    padding-top: 10%;
}
.page5 .content_lr
{
	width:84%;
}
.page5 .pt1
{
	color:#3f3b3a;
}
.page5 .icon
{
	margin-top:-15px;
}
.images_group
{
	position: relative;
    display: flex;
    width: 100%;
    margin-top: 12%;
    /* overflow: hidden; */
    padding: 1% 0 1% 0;
    margin-left: 0%;
	filter: blur(0);
	-webkit-filter: blur(0);
}
.page5 .content .images_group .bt_hover_img
{
	position:relative;
    width: 40%;
    margin: 0;
	left:-15%;
    margin-left: 2.6%;
	opacity:0;
	transition: transform 0.5s linear,opacity 0.5s linear;
}
.images_group_main
{
	/*overflow:hidden;*/
}
.dot_group
{
	position: relative;
    width: 100%;
    margin-top: 11%;
	text-align:center;
	pointer-events:none;
}
.dot_group_fixed
{
    position: fixed;
    width: 60%;
    bottom: 0;
    left: 20%;
}
.dot_group .bt_hover_div
{
    width: 2%;
}
.dot_group .bt_hover_div img
{
	width: 200%;
}
.bt_download
{
	width: 100%;
	text-align:center;
}
.page5 .content .bt_download .bt_hover_img 
{
	margin-top:1%;
	width:10%;
}
.page5 .page_bt1 ,.page6 .page_bt1 
{
	width:16%;
}
.page5 .page_bt2 ,.page6 .page_bt2
{
    right: 23%;
}
.page6 .content_l .bt_hover_img
{
	width:40%;
}
.page6 .content_l .ei_img {
    width: 19%;
    transform: scale(0.7);
}
.page6 .content_lr
{
	margin-top: -1%;
}
.page6 .content_r .pagebt_r2
{
	display:none;
}
.page6 .content_r_list
{
	margin-top:1.5%;
}
.page6 .content_r .p1 {
	margin-top: -1em;
    width: 69%;
    margin-left: 37%;
}
.page6 .content_r .dot_line
{
	border-bottom: 4px dotted #39bdef;
	width: 105%;
    margin-left: 0%;
	
}
.qa_bt
{
    position: relative;
    display: block;
    width: 105%;
    text-align: left;
    margin-left: 0.5em;
    margin-top: 1.5em;
    pointer-events: none;
}
.qa_bt .bt_hover_img
{
	width: unset;
	margin-right: -1%;
	transform: scale(0.75);
	transform-origin: left;
	pointer-events:auto;
}
.qa_bt .ei_img
{
    position: absolute;
    display: flex;
    top: 0;
    margin: 0;
    left: 500px;
    /* width: 13%; */
    height: 40px;
    /* transform: scale(0.4); */
    vertical-align: text-bottom;
	pointer-events:auto;
}
.qa_bt p
{
    width: 94%;
    margin: 0.5em;
    line-height: 1.5em;
    display: none;
    pointer-events: auto;
}
.qa_bt .qaq
{
	width:auto;
	pointer-events:auto;
	display: inline-block;
	padding:0.2em;
	border-radius: 0.8em;
	border: 0.15rem solid #3b81ac;
}
.qa_bt .qaq p
{
	width:auto;
	margin:0;
	padding:0;
	display: inline-block;
	color:#3b81ac;
}
.qa_bt .h95
{
	/*height:95px;*/
	transform: scale(0.75);
}
.qa_bt .reh95
{
	position: absolute;
    display: inline;
    margin-top: 10px;
}

.qaq_q
{
    position: absolute;
    left: 0;
    top: 0;
    width: 3em;
    margin-left: -0.5em;
    margin-top: -1em;
	z-index:2;
}
.qaq_q .qaq_q_icon1
{
	position: relative;
    left: 0;
    top: 0;
	width:100%;
}
.qaq_q .qaq_q_icon1_q3
{
	width:128%;
	margin-left: -0.4em;
}
.qa_bt .qaq_q .qaq_qp1
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    line-height: 43px;
    transform: rotate(-5.5deg);
    text-align: center;
}
.qa_bt .qaq .qaq_qp2
{
    position: relative;
    padding: 0.2em;
    padding-left: 2.5em;
    padding-right: 2.5em;
}
.qaqp_markings1
{
	position: absolute;
    bottom: -0.15em;
    left: 0.1em;
}
.qaqp_markings2
{
    position: absolute;
    top: -0.14em;
    right: 0.5em;
}
.qa_bt .qaqp_markings3
{
    position: absolute;
	margin:0;
	left:unset;
    top: -0.14em;
    /*right: -2em;*/
	left:101%;
	transform: scale(0.8);
}
.page6 .content_r .repn
{
	position: absolute;
	margin-left: -20px;
}
.page6 .content_r .repns
{
	position: relative;
    display: block;
    margin-left: 55px;
}
.spw
{
	font-family: auto;
}
.page6 .content_r_list .bt {
    cursor: pointer;
    margin-left: 0;
    margin-top: 0;
    vertical-align: top;
}
.page6 .pt1
{
	background-color: #ffffff;
    padding-right: 5px;
}

@media(max-width: 1280px) {
	.qa_bt .bt_hover_img {
		transform: scale(0.6);
	}
	.qa_bt {
		/*margin-top: -1em;*/
	}
}
@media(max-width: 1000px) {
	.qa_bt .bt_hover_img {
		transform: scale(0.6);
	}
	.qa_bt {
		/*margin-top: -0.5em;*/
	}
	.hp1 iframe
	{
		height:157px;
	}
}
@media(max-width: 900px) {
	.qa_bt .bt_hover_img {
		transform: scale(0.5);
	}
	.qa_bt {
		/*margin-top: -2em;*/
	}
}
@media(max-width: 800px) {
	.qa_bt .bt_hover_img {
		transform: scale(0.4);
	}
	.qa_bt {
		/*margin-top: -2em;*/
	}
	.page6 .qap{
	    
	}
	.page6 .content .pt1 {
        /*font-size: 16px;
        line-height: 30px;*/
    }
.content .hp1
{
	width: 122%;
	margin-left: -11%;
}
}
@media(max-width: 600px) {
	.qa_bt .bt_hover_img {
		transform: scale(0.35);
	}
	.qa_bt {
		/*margin-top: -3em;*/
	}
}
@media(max-width: 1000px) {
	.content p,.pt1,.pt2
	{
		font-size:18px;
		line-height: 30px;
	}
	.icon
	{
		margin-top: -1em;
		margin-left: -0.5%;
		transform: scale(0.65);
	}
	.content_l 
	{
		line-height: unset;
	}
	.content_l .bt 
	{
		margin-bottom: 0.3em;
	}
	.page6 .content_r_list {
    margin-top: 4%;
	}
	.pt1,.pt2
	{
		position: absolute;
		margin-left: -1em;
	}
	.lh10px {
    line-height: 5px;
}
	.content_r
	{
		margin-top: -1em;
	}
	.list {
		line-height: 0.5em;
		margin:0;
		padding-bottom: 0px;
		width:100%;
	}
	.list a
	{
		font-size: 16px;
	}
	.page3 .content_l img {
		width: 80%;
	}
	.page3 .content_l .ei_img {
		width: 10%;
        transform: scale(2);
        margin-top: 0.6em;
	}
	.page3 .content_r {
	margin-top: 0.5em;
    margin-right: 0;
    margin-left: 2em;
	}
	.page3 .content_r .pagebt_r2 {
		margin-top: 0;
	}
	.page3 .content p,.page3 .pt1 ,.page3 .pt2 {
        font-size: 16px;
        line-height: 1em;
        margin: 0;
        margin-top: -1em;
		margin-bottom: 0.5em;
    }
	.pt1 ,.page3 .pt2 {
		 position: relative;
		 margin-top: 0;
	}
	.page3 .content_r_search .bt_hover_img {
    
        width: 20%;
	}
	.page3 .content_r_search
	{
		padding-top: 1em;
	}
	.page3 .icon
	{
		margin-top: -2.2em;
		margin-left: -0.5%;
		transform: scale(0.4);
	}
	.page3 .content_r .icon
{
	margin-top: -1.5em;
}
	.page3 .p50px
	{
		width:40px;
	}
	.content .title2 {
    width: 100%;
	}
	.dot_line
{
	border-bottom: 2px dotted #39bdef;
    text-decoration: none;
    margin-top: 1em;
    margin-bottom: 2.5em;
}
.page5 .content .bt_download .bt_hover_img {
    margin-top: 1%;
    width: 20%;
}
.page6 .qap{
	    
	}
		.page6 .list
{
line-height:0.8em}
}
@media(max-width: 500px) {
	.content p,.pt1
	{
		font-size:16px;
		line-height: 1.5em;
	}
	.icon
	{
		margin-top: -1.25em;
	}
	.page3 .content p, .page3 .pt1, .page3 .pt2 {
        font-size: 8px;
		margin-top: -2.5em;
    }
	.pt1
	{
		margin-left: -1em;
	}
	.lh10px {
    line-height: 0.5em;
}
	 .page3 .pt2 {
        margin-left: -3em;
        margin-top: 0.5em;
    }
	.qa_bt .bt_hover_img {
		transform: scale(0.27);
	}
	
	.page6 .content_r .p1 {
		margin-top: -1em;
    width: 69%;
    margin-left: 37%;
    /* padding-bottom: 10px; */
    margin-bottom: 2em;
	}
	.page6 .content_r_list {
    margin-top: 1.5em;
}
.page6 .qap
{

}
.qa_bt {
		/*margin-top: -1em;*/
		margin-bottom: 0.5em;
	}
	.lh60px
	{
		line-height:0;
	}
.page6 .lh60px
	{
		line-height:1em;
	}

	.qa_bt .ei_img
{
        left: 99%;
        transform: scale(0.5);
}
.list {
	    margin-left: 0.5em;
		width:100%;
}
.page6 .content_r .dot_line {
    border-bottom: 2px dotted #39bdef;
	width:89%;
	margin-top:-0.75em;
}
    .list a {
        font-size: 6px;
		word-break: keep-all;
    }
	.content_l {
    width: 25%;
    margin-left: 1%;
}
.page6 .content_r
{
	    margin-left: -2em;
}
    .page3 .content_r_list_bt 
	{
		    padding-bottom: 0em;
			    margin-bottom: -0.5em;
	}
    .page3 .content_r .icon {
        margin-top: -3.5em;
    }
	.page3 .content_r_search
	{
			/*margin-left: -0.2em;*/
			margin:0;
	}
	.h95_retb
{
	margin-top: -4.2em;
	margin-bottom: -3.7em;
}
    .page6 .h95_retb .qap {
        margin-top: -4.5em;
        margin-bottom: 4.0em;
        line-height: 1.5em;
        font-size: 8px;
    }
	.hit_retb
	{
		margin-top: -4.5em;
	}
	.page6 .list
{
width: 55%;
}
.page6 .content_l .ei_img {
           margin-left: -0.5em;
        margin-right: 1em;
	
}
.page3 .pagebt_r2 .content_r_list_bt
{
	font-size:7px;
}
.page3 .content_r_search .bt_hover_img
{
	    left: 0.6em;
}
.page3 .pagebt_r2 .content_r_list_bt p
{
	font-size:7px;
}
.page3 .pagebt_r1 .bt_hover_img
{
	width:21%;
}
.qa_bt .qaq .qaq_qp2 {
    position: relative;
    padding: 0.2em;
    padding-left: 3.5em;
    padding-right: 3.5em;
	font-size:12px;
}
.page6 .qa_bt .qap
{
	font-size:12px;
}
.qaqp_markings1 {
    bottom: -0.3em;
}
.qaqp_markings2 {
    top: -0.3em;
}
.page6 .content p, .pt1 {
    font-size: 16px;
}

	.icon {
        transform: scale(0.5);
    }
	.qaq_q .qaq_q_icon1
	{
		transform: scale(0.8);
	}
	.qaq_q .qaq_q_icon1_q3
{
        margin-left: -0.4em;
        margin-top: -0.1em;
}
/*----------------*/
}
.logo
{
	width:19%;
}
.logo a,.logo div,.logo img
{
	width:100%;
}
h1
{
	/*position:absolute;
	top:0px;
	opacity:0;
	pointer-events:none;*/
}
.sitename
{
	display:none;
}
.content_h1
{
	position:absolute;
	top:0px;
	opacity:0;
	pointer-events:none;
}
.info_group
{
	position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
	text-align:center;
	cursor:pointer;
	display:none;
	
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.info_div
{
	position: fixed;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
}
.info_bg
{
	height:80%;
}
.info_bt {
	position:absolute;
    height: 6%;
	opacity:0;
}
@media (orientation: portrait) {
.info_bg
{
	width:80%;
    height: unset;
}
.info_bt
{
	width:6%;
	height: unset;
}
}
@media (orientation: landscape) {

}
}