@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, 
blockquote, /* structural elements 結構元素 */
dl, dt, dd, ul, ol, li, /* list elements 清單元素 */
pre, /* text formatting elements 文本格式元素 */


img/* img elements 圖片元素 */{ 
  border:none; 
  margin: 0; 
  padding: 0; 
} 

body {
	font-family: Verdana, Arial, Helvetica, sans-serif , "微軟正黑體";
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-repeat: repeat-x;
	background-image: url(../images/bg.jpg);
	background-position: center top;
	background-color: #EE5A9F;
}
#container{
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
	
#header{
	background-image: url(../images/bg2.jpg);
	background-position: center top;
	position: relative;
	text-align: center;
	
}
#header2{
	background-image: url(../images/in-bg.jpg);
	background-position: center top;
	position: relative;
	text-align: center;
	height: 270px;
	
}
#header2-center-logo{
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	visibility: visible;
}
#header2-center{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/in-bg2.jpg);
	background-position: top;
	background-repeat: no-repeat;
	position: relative;
	height: 248px;
	visibility: visible;
}
#header2-center-btn1{
	position: absolute;
	top: 206px;
	left: 28px;
	z-index: 10;
	visibility: visible;
	
}
#header2-center-btn2{
	position: absolute;
	left: 209px;
	top: 206px;
	z-index: 10;
	visibility: visible;

	
}
#header2-center-btn3{
	position: absolute;
	left: 370px;
	top: 206px;
	z-index: 10;
	visibility: visible;
	

	
}
#header2-center-btn4{
	position: absolute;
	left: 575px;
	top: 206px;
	z-index: 10;
	visibility: visible;
	

	
}
#header2-center-btn5{
	position: absolute;
	left: 767px;
	top: 206px;
	z-index: 10;
	visibility: visible;


	
}
#header2-center-btn2-bg{
	position: absolute;
	left: 78px;
	top: 280px;
	z-index: 1;
}
#header2-center-btn2-bg2{
	position: absolute;
	left: 47px;
	top: 280px;
	z-index: 1;
	visibility: hidden;
}
#header2-center-btn2-bg3{
	position: absolute;
	left: 444px;
	top: 282px;
	z-index: 1;
}
#header2-center-btn2-bg5{
	position: absolute;
	left: -13px;
	top: 280px;
	z-index: 1;
	visibility: visible;
}
#header-information{
	float: left;
	width: 340px;
	
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: .40s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: 1s;
	-moz-animation-delay: .40s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: 1s;
	-ms-animation-delay: .40s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	-o-animation-duration: 1s;
	-o-animation-delay: .40s;
	-o-animation-timing-function: ease;
	-o-animation-fill-mode: both;
	animation-duration: 1s;
	animation-delay: .40s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}
#header-information-banner  {
	width: 150px;
	height: 200px;
	background-color: #FFF;
	box-shadow: 2px 2px 7px #333;
	margin-right: 60px;
	margin-left: auto;
	margin-top: 20px;
	background-image: url(../images/150x200.jpg);
	border: 2px solid #FFFFFF;
	display: block;
	text-align: center;
	vertical-align: text-bottom;
	text-decoration: none;
}
#header-information-banner p a{
	padding: 5px;
	background-color: rgba(159,41,54,0.9);
	color: #FFF;
	margin-right: 3px;
	margin-left: 3px;
	line-height: 22px;
	display: block;
	text-decoration: none;
	margin-top: 140px;
}

#header-information-banner p a:hover{
	background-color: #F00;
	
}

