@charset "utf-8";


.content_text ul {
	padding: 0px;
}


.content_text ul li {
	list-style-type: none;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 22px;
	background-repeat: no-repeat;
	background-position: left 4px;
	margin-left: 0px;
	font-size: 20px;
	
}
.content_text ul li ul li {

	background-repeat: no-repeat;
	margin-left: 2px;
	background-position: left 2px;
}
.content_text ul li a {
	color: #D30000;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D70000;
}


@media only screen
and (min-width : 824px) {
	
.discrm-bg1 {
	margin: 0px;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #E4E4E4;
	background-color: #f7f6f3;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
}

.discrm1 {
	font-family: Helvetica, Arial, '儷黑 Pro', 'LiHei Pro', '微軟正黑體', sans-serif;
	font-size: 14px;
	line-height: 1.8em;
	/*color: #787878;*/
	color:#CF2124;
	padding-top: 20px;
	padding-right: 60px;
	padding-bottom: 20px;
	padding-left: 60px;
	letter-spacing: 0.02em;
	width: 600px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.discrm1 img {
	margin: 0px;
}


.discrm1 ul {
	padding-left: 5px;
	list-style-type: none;
	list-style-position: outside;
	margin-top: 10px;

}

.discrm1 ul span{
	font-size: 14px;
	color: #7c467f
}
.discrm1 ul li{
	font-size: 14px;
	color: #7c467f
}

.discrm1 ul li ul {
	margin-top: 0px;
}
.discrm1 ul li {
	background-image: url(../images/discrm-dot.png);
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-top: 0px;
}
.discrm1 ul li ol li {
	padding-left: 0px;
	background-repeat: no-repeat;
	background-position: -20px;
}



.discrm-bg {
	margin: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E4E4E4;
	background-color: #F9F9F9;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
}

.span {
	font-family: Helvetica, Arial, "微軟正黑體","儷黑 Pro", 'LiHei Pro', "Heiti TC", 'Microsoft JhengHei', Helvetica, sans-serif;
	
	
}
.discrm {
	font-family: Helvetica, Arial, '儷黑 Pro', 'LiHei Pro', '微軟正黑體', sans-serif;
	font-size: 12px;
	line-height: 1.8em;
	color: #787878;
	padding-top: 20px;
	padding-right: 60px;
	padding-bottom: 20px;
	padding-left: 60px;
	letter-spacing: 0.02em;
	width: 790px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}



.discrm img {
	margin: 0px;
}


.discrm ul {
	padding-left: 5px;
	list-style-type: none;
	list-style-position: outside;
	margin-top: 10px;
}

.discrm ul li ul {
	margin-top: 0px;
}
.discrm ul li {
	background-image: url(../images/discrm-dot.png);
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-top: 0px;
}
.discrm ul li ol li {
	padding-left: 0px;
	background-repeat: no-repeat;
	background-position: -20px;
}


	
}

.share-bg {
	margin: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E4E4E4;
	background-color: #F9F9F9;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
}
.share {
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
        margin-bottom: 55px;
	width: 562px;
}
.share ul {
	padding: 0px;
	float: left;
	width: 562px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.share ul li .fblike {
	margin-top: 6px;
}

.share ul li {
	padding: 0px;
	list-style-type: none;
	float: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.nav__share img{
    /* Webkit for Chrome and Safari */
  -webkit-transform: scale(1, 1); /* This is the scale for the normal size of the image.*/
  -webkit-transition-duration: 300ms;
  -webkit-transition-timing-function: ease-out;

  /* Webkit for Mozila Firefox */
  -moz-transform: scale(1, 1);
  -moz-transition-duration: 300ms;
  -moz-transition-timing-function: ease-out;

  /* Webkit for IE( Version: 11, 10 ) */
  -ms-transform: scale(1, 1);
  -ms-transition-duration: 300ms;
  -ms-transition-timing-function: ease-out;
}
.nav__share img:hover{
     /* Webkit for Chrome and Safari */
  -webkit-transform: scale(1.2, 1.2); /* This is the enlarged size scale of the image.*/
  -webkit-transition-duration: 500ms;
  -webkit-transition-timing-function: ease-out;

  /* Webkit for Mozila Firefox */
  -moz-transform: scale(1.2, 1.2);
  -moz-transition-duration: 500ms;
  -moz-transition-timing-function: ease-out;

  /* Webkit for IE( Version: 11, 10 ) */
  -ms-transform: scale(1.20, 1.20);
  -ms-transition-duration: 500ms;
  -ms-transition-timing-function: ease-out;
}


	
i {
  border: solid black; 
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
}

.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

	
.arrow-up {
    width:0px; height:0px; border:5px solid; border-color:transparent transparent black transparent;
    border-style:dashed dashed solid dashed;
    /*向上三角形*/
}  
		  

  /* Fly-in-Effects-On-Scroll */
.fly {
  opacity: 0;
  transition: all 600ms ease-in-out;
  transform: translateY(50px) scale(1.05) translate3d(0, 0, 0);
}
.show-block {
  opacity: 1;
  transform: translateY(0) scale(1) translate3d(0, 0, 0);
}



 
.kv .row {
    display: flex;
	margin-left: auto;
    margin-right: auto;
	width:1020px; /*ipad/ipad pro max-width 1024px */
	height: 450px;
}

/** iPads start **/
@media only screen
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	
.kv .row {
    display: flex;
	margin-left: auto;
    margin-right: auto;
	width:100%; 
	height: 450px;
}	

	
}
/** iPads close **/

.kv .column {
   display: inline-block;
	width:50%;
	
}
.kv .column img {
	height: 100%;
	margin-left: auto;
	}
.kv .column1 {
     display: inline-block;
	width:50%;
	}
.kv .column1 img {
		
		padding-top: 30%;
	    padding-left: 10%;
	}	


.kv .column1 .tit1 {
	 
    margin-top: -20%;
    margin-left: 17.9%;
    height: 81px;
	}	
.kv .column1 .tit2 {
	 
    margin-top: -26%;
    margin-left: 25%;
    height: 140px;
	}

.kv .column1 .tit_text {
color: #004ea2;
	font-family: Arial, "Heiti TC", 'Microsoft JhengHei', Helvetica, sans-serif;
    font-size: 33px;
    /* left: 30%; */
    margin-left: -80%;
    margin-top: 30%;
    padding: 10px;
	
}

#button1 {
	font-family: Helvetica, Arial, '儷黑 Pro', 'LiHei Pro', '微軟正黑體', sans-serif;
	display: inline-block;
	border-radius: 40px;
    color: #ea7c93;
	border: 1px solid #ffe1e8;
	
	text-align: center;
	font-size: 15px;
	padding: 15px 35px 15px 35px;
	transition: all 0.5s;
	cursor: pointer;
	margin-left: 40px;

}
#button1:hover {
	background-color: #ea7c93;
    color: #FFFFFF;
}

