@charset "utf-8";

	.inner {
		width: 1000px;
		margin: 0 auto;
	}
	header {
		height: 80px;
		border-bottom: 6px solid #3090f4;
	}
	header #logo {
		width:360px;
		float:left;
		height: 80px;
		line-height: 80px;
		display: inline-block;
		font-size: 0px;
		 position: relative;
	}
	header #logo a{
		height: 80px;
		line-height: 80px;
		display: block;
		vertical-align: middle;
	}
	header #logo img{
		vertical-align: middle;
		width:50%;
	}
	header #language {
		width:600px;
		float:right;
		height: 80px;
		line-height: 80px;
		display: inline-block;
		font-size: 0px;
		position: relative;
		text-align: right;
	}
	header #language a{
		font-family: "Arial Unicode MS";
		font-size: 16px;
		color: #666;
		line-height: 40px;
		height: 40px;
		display: inline-block;
		padding-left: 40px;
		padding-right: 20px;
	}
	header #language a.lang{
		background: url(../images/login_icon.png) center left no-repeat;
	}
	#vision {
		font-size: 0px;
		border-bottom: 6px solid #3090f4;
		position: relative;
	}
	#vision #login{
		position: absolute;
		width: 430px;
		height: 204px;
		background: url(../images/Sign-in.png); 
		top:50%; 
		left:50%;
		margin-top: -102px;
		margin-left: -215px;
	}
	#login .textInput {
		margin-top: 28px;
	}
	#login .textInput:first-child {
		margin-top: 55px;
	}
	#login .textInput {
		width: 100%;
		display: inline-block;
		text-align: center;
		float: left;
	}
	#login span.forget {
		width: 10px;
		display: block;
		float: left;
		margin-top: 20px;
		margin-left: 50px;
	}
	#login span.forget a{
		font-family: "Arial Unicode MS";
		font-size: 18px;
		color: #171c61;
	}
	#login .imgbtn {
		margin-left: 210px;
		margin-top: 20px;
		display: block;
		float: left;
	}
	#content {
		padding-bottom: 20px;
	}
	#content #nav{
		/* margin-top: 35px; */
		text-align : center
	}
	#content #nav li {
		/* float: right; */
		display: inline-block;
		width: 33.33%;
	}
	#content #nav1{
		/* margin-top: 35px; */
		text-align : left
	}
	#content #nav1 li {
		/* float: right; */
		display: inline-block;
	}
	#content #nav2{
		/* margin-top: 35px; */
		text-align : center;
		background-color: #3090f4;
		font-family: "Arial Unicode MS";
	}
	#content #nav2 a{
		color: #FFFFFF;
		font-family: "Arial Unicode MS";
	}
	#content #nav2 li {
		/* float: right; */
		display: inline-block;
		width: 12.00%;
		height:44px;
		line-height: 40px;
		font-family: "Arial Unicode MS";
		font-size:15px;
	}
	#content #nav3{
		/* margin-top: 35px; */
		text-align : center;
		background-color: #3090f4;
		font-family: "Arial Unicode MS";
	}
	#content #nav3 a{
		color: #FFFFFF;
		font-family: "Arial Unicode MS";
	}
	#content #nav3 li {
		/* float: right; */
		display: inline-block;
		width: 19%;
		height:44px;
		line-height: 40px;
		font-family: "Arial Unicode MS";
		font-size:15px;
	}
	#title {
		background: #8e8e8e;
		display: block;
		width: 100%;
		line-height: 30px; 
		margin-top: 30px;
		font-size: 17px;
		color: #fff;
		padding-left: 35px;
		margin-bottom: 3px;
	}
	#sub-title {
		background: url(../images/icon2.png) center left no-repeat;
		display: block;
		width: 100%;
		line-height: 30px; 
		margin-top: 5px;
		font-family: "Arial Unicode MS";
		font-size: 17px;
		color: #2569af;
		padding-left: 20px;
	}
	#sub-title1 {
		display: block;
		width: 100%;
		line-height: 30px; 
		margin-top: 5px;
		font-family: "Arial Unicode MS";
		font-size: 17px;
		color: #2569af;
		padding-left: 50px;
	}
	#sub-title a{
		display: block;
		width: 90%;
		line-height: 30px; 
		margin-top: 5px;
		font-family: "Arial Unicode MS";
		font-size: 17px;
		color: #2569af;
		padding-left: 20px;
	}
	#sub-title1 a{
		display: block;
		width: 90%;
		line-height: 30px; 
		margin-top: 5px;
		font-family: "Arial Unicode MS";
		font-size: 17px;
		color: #2569af;
		padding-left: 20px;
	}
	#content p {
		font-family: "Arial Unicode MS";
		font-size: 17px;
		color: #666;
		margin-bottom: 20px;
		text-align: left;
	}	

	#content img {
	  display:block;
	  margin: auto;
	  text-align: center;
	}

	.content_flow {
		background: #e9eaed;
	}
	.flow {
		padding-top: 60px;
		line-height: 0;
		-webkit-column-count: 2;
		-webkit-column-gap:   0px;
		-moz-column-count:    2;
		-moz-column-gap:      0px;
		column-count:         2;
		column-gap:           0px;
	}
	
	.flow .item {
		width: 100% !important;
		height: auto !important;
		text-align: center;
		padding-bottom: 20px;
	}

	.flow .item1 {
		width: 100% !important;
		height: 70% !important;
		text-align: center;
		padding-bottom: 20px;
		border-style:double;
		border:#0000FF 3px outset; 
	}

	.flow .item1 a{
		font-weight: bold;
		height: 20px;
		line-height: 20px;
		font-family: "Arial Unicode MS";
		font-size: 16px;
		color: #0000FF;
		padding-right: 20px;
		'background: url(../images/arrow.png) center right no-repeat;
	}
	
	/* Go Top 按鈕 */
	#top_btn {
	position: fixed;
	bottom: 50px; /* 與下方的距離, 也可改為百分比, 即為距離螢幕下方的百分比 */
	right: 0px; /* 與右方的距離 */
	width: 40px; /* 按鈕原始寬度 */
	height: 40px; /* 按鈕原始高度 */
	opacity: 0.1; /* 按鈕原始透明度 */
	z-index: 10;
	cursor: pointer;
	transition: all .5s; /* 動畫效果 持續期間 */
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	}
	#top_btn:hover { /* 滑鼠經過按鈕時 */
	opacity: 1; /* 透明度 */
	width: 80px; /* 按鈕寬度 */
	height: 80px; /* 按鈕高度 */
	}

	footer.index #copyright{
		background-color: #dfdfdf;
		color: #2569af;
	}
	footer {
		background-color: #ececec;
	}
	footer #sitemap{
		background-color: #ececec;
		line-height: 25px;
	}
	footer #sitemap div.right{
		float: right;
	}
	footer #sitemap div.right div{
		display: inline-block;
		float: left;
		padding: 25px 40px 25px 40px;
		color: #3370b2;
	}
	footer #sitemap div.right div span{
		font-weight: bold;
		color: #3370b2;
	}
	footer #sitemap div.right div ul{
		margin-left: 15px;
	}
	footer #contact img{
		width: 100%;
	}
	footer #copyright {
		display: block;
		height: 40px;
		background-color: #3090f3;
		color: #fff;
		width: 100%;
		font-family: "Arial Unicode MS";
		font-size: 15px;
		text-align:center;
		vertical-align: middle;
		line-height: 40px;
	}
	.clear {
		clear: both;
	}
	
	
	#nav2 {
	list-style-type:none;
	text-align: center;
    font-family: "Arial Unicode MS";
	}
	#nav2 ul li {display:inline-block;color:#fff;padding:5px;margin:5px;background-color: #0000FF;}
	.Product_info{transform: translateX(50%);width:50%;max-width:666px;}
	@media (min-width:1px) and (max-width:767px){.Product_info {transform: translateX(10%);width: 80%;}}
	.Product_img{width:100%;line-height: 30px;}
	.Product_img_left{float:left;}
	.border_solid{border: 1px solid #000;margin-bottom:3px;padding: 0px 3px 0px 3px;}