#header-center{
	width: 1260px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	overflow: hidden;
	position: relative;
	

}
#header-center-bear{
	position: absolute;
	left: 231px;
	top: 449px;
}
#header-center-logo{
	float: left;
	
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: .10s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: 1s;
	-moz-animation-delay: .10s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: 1s;
	-ms-animation-delay: .10s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	-o-animation-duration: 1s;
	-o-animation-delay: .10s;
	-o-animation-timing-function: ease;
	-o-animation-fill-mode: both;
	animation-duration: 1s;
	animation-delay: .10s;
	animation-timing-function: ease;
	animation-fill-mode: both;

}
#header-center-news{
	float: left;
	margin-left: -30px;
	margin-top: 60px;
	padding-bottom: 10px;
	
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: .60s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: 1s;
	-moz-animation-delay: .60s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: 1s;
	-ms-animation-delay: .30s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	-o-animation-duration: 1s;
	-o-animation-delay: .60s;
	-o-animation-timing-function: ease;
	-o-animation-fill-mode: both;
	animation-duration: 1s;
	animation-delay: .60s;
	animation-timing-function: ease;
	animation-fill-mode: both;
	
}
.header-center-news-time{
	width: 320px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 15px 15px 0px 0px;
	box-shadow: 0px 0px 5px #333;
	background-color: rgba(139,139,139,0.9);
	border-top-width: 5px;
	border-right-width: 5px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: rgba(255,255,255,0.7);
	border-right-color: rgba(255,255,255,0.7);
	border-left-color: rgba(255,255,255,0.7);
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	position: relative;
	}
.header-center-news-time-txt{
	background-color: #e8e8e8;
	overflow: hidden;
}	
.header-center-news-time-txt p{
	font-size: 15px;
	padding: 0px;
	margin-top: -10px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	font-weight: bold;
}
.header-center-news-time h2{
	color: #FFF;
	font-weight: normal;
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
}	
.header-center-news-time-bear{
	position: absolute;
	left: 258px;
	top: -53px;
}
.header-center-news-time-version{
	position: absolute;
	width: 228px;
	left: 1px;
	top: -33px;
	
}
.header-center-news-time-version ul{
	list-style-type: none;
}

.header-center-news-time-version li a{
	border-radius: 10px;
	float: left;
	margin-right: 5px;
	font-size: 15px;
	text-decoration: none;
	color: #06C;
	text-align: center;
	background-color: #FFF;
	display: block;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
.header-center-news-time-version li a:hover{
	color: #FFF;
	background-color: #F00;
}
.header-center-news-promo{
	width: 370px;
	background: rgba(174,178,184,0.8);
	margin-right: auto;
	margin-left: auto;
	border: 7px solid rgba(255,255,255,0.5);
	border-radius: 20px;
	box-shadow: 0px 2px 6px #333;
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 1;
	
}
.header-center-news-txt{
	width: 320px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 0px 0px 15px 15px;
	box-shadow: 0px 3px 6px #333;
	background-color: rgba(255,255,255,0.6);
	
}
.header-center-news-txt ul{
	text-align: left;
	list-style-type: none;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.header-center-news-txt li{
	margin-bottom: 5px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000;
	padding: 2px;
	color: #333333;
	text-decoration: none;
	font-size: 15px;
}
.header-center-news-txt li a{
	color: #333;
	text-decoration: none;
}
.header-center-news-txt li a:hover{
	color: #C00;
}
#header-under{
	width: 1260px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-image: url(../images/b-bar.png);
	height: 117px;
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 40px;
	position: relative;

}
#header-under-btn-1{
	position: absolute;
	left: 96px;
	top: -35px;
	
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: .10s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: 1s;
	-moz-animation-delay: .10s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: 1s;
	-ms-animation-delay: .10s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	-o-animation-duration: 1s;
	-o-animation-delay: .10s;
	-o-animation-timing-function: ease;
	-o-animation-fill-mode: both;
	animation-duration: 1s;
	animation-delay: .10s;
	animation-timing-function: ease;
	animation-fill-mode: both;
	
}
#header-under-btn-2{
	position: absolute;
	left: 308px;
	top: -67px;
	
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: .20s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: 1s;
	-moz-animation-delay: .20s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: 1s;
	-ms-animation-delay: .20s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	-o-animation-duration: 1s;
	-o-animation-delay: .20s;
	-o-animation-timing-function: ease;
	-o-animation-fill-mode: both;
	animation-duration: 1s;
	animation-delay: .20s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}