#button2 {
	font-family: Helvetica, Arial, '儷黑 Pro', 'LiHei Pro', '微軟正黑體', sans-serif;
	display: inline-block;
	border-radius: 40px;
    color: #ea7c93;
	border: 1px solid #ffe1e8;
	
	text-align: center;
	font-size: 15px;
	padding: 15px 35px 15px 35px;
	transition: all 0.5s;
	cursor: pointer;
	margin-left: 40px;
	
}
#button2:hover {
	background-color: #ea7c93;
    color: #FFFFFF;
}


.button {
	font-family: Helvetica, Arial, '儷黑 Pro', 'LiHei Pro', '微軟正黑體', sans-serif;
    display: inline-block;
    border-radius: 40px;
    background-color: #ffffff;
    border: 1px solid #bba3b8;
    color: #846b80;
    text-align: center;
    font-size: 17px;
    padding: 10px 25px 10px 25px;
	/*transition: all 0.5s;*/
	cursor: pointer;
    margin: 0 0 10px;
}
.button:hover {
	background-color: #846b80;
    color: #FFFFFF;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}


.sean1 {
	margin: 0px auto;
	width: 100%;
	height: 680px;
	
}


.sean2 {
	
	
	margin: 0px auto;
	width: 100%;
	height: 680px;
	
}


.kv_button_contain {
padding-left: 16%;
    padding-top: 4%;
	position: relative;
}
.kv_button {
    font-family: Helvetica, Arial, '儷黑 Pro', 'LiHei Pro', '微軟正黑體', sans-serif;
    display: inline-block;
    border-radius: 40px;
   /* background-color: transparent;
    border: 1px solid #cdeefb;
    color: #81b5cb;*/
	background-color: #9d9d9d;
    border: 0px solid #9d9d9d;
    color: #ffffff;
    text-align: center;
    font-size: 15px;
    padding: 10px 15px 10px 15px;
    /* transition: all 0.5s; */
    cursor: pointer;
    margin: 10px;
}

	
.kv_button:hover {
	background-color: #019fde;
    color: #FFFFFF;
}

.kv_button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.kv_button span:after {
 /* content: '\00bb';*/
	content: '\1F80B';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.kv_button:hover span {
  padding-right: 25px;
}

.kv_button:hover span:after {
  opacity: 1;
  right: 0;
}


.kv_button1 {
    font-family: Helvetica, Arial, '儷黑 Pro', 'LiHei Pro', '微軟正黑體', sans-serif;
    display: inline-block;
    border-radius: 40px;
   /* background-color: transparent;
    border: 1px solid #cdeefb;
    color: #81b5cb;*/
	background-color: #222222;
    border: 0px solid #222222;
    color: #ffffff;
    text-align: center;
    font-size: 15px;
    padding: 10px 15px 10px 15px;
    /* transition: all 0.5s; */
    cursor: pointer;
    margin: 10px;
}

	
.kv_button1:hover {
	background-color: #019fde;
    color: #FFFFFF;
}

.kv_button1 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.kv_button1 span:after {
 /* content: '\00bb';*/
	content: '\1F80B';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.kv_button1:hover span {
  padding-right: 25px;
}

.kv_button1:hover span:after {
  opacity: 1;
  right: 0;
}


.center {
    text-align: center;
    margin: auto;
}