#header-under-btn-3{
	position: absolute;
	left: 541px;
	top: -82px;
	
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: .30s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: 1s;
	-moz-animation-delay: .30s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: 1s;
	-ms-animation-delay: .30s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	-o-animation-duration: 1s;
	-o-animation-delay: .30s;
	-o-animation-timing-function: ease;
	-o-animation-fill-mode: both;
	animation-duration: 1s;
	animation-delay: .30s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}

#header-under-btn-4{
	position: absolute;
	left: 777px;
	top: -72px;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: .40s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: 1s;
	-moz-animation-delay: .40s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: 1s;
	-ms-animation-delay: .40s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	-o-animation-duration: 1s;
	-o-animation-delay: .40s;
	-o-animation-timing-function: ease;
	-o-animation-fill-mode: both;
	animation-duration: 1s;
	animation-delay: .40s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}

#header-under-btn-5{
	position: absolute;
	left: 985px;
	top: -41px;
	
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: .50s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: 1s;
	-moz-animation-delay: .50s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: 1s;
	-ms-animation-delay: .50s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	-o-animation-duration: 1s;
	-o-animation-delay: .50s;
	-o-animation-timing-function: ease;
	-o-animation-fill-mode: both;
	animation-duration: 1s;
	animation-delay: .50s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}
#content{
	background-color: #FFFFFF;
	background-image: url(../images/content-bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	overflow: hidden;
	}
#content1{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 150px;
	margin-bottom: 20px;
	position: relative;
}
#content1-step{
	margin-bottom: 5px;
	overflow: hidden;
	padding: 10px;
	background: linear-gradient(left top,#078db2,#c9f2ff);
	background: -moz-linear-gradient(left top,#078db2,#c9f2ff);
	background: -ms-linear-gradient(left top,#078db2,#c9f2ff);
	background: -webkit-linear-gradient(left top,#078db2,#c9f2ff);
}
#content1-video{
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/video-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 470px;
}

.content1-video-board{
	float: right;
	margin-right: 10px;
	width: 630px;
	margin-top: 5px;
}
.content1-video-board h2{
	display: block;
	color: #999;
	letter-spacing: 3px;
	margin-left: 10px;
	margin-bottom: 5px;
	font-weight: normal;
	
}
.content1-video-board1{
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 20px;
	background-image: url(../images/video-board.png);
	height: 470px;
	
}
.content1-video-board2{
    float: left;
	margin-top: 390px;
	margin-left: 30px;
	
	
}
.content1-video-board1 p{
	margin-top: 150px;
	color: #FFF;
	font-size: 24px;
	letter-spacing: 5px;

}
.content1-video-fb{
	box-shadow: 0px 2px 3px #333;
	width: 900px;
	background-color: #141823;
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-bottom: 10px;
	background-position: left top;
	background-repeat: no-repeat;
	padding: 5px;
	overflow: hidden;
	background-image: url(../images/fb-bg.jpg);
	
}
.content1-video-fb2{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-bottom: 10px;
	padding: 5px;
	overflow: hidden;
	margin-top: 10px;
	
}
.content1-video-fb img{
	margin-right: auto;
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	
	
}
.content1-video-fb h2{
	text-shadow: 0px  1px  1px  #000000;
	color: #CCC;
	font-weight: normal;
	letter-spacing: 3px;
	margin-top: 5px;
	margin-left: 10px;
	font-size: 18px;
	margin-bottom: 10px;	
	
}
.content1-video-fb-tt{
	margin-right: auto;
	margin-left: auto;
	width: 870px;
	margin-top: 10px;	
}
.content1-video-fb-tt2{
	margin-right: auto;
	margin-left: auto;
	width: 870px;
}
.content1-step1{
	font-size: 24px;
	margin-left: 10px;
	color: #FFF;
}
.content1-step2{
	display: block;
	margin-right: auto;
	margin-left: auto;
	border: 1px dotted #999;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #F0F0F0;
	overflow: hidden;
	position: relative;


}
#content1-step2-card1-1{
	position: absolute;
	padding: 10px;
	background-color: #FFF;
	border: 1px solid #999;
	left: -79px;
	top: 292px;
	z-index: 11;
	visibility: hidden;
}
#content1-step2-card1-2{
	position: absolute;
	padding: 10px;
	background-color: #FFF;
	border: 1px solid #999;
	left: 231px;
	top: 290px;
	z-index: 11;
	visibility: hidden;
}
#content1-step2-card1-3{
	position: absolute;
	padding: 10px;
	background-color: #FFF;
	border: 1px solid #999;
	left: 535px;
	top: 289px;
	z-index: 11;
	visibility: hidden;
}
#content1-step2-card1-4{
	position: absolute;
	padding: 10px;
	background-color: #FFF;
	border: 1px solid #999;
	left: -89px;
	top: 482px;
	z-index: 11;
	visibility: hidden;
}
#content1-step2-card1-5{
	position: absolute;
	padding: 10px;
	background-color: #FFF;
	border: 1px solid #999;
	left: 237px;
	top: 481px;
	z-index: 11;
	visibility: hidden;
}
#content1-step2-card1-6{
	position: absolute;
	padding: 10px;
	background-color: #FFF;
	border: 1px solid #999;
	left: 545px;
	top: 482px;
	z-index: 11;
	visibility: hidden;
}
.content1-step2-card{
	box-shadow: 0px 0px 2px #737373;
	margin-bottom: 10px;
	padding: 5px;
	margin-right: 12px;
	text-align: center;
	float: left;
	background-color: #FFF;
}
.content1-step2-card2{
	height: 420px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/pop01.jpg);
	padding: 10px;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: center center;
	box-shadow: 0px 0px 4px #737373;
}
.content1-step2-card2-label{
	float: right;
	margin-top: 180px;
	margin-right: 62px;
	margin-bottom: 10px;
	width: 300px;
	height: 150px;
	
	
	
}
.content1-step2-card2-txt{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	
	
}
.content1-step2-card2-txt-code{
	float: left;
	margin-right: 10px;
	border: 1px solid #CCC;
	
}
.content1-step2-card2-txt-code2{
	float: left;
	margin-right: 10px;
	margin-top: 7px;
	
}
.content1-step2-card2-txt-code3{
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 800px;
	text-align: center;
	
	
}
.content1-step2-card2-txt p{
	color: #900;
	float: right;
	display: block;
	margin-top: 10px;
	
	
	
}
.content1-login{
	margin-left: 10px;
	
}
#content1-fbshare{
	text-align: right;
	margin-right: 10px;
	
}

#content1-card{
	
	text-align: center;
	background-image: url(../images/card-1.jpg);
	background-position: center top;
	height: 521px;
	width: 938px;
	margin-right: auto;
	margin-left: auto;
	
}
.content1-card-txt{
	margin-top: 210px;
	float: right;
	margin-left: auto;
	width: 360px;
	margin-right: 70px;
	
	
}
.content1-card-txt0{
	margin-top: 260px;
	float: right;
	margin-left: auto;
	margin-right: 20px;
	width: 430px;
	color: #900;
	
	
}
.content1-card-txt h2{
	color: #900;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 20px;
	text-align: center;
		
}
.content1-card-txt p{
	text-align: left;
	margin-top: 5px;
	line-height: 24px;
	display: block;
	margin-left: 5px;
	font-size: 13px;
		
}
#content1-card-btn a{
	box-shadow: 1px 1px 5px #333;
	width: 230px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 18px;
	background-color: #09C;
	border-radius: 10px;
	color: #FFF;
	text-decoration: none;
	display: block;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 3px;
	margin-top: 5px;
	
	
}
#content1-card-btn a:hover{
	background-color: #F30;
	text-decoration: none;	
	
}
.content1-txt{
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	line-height: 30px;
	text-align: center;
	
}
.content1-L{
	width: 230px;
	float: left;
	position: fixed;
	z-index: 11;
	background-color: #FFF;
}
.content1-L ul{
	list-style-type: none;
}
.content1-L li a{
	padding-left: 26px;
	padding-top: 6px;
	font-size: 12px;
	display: block;
	text-decoration: none;
	color: #000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	background-image: url(../images/titel-bg1.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-bottom: 6px;
}
.content1-L li a:hover{
	background-image: url(../images/titel-bg.png);
	background-repeat: no-repeat;
	background-position: left;
	color: #FFF;
	
}


.content1-L-1{
	width: 230px;
	float: left;
	z-index: 11;
	background-color: #FFF;
}
.content1-L-1 ul{
	list-style-type: none;
}
.content1-L-1 li a{
	font-family: Verdana, Arial, Helvetica, sans-serif, "微軟正黑體";
	padding-left: 26px;
	padding-top: 6px;
	font-size: 12px;
	display: block;
	text-decoration: none;
	color: #000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	background-image: url(../images/titel-bg1.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-bottom: 6px;
}
.content1-L-1 li a:hover{
	background-image: url(../images/titel-bg.png);
	background-repeat: no-repeat;
	background-position: left;
	color: #FFF;
	
}	

	
.content1-R{
	float: right;
	margin-left: 8px;
	display: block;
	width: 722px;
	overflow: hidden;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
.content1-R-titel{
	font-family: Verdana, Arial, Helvetica, sans-serif , "微軟正黑體";
	font-size: 24px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.content1-R-titel2{
	font-family: Verdana, Arial, Helvetica, sans-serif, "微軟正黑體";
	font-size: 30px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	color: #C33;
}
.content1-R-banner{
	text-align: center;
	border: 1px solid #CCC;
	width: 720px;
	margin-right: auto;
	margin-left: auto;
	height: 90px;

}
.content1-R-banner2 a{
	text-align: center;
	width: 720px;
	margin-right: auto;
	margin-left: auto;
	height: 180px;
	border-radius: 10px;
	background-image: url(../images/720x180.jpg);
	display: block;
	margin-bottom: 10px;
	margin-top: 10px;

}

	
	
.content1-R h3{
	color: #005599;
	font-size: 15px;
	
}
.content1-R-table1{
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 13px;
	line-height: 22px;
	margin-bottom: 10px;
	
	
}
.content1-R-img1{
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
	
	
	
}
.content1-R-img2{
	text-align: center;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
	
	
	
}		
.content1-R-img1 p{
	margin-bottom: 5px;
	font-size: 15px;
	font-weight: bold;
	
	
	
	
}
.content1-R-txt1 {
	margin-left: 40px;
	line-height: 24px;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 14px;
	
}
.content1-R-txt2 {
	font-family: Verdana, Arial, Helvetica, sans-serif, "微軟正黑體";
	line-height: 24px;
	display: block;
	font-size: 15px;
	margin: 10px;
	
}
.content1-R-txt2-btn a {
	font-family: Verdana, Arial, Helvetica, sans-serif, "微軟正黑體";
	line-height: 24px;
	display: block;
	font-size: 24px;
	text-align: center;
	width: 80px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 10px;
	background-color: #999;
	color: #FFF;
	margin-left: 10px;
	text-decoration: none;
	
}
.content1-R-txt2-btn a:hover {
	background-color: #F93;
	
	
}
.content1-R-txt2-titel{
	font-family: Verdana, Arial, Helvetica, sans-serif, "微軟正黑體";
	line-height: 24px;
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #369;
	margin-bottom: 5px;
	
}
.content1-R-txt2-small {
	font-family: Verdana, Arial, Helvetica, sans-serif, "微軟正黑體";
	display: block;
	font-size: 12px;
	color: #999;
	line-height: 20px;
	margin: 10px;
	
}
.content1-R-txt1-titel {
	font-weight: bold;
	
	
	
}
.content1-R-txt1 ul li {
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 50px;
	font-weight: normal;
	color: #930;
	
	
}
.content1-R-txt1 p {
	margin-left: 30px;
	font-size: 14px;
	color: #930;
	
	
}
.content1-R-txt1 p a {
	color: #069;
	text-decoration: none;	
	
}
.content1-R-txt1 p a:hover {
	color: #F90;
	
	
}
.content1-R-center{
	width: 500px;
	float: left;
}
.content1-R-center-promo{}
.content1-R-center-titel{
	font-family: Verdana, Arial, Helvetica, sans-serif, "微軟正黑體";
	font-size: 24px;
	color: #930;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	margin-top: 10px;
	margin-bottom: 5px;
}
.content1-R-center-titel2{
	font-family: Verdana, Arial, Helvetica, sans-serif, "微軟正黑體";
	font-size: 30px;
	color: #c33;
	margin-top: 10px;
	margin-bottom: 5px;
}
.content1-R-center-img{}
.content1-R-center-txt{
	font-size: 15px;
	line-height: 24px;
}
.content1-R-center-txt-titel{
	font-size: 18px;
	font-weight: bold;
	color: #369;
}

.content1-R-center-txt-small{
	font-family: Verdana, Arial, Helvetica, sans-serif, "微軟正黑體";
	display: block;
	font-size: 12px;
	color: #999;
	line-height: 20px;
	margin: 10px;
}

.content1-R-center-txt-btn a{
	font-family: Verdana, Arial, Helvetica, sans-serif, "微軟正黑體";
	line-height: 24px;
	display: block;
	font-size: 24px;
	text-align: center;
	width: 80px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 10px;
	background-color: #999;
	color: #FFF;
	margin-left: 10px;
	text-decoration: none;
	}
.content1-R-center-txt-btn a:hover{
	background-color: #F60;
	}	




.content1-R-center-products{
	float: left;
	width: 245px;
	margin-right: 6px;
	border: 1px solid #999;
	margin-top: 10px;
	text-align: center;
	font-size: 13px;
	color: #666;

}
.content1-R-center-products-btn a{
	padding: 5px;
	margin-right: auto;
	margin-left: auto;
	width: 80px;
	margin-bottom: 5px;
	background-color: #FC0;
	display: block;
	color: #900;
	text-decoration: none;
	margin-top: 5px;
	font-size: 15px;
	font-weight: bold;
	

}
.content1-R-center-products-btn a:hover{
	background-color: #F00;
	color: #FFF;	

}
.content1-R-center-products p{
	font-family: Verdana, Arial, Helvetica, sans-serif, "微軟正黑體";
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
	text-align: left;
	
}
.content1-R-center-products h3{
	font-family: Verdana, Arial, Helvetica, sans-serif, "微軟正黑體";
	font-size: 15px;
	background-color: #CCCCCC;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #666;
	font-weight: bolder;
	
}
.content1-R-center-products:nth-child(even){
	margin-right: 0px;
}


.content1-R-right{
	float: right;
	width: 210px;
}
.content1-R-right-banner a{
	height: 280px;
	width: 210px;
	background-image: url(../images/210x280.jpg);
	display: block;
}
.content1-R-right-fb{
	margin-top: 10px;
	
}

#content2{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 90px;
	height: 1050px;
	overflow: hidden;
	margin-bottom: 30px;
	position: relative;
}
#content2-card1{
	position: absolute;
	left: 187px;
	top: 340px;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: .10s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: 1s;
	-moz-animation-delay: .10s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: 1s;
	-ms-animation-delay: .10s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	-o-animation-duration: 1s;
	-o-animation-delay: .10s;
	-o-animation-timing-function: ease;
	-o-animation-fill-mode: both;
	animation-duration: 1s;
	animation-delay: .10s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}
#content2-card2{
	position: absolute;
	left: 559px;
	top: 419px;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: .30s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: 1s;
	-moz-animation-delay: .30s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: 1s;
	-ms-animation-delay: .30s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	-o-animation-duration: 1s;
	-o-animation-delay: .30s;
	-o-animation-timing-function: ease;
	-o-animation-fill-mode: both;
	animation-duration: 1s;
	animation-delay: .30s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}

#content2-card3{
	position: absolute;
	left: 606px;
	top: 756px;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: .50s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: 1s;
	-moz-animation-delay: .50s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: 1s;
	-ms-animation-delay: .50s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	-o-animation-duration: 1s;
	-o-animation-delay: .50s;
	-o-animation-timing-function: ease;
	-o-animation-fill-mode: both;
	animation-duration: 1s;
	animation-delay: .50s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}
#content2-card4{
	position: absolute;
	left: 419px;
	top: 614px;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: .70s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: 1s;
	-moz-animation-delay: .70s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: 1s;
	-ms-animation-delay: .70s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	-o-animation-duration: 1s;
	-o-animation-delay: .70s;
	-o-animation-timing-function: ease;
	-o-animation-fill-mode: both;
	animation-duration: 1s;
	animation-delay: .70s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}
#content2-card5{
	position: absolute;
	left: 717px;
	top: 541px;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: .90s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: 1s;
	-moz-animation-delay: .90s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: 1s;
	-ms-animation-delay: .90s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	-o-animation-duration: 1s;
	-o-animation-delay: .90s;
	-o-animation-timing-function: ease;
	-o-animation-fill-mode: both;
	animation-duration: 1s;
	animation-delay: .90s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}
#content2-card6{
	position: absolute;
	left: 708px;
	top: 640px;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: .120s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: 1s;
	-moz-animation-delay: .120s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: 1s;
	-ms-animation-delay: .120s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	-o-animation-duration: 1s;
	-o-animation-delay: .120s;
	-o-animation-timing-function: ease;
	-o-animation-fill-mode: both;
	animation-duration: 1s;
	animation-delay: .120s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}
#content2-1{
	background-color: rgba(255,255,255,0.8);
	width: 960px;
	height: 1050px;
	position: absolute;
	z-index: 2;
	visibility: hidden;
	
	
}
#content2-1-map1{
	position: absolute;
	left: 22px;
	top: 329px;
	z-index: 3;
	visibility: hidden;
	
	
}
#content2-1-map1-2{
	box-shadow: 2px 2px 7px #333;
	border-radius: 15px;
	position: absolute;
	background-color: #ffffe1;
	left: 316px;
	top: 86px;
	z-index: 3;
	border: 5px solid #FFF600;
	visibility: hidden;
}
.content2-1-map1-2-img{
	float: left;
	text-align: center;
	margin-top: 5px;
	margin-left: 5px;
	width: 220px;
}
.content2-1-map1-2-img img{
	padding: 2px;
	background-color: #FFF;
	border: 1px solid #666;
	margin: 2px;
	
}
.content2-1-map1-2-txt{
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 570px;
}
.content2-1-map1-2-txt h2{}
.content2-1-map1-2-txt ul li{
	margin-left: 20px;
	font-size: 13px;
	color: #333;
	margin-bottom: 3px;
	margin-top: 5px;
	font-weight: bolder;

}
.content2-1-map1-2-txt1{
	margin-top: 5px;
	margin-bottom: 5px;
	color: #C00;
	
}
.content2-1-map1-2-txt1 p{
	line-height: 24px;
	
	
}

#content2-1-map2{
	position: absolute;
	z-index: 3;
	left: 617px;
	top: 754px;
	visibility: hidden;
	
	
}
#content2-1-map2-2{
	box-shadow: 2px 2px 7px #333;
	border-radius: 15px;
	position: absolute;
	width: 520px;
	background-color: #ffffe1;
	left: 77px;
	top: 628px;
	z-index: 3;
	border: 5px solid #FFF600;
	overflow: hidden;
	visibility: hidden;
}
.content2-1-map2-2-txt{
	float: left;
	margin-top: 10px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 20px;
}

.content2-1-map2-2-txt h2{}
.content2-1-map2-2-txt ul li{
	margin-left: 20px;
	font-size: 13px;
	color: #333;
	margin-bottom: 3px;
	margin-top: 5px;
	font-weight: bolder;

}
.content2-1-map2-2-txt1{
	margin-top: 5px;
	margin-bottom: 5px;
	color: #C00;
	
}


#content2-1-map3{
	position: absolute;
	z-index: 3;
	visibility: hidden;
	left: 308px;
	top: 583px;
	
	
}



#content2-1-map3-2{
	box-shadow: 2px 2px 7px #333;
	border-radius: 15px;
	position: absolute;
	background-color: #ffffe1;
	left: 111px;
	top: 352px;
	z-index: 2;
	border: 5px solid #FFF600;
	width: 456px;
	visibility: hidden;
}


#content2-1-map4{
	position: absolute;
	z-index: 3;
	visibility: hidden;
	left: 730px;
	top: 607px;
	
	
}
	
	
#content2-1-map4-2{
	box-shadow: 2px 2px 7px #333;
	border-radius: 15px;
	position: absolute;
	background-color: #ffffe1;
	left: 83px;
	top: 487px;
	z-index: 3;
	border: 5px solid #FFF600;
	visibility: hidden;
}	
		
		
		
#content2-1-map5{
	position: absolute;
	z-index: 3;
	visibility: hidden;
	left: 483px;
	top: 466px;
	
	
}		
		
#content2-1-map5-2{
	box-shadow: 2px 2px 7px #333;
	border-radius: 15px;
	position: absolute;
	width: 400px;
	background-color: #ffffe1;
	left: 329px;
	top: 108px;
	z-index: 3;
	border: 5px solid #FFF600;
	visibility: hidden;
}		
		
#content2-1-map6{
	position: absolute;
	z-index: 3;
	visibility: hidden;
	left: 732px;
	top: 609px;
	
	
}		
		
#content2-1-map6-2{
	box-shadow: 2px 2px 7px #333;
	border-radius: 15px;
	position: absolute;
	width: 400px;
	background-color: #ffffe1;
	left: 305px;
	top: 532px;
	z-index: 3;
	border: 5px solid #FFF600;
	visibility: hidden;
}				
		
		
#content3{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 100px;
	margin-bottom: 20px;
	position: relative;
}		
		
		
		
		
		

		
#footer{
	vertical-align: bottom;
	background-color: #ee5a9f;
	padding-bottom: 10px;
	padding-top: 5px;
	position: relative;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 100%;
}
#footer p{
	margin-top: 3px;
	margin-bottom: 5px;
	text-align: center;
	font-size: 11px;
	color: #000;
}
#footer-img1{
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#footer-img2{
	box-shadow: 0px 2px 6px #333;
	position: absolute;
	left: 273px;
	top: -70px;
	padding: 2px;
	background-color: #FFF;
	border: 1px solid #999;
	z-index: 10;
	visibility: hidden;
}

#submenu{
	clear: both;
	text-align: center;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-size: 11px;
}
#submenu ul{
	font-size: 12px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	}
#submenu li{
	display: inline;
	list-style-type: none;
	}
#submenu a{
	color: #000000;
	font-weight: normal;
	padding-right: 10px;
	margin-right: 3px;
	text-decoration: none;
	font-size: 12px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	}
#submenu a:hover{
	color: #FFCC00;
	text-decoration: underline;
	}
#submenu li:last-child a{
	border:none;
	}
small{
	font-weight: normal;
	font-size: 11px;
	display: block;
	text-align: center;
	margin-top: 0px;
	color: #000;
	overflow: hidden;
	}
.a11 {
	font-size: 11px;
	color: #F00;
	text-decoration: none;
}
.a11 a{
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
}
.a11 a:hover{
	color: #FF0;
	text-decoration: underline;
	font-weight: normal;
}
.a15-1{
	font-size: 15px;
	line-height: 22px;
	color: #333;
	text-decoration: none;
}
a15-1 a{
	font-size: 15px;
	line-height: 22px;
	color: #333;
	text-decoration: none;
}
a15-1 a:hover{
	font-size: 15px;
	line-height: 22px;
	color: #F00;
	text-decoration: none;
}
.a15-1 a{
	font-size: 15px;
	line-height: 22px;
	color: #333;
	text-decoration: none;
}
.a15-2{
	font-size: 15px;
	line-height: 22px;
	color: #FFF;
}
.a15-3{
	font-size: 15px;
	line-height: 22px;
	color: #885B00;
	font-weight: bold;
}
.a18{
	color: #C00;	
}
.a15-4{
	font-size: 15px;
	line-height: 22px;
	color: #990000;
	font-weight: bold;
}
.a15-5{
	font-size: 15px;
	line-height: 22px;
	color: #069;
	text-decoration: none;
}
.a13-1{
	font-size: 13px;
	line-height: 22px;
	color: #000;
	text-decoration: none;
}