@charset "utf-8";
/* CSS Document */
* {
	box-sizing: border-box;
	line-height: 1.5em;
}
html, body {
	font-family: Arial,"微軟正黑體","Microsoft JhengHei",sans-serif;
	min-width:1140px;
}
figure {
	margin: 0;
	padding: 0;
}
h2 {
	font-size: 55px;
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 14px;
}
p {
	font-size: 14px;
}
a, a:hover, a:focus, a:visited, a:active {
	text-decoration: none;
}
.container {
	width: 1140px;
	margin: 0 auto;
}
img{ display:block; width:100%;}
/*========header======== */
header {
	padding: 15px 0;
	background-image: url(../../images/tw/bg_header.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
header .logo {
	float: left;
	padding-top: 10px;
	width: 40%;
}
header .logo h1 {
	background-image: url(../../images/tw/logo.png);
	background-repeat: no-repeat;
	height: 76px;
	width: 255px;
	text-indent: -9999px;
}
header .language {
	width: 60%;
	float: right;
	text-align: right;
	margin: 20px 0;
	padding-right: 15px;
	box-sizing: border-box;
}
header .language select {
	background-color: #1d2088;
	color: #FFF;
	padding: 5px 15px 5px 5px;
	border: none;
	border-radius: 5px;
	position: relative;
}
header nav {
	width: 60%;
	float: right;
}
header nav ul li {
	float: left;
	width: 25%;
	text-align: center;
	position: relative;
	position: relative;
}
header nav ul li:hover ul.menu_content {
	display: block;
}
header nav ul li a {
	color: #000;
}
header nav ul li ul.menu_content {
	position: absolute;
	z-index: 999;
	width: 100%;
	background: rgba(255,255,255,.8);
	border-radius: 0 0 10px 10px;
	display: none;
}
header nav ul li ul.menu_content li {
	float: none;
	margin: 0 auto;
	line-height: 2em;
}
header nav ul li ul li:hover a {
	color: #1D2088;
	font-weight: bold;
}
/*========image======== */
.image {
 display:block; width:100%; height:auto; margin:0 auto; overflow:hidden; position:relative;
}
.image img {
	width: 100%;
}
.image .text_content {
	position: absolute;
	top: 30%;
	color: #fff;
	font-size: 90px;
	line-height: 1em;
	width: 20%;
	left: 10%;
}
.image .text_content span.text1 {
	color: #b2b4ed;
	font-size: 18px;
	display: block;
}
.image .text_content span.text2 {
	font-size: 60px;
	display: inline-block;
	line-height: 1em;
}
/*========index======== */
#index_page section {
	padding: 0 0 20px 0;
}
/*section1*/
#index_page section.no1 {
	position: relative;
	padding-bottom: 220px;
}
#index_page section.no1:before {
	position: absolute;
	bottom: -50px;
	right: 0;
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 300px 2500px;
	border-color: #fff #fff #EEEEEE #fff;
}
#index_page section.no1 .index_prodict_list {
	margin: 0 -15px;
}
#index_page section.no1 .index_prodict_list .index_product_box {
	width: 25%;
	float: left;
	padding: 0 25px;
	box-sizing: border-box;
	position: relative;
	margin: 0 0 15px 0;
}
#index_page section.no1 .index_prodict_list .index_product_box:after {
	position: absolute;
	background-image: url(../../images/tw/index_product_border.jpg);
	background-repeat: no-repeat;
	display: block;
	content: '';
	height: 130px;
	top: 20px;
	width: 7px;
	right: -5px;
}
#index_page section.no1 .index_prodict_list .index_product_box:nth-child(4n):after {
	background-image: none;
}
#index_page section.no1 .index_prodict_list .index_product_box figure.pic {
	text-align: center;
}
#index_page section.no1 .index_prodict_list .index_product_box figure.pic img {
	width: 100%;
	border: 1px solid #e5e5e5;
	padding: 2px;
}
#index_page section.no1 .index_prodict_list .index_product_box h5.title {
	font-weight: bold;
	margin: 10px 0;
}
#index_page section.no1 .index_prodict_list .index_product_box p.text {
	font-weight: bold;
	color: #1d2087;
	margin: 10px 0;
	font-size: 12px;
}
#index_page section.no1 .index_prodict_list .index_product_box p.txt {
	color: #555;
	font-size: 12px;
}
#index_page section.no1 .index_prodict_list .index_product_box a.more {
	color: #7e7f9e;
	font-size: 12px;
	background-color: #e6e6f4;
	padding: 3px 10px;
	margin-top: 10px;
	display: inline-block;
	font-weight: bold;
	border-radius: 3px;
}
#index_page section.no1 .index_prodict_list .index_product_box a.more:hover {
	color: #fff;
	background-color: #1d2087;
}
/*section2*/
#index_page section.no2 {
	position: relative;
	background-color: #eee;
	padding: 20px 0;
}
#index_page section.no2 .left {
	float: left;
	width: 40%;
	margin-top: -200px;
}
#index_page section.no2 .left figure.pic {
	width: 95%;
}
#index_page section.no2 .left figure.pic img {
	width: 100%;
}
#index_page section.no2 .right {
	float: right;
	width: 60%;
	margin-top: -150px;
}
#index_page section.no2 .right .right_1 {
	text-align: right;
}
#index_page section.no2 .right .right_2 {
	margin: 25px 0;
}
#index_page section.no2 .right .right_3 {
	margin: 25px 0;
}
#index_page section.no2 .right .right_1 h2 {
	color: #222;
	line-height: .3em;
}
#index_page section.no2 .right .right_1 h2 span {
	display: block;
}
#index_page section.no2 .right .right_1 p {
	color: #666;
	margin: 15px 0;
}
#index_page section.no2 .right .right_2 .pic_content {
	float: right;
	width: 40%;
}
#index_page section.no2 .right .right_2 .pic_content h3 {
	font-size: 24px;
	color: #222;
	font-weight: bold;
}
#index_page section.no2 .right .right_2 .pic_content span {
	color: #2c95c0;
}
#index_page section.no2 .right .right_2 ul {
	font-size: 14px;
	color: #222;
	text-align: right;
	float: right;
	line-height: 1.2em;
	display: inline-block;
	margin: 35px 10px 0 0;
}
#index_page section.no2 .right .right_2 ul li span {
	color: #2c95c0;
}
#index_page section.no2 .right .right_2 ul li:before {
	content: "● ";
	color: #2c95c0;
}
#index_page section.no2 .right .right_3 h3 {
	font-size: 24px;
	color: #222;
	font-weight: bold;
}
#index_page section.no2 .right .right_3 h3 span {
	color: #2c95c0;
}
#index_page section.no2 .right .right_3 p {
	color: #666;
}
/*section3*/
#index_page section.no3 {
	background-color: #bfc0e6;
	background-image: url(../../images/tw/index_bg02.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}
#index_page section.no3 h2 {
	color: #4b4c66;
}
#index_page section.no3 h2 span {
	color: #fff;
	font-size: 30px;
	display: block;
}
#index_page section.no3 p {
	color: #4b4c6c;
	margin: 15px 0;
}
/*section4*/
#index_page section.no4 {
	background-image: url(../../images/tw/index_bg03.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	padding-top: 150px;
	padding-bottom: 80px;
}
#index_page section.no4:before {
	position: absolute;
	top: 0px;
	right: 0;
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 200px 2500px 0 0;
	border-color: #BFC0E6 transparent transparent transparent
}
#index_page section.no4 .block {
	width: 65%;
	float: right;
}
#index_page section.no4 .left {
	float: left;
	width: 40%;
}
#index_page section.no4 .right {
	float: right;
	width: 60%;
	/*text-align: center;*/
	border-left: 1px dashed #bbb;
}
#index_page section.no4 .right .pic_content {
	position: relative;
	padding:0 30px 15px 30px;
}
#index_page section.no4 .right .pic_content .arrow {
	background-image: url(../../images/tw/index_arrow.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 10px;
	display: inline-block;
	position: absolute;
	top: 120px;
}
#index_page section.no4 .right .pic_content .arrow_left {
	background-position: left 0;
	left: 25px;
}
#index_page section.no4 .right .pic_content .arrow_right {
	background-position: left -30px;
	right: 25px;
}
#index_page section.no4 .right ul {
	margin-left: 75px;
}
#index_page section.no4 .right ul li {
	color: #555;
	text-align: left;
}
#index_page section.no4 .right ul li span {
	font-weight: bold;
	margin-right: 20px;
}
#index_page section.no4 .left h2 {
	color: #36a9e1;
}
#index_page section.no4 .left ul li span {
	background-color: #555;
	color: #fffefe;
	font-size: 18px;
	border-radius: 20px;
	width: 30%;
	display: inline-block;
	text-align: center;
	margin: 10px 0;
}
#index_page section.no4 .left ul li ul li {
	margin-left: 20px;
	color: #555;
}
#index_page section.no4 .left  ul li ul li a {
	color:#555;
}
/*section5*/
#index_page section.no5 {
	background-image: url(../../images/tw/index_bg04.jpg);
	background-repeat: no-repeat;
	background-position: center left;
	background-size: cover;
	padding-top: 50px;
	padding-bottom: 100px;
}
#index_page section.no5 h2 {
	color: #1d2088;
	text-align: right;
}
#index_page section.no5 form .form_list {
	text-align: right;
	margin: 10px 0;
}
#index_page section.no5 form .form_list input {
	height: 2em;
}
#index_page section.no5 form .form_list input, #index_page section.no5 .form_list textarea {
	width: 30%;
	border: none;
	border: 1px solid #d2d2e7;
	line-height: 1.8em;
}
#index_page section.no5 form .form_list span {
	color: #222;
	margin-right: 10px;
	display: inline-block;
}
#index_page section.no5 form .form_list.list6 span {
	float: left;
	text-align: right;
	width: 69%;
}
#index_page section.no5 form button.btn {
	float: right;
	margin-left: 30px;
	padding: 3px 0;
	width: 7%;
	background-color: #1d2088;
	color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
}
#index_page section.no5 form button.btn:hover {
	background-color: #fff;
	color: #1d2088;
	border: 1px solid #1d2088;
}
/*========Footer======== */
/* section1*/
footer section.no1 {
	background-color: #1d2088;
	padding: 30px 0 90px 0;
}
footer section.no1 ul {
	color: #fff;
}
footer section.no1 ul li.title {
	float: left;
	width: 25%;
	text-align: center;
}
footer section.no1 ul li.title a {
	color: #fff;
}
footer section.no1 ul li ul li a {
	color: #ccc;
	font-size: 12px;
}
footer section.no1 ul li ul li a:hover {
	opacity: .5;
}
/* section2*/
footer section.no2 .related_link ul .icon {
	height: 40px;
	width: 40px;
	border-radius: 999px;
	background: #ccc;
	float: left;
	position: relative;
	margin: 0 5px;
}
footer section.no2 .related_link {
	float: left;
	margin-left: 100px;
}
footer section.no2 .related_link ul .icon.facebook {
	background-color: #3b5998;
}
footer section.no2 .related_link ul .icon.skype {
	background-color: #00aff0;
}
footer section.no2 .related_link ul .icon.youtube {
	background-color: #ff3132;
}
footer section.no2 .related_link ul .icon.email {
	background-color: #669c41;
}
footer section.no2 .related_link ul .icon i {
	color: #fff;
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 20px;
	text-align: center;
	width: 20px;
}
footer section.no2 {
	margin-top: 20px;
	margin-bottom: 50px;
}
footer section.no2 .information {
	float: right;
	width: 50%;
	font-size: 12px;
	text-align: right;
	margin-right: 100px;
}
footer section.no2 .information p {
	font-size: 12px;
	margin-right: 10px;
}
footer section.no2 .information ul li.info {
	display: inline-block;
	margin-right: 10px;
}
footer section.no2 .information ul li.info span {
	font-weight: bold;
	margin-right: 5px;
}
footer section.no2 .information ul li.email a {
	color: #ff6000;
	text-decoration: underline;
}





.banner {
	position: relative;
}
.banner img {
	display: bolck;
	width: 100%;
}
.banner .text_content {
	position: absolute;
	bottom: 10%;
	color: #fff;
	font-size: 90px;
	line-height: 4rem;
	width: 30%;
	left: 10%;
}
.banner .text_content span.text1 {
	color: #fff;
	font-size: 18px;
	line-height: 2.5rem;
	display: block;
}
.rd-title{ display:block; width:1140px; height:auto; padding-top:50px; margin-left:auto; margin-right:auto; overflow:hidden; font-size:3rem; font-family:Arial,"微軟正黑體","Microsoft JhengHei",sans-serif; font-weight:bold; color:#000; text-align:center;}
.rd-content{ display:block; width:1140px; height:auto; padding-bottom:50px; margin-left:auto; margin-right:auto; overflow:hidden; font-size:1rem; font-family:Arial,"微軟正黑體","Microsoft JhengHei",sans-serif; color:#555;}
.rd-image{ display:block; width:1140px; height:auto; padding-bottom:50px; margin-left:auto; margin-right:auto; overflow:hidden;}
.rd-image img{ display:block; width:auto; margin:0 auto;}

.rd-text{ display:block; width:100%; height:auto; background-color:#f2f2f2; padding:50px 0; overflow:hidden;}
.rd-text_imageblock{ display:block; width:100%; height:auto; margin:0 auto; overflow:hidden;}
.rd-text_image{ display:block; width:700px; height:auto; margin:0 auto; overflow:hidden;}
.rd-text_image img{ display:block; width:auto; margin:0 auto;}
.rd-text_button{ display:block; width:80%; height:auto; overflow:hidden; margin:30px auto 10px auto;}
.rd-text_button li{ display:inline-block; margin-right:10px;}
.rd-text_button li a{ display:block; width:90px; height:auto; overflow:hidden; background-color:#1d2088; font-size:0.85rem; font-family:Arial,"微軟正黑體","Microsoft JhengHei",sans-serif; color:#fff; text-align:center; line-height:30px;}
.rd-text_content{ display:block; width:80%; height:auto; overflow:hidden; background-image:url(../../images/tw/rdt-shadow.png); background-position:top center; background-repeat:no-repeat; margin:0 auto;}
.rd-text_content-title{ font-size:3rem; font-family:Arial,"微軟正黑體","Microsoft JhengHei",sans-serif; font-weight:bold; color:#000; padding-top:20px;}
.rd-text_content-text{ font-size:1rem; font-family:Arial,"微軟正黑體","Microsoft JhengHei",sans-serif; color:#555;}

.prolist{ display:block; width:1140px; height:auto; padding-top:30px; padding-bottom:30px; margin:0 auto; overflow:hidden;}
.prolist-box{ display:block; width:205px; height:315px; border:solid #e2e2e2 1px; margin:0 11px; overflow:hidden; float:left;}
.prolist-box_image{ display:block; width:199px; height:199px; margin:2px; overflow:hidden;}
.prolist-box_content{ display:block; width:100%; height:75px; overflow:hidden;}
.prolist-box_content-title{ display:block; width:95%; height:auto; font-size:1.063rem; font-family:Arial,"微軟正黑體","Microsoft JhengHei",sans-serif; color:#222; line-height:18px; margin:10px auto 0 auto; overflow:hidden;}
.prolist-box_content-item{ display:block; width:95%; height:auto; font-size:0.875rem; font-family:Arial,"微軟正黑體","Microsoft JhengHei",sans-serif; color:#4fa7db; margin:5px auto 0 auto; overflow:hidden;}
.prolist-box_button a{ display:block; width:50px; height:auto; background-color:#000; font-size:0.875rem; font-family:Arial,"微軟正黑體","Microsoft JhengHei",sans-serif; color:#fff; text-align:center; padding-top:3px; padding-bottom:1px; overflow:hidden; float:right;}
.prolist-box_button a:hover{ background-color:#4fa7db;}

.prodetail{ display:block; width:1140px; height:auto; padding-top:30px; padding-bottom:30px; margin:0 auto; overflow:hidden;}
.prodetail-maxpic{ display:block; width:550px; height:550px; overflow:hidden; float:left;}
.prodetail-content{ display:block; width:590px; height:auto; background-image:url(../../images/tw/bg_prodetail-content.png); background-position:left center; background-repeat:no-repeat; overflow:hidden; float:right;}
.prodetail-content_title{ display:block; width:100%; height:auto; font-size:3.429rem; font-family:Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif; color:#222; letter-spacing:-2px; padding-left:40px; margin-top:20px; overflow:hidden;}
.prodetail-content_item{ display:block; width:55%; height:auto; background-color:#1d2088; font-size:1.714rem; font-family:Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif; color:#fff; letter-spacing:-1px; padding-bottom:10px; padding-top:10px; padding-left:40px; overflow:hidden;}
.prodetail-content_text{ display:block; width:100%; height:auto; font-size:0.875rem; font-family:Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif; color:#555; line-height:18px; padding-left:40px; padding-top:20px; overflow:hidden;}
.prodetail-content_button{ display:block; width:auto; height:auto; margin-top:30px; overflow:hidden; float:right;}
.prodetail-content_button li{ display:inline-block;}
.prodetail-content_button li a{ display:block; width:auto; min-width:60px; height:auto; background-color:#fff; font-size:1rem; font-family:Arial,"微軟正黑體","Microsoft JhengHei",sans-serif; color:#1d2088; text-align:center; text-decoration:none; border:solid #1d2088 1px; padding:5px 10px 3px 10px; margin:0 2px;}
.prodetail-content_button li a:hover{ background-color:#1d2088; color:#fff; text-decoration:none;}
.prodetail-content_button li.on a{ display:block; width:auto; min-width:60px; height:auto; background-color:#fff; font-size:1rem; font-family:Arial,"微軟正黑體","Microsoft JhengHei",sans-serif; color:#9697bd; text-align:center; text-decoration:none; border:solid #9697bd 1px; padding:5px 10px 3px 10px; margin:0 2px;}
.prodetail-minpic{ display:block; width:1140px; height:auto; padding:40px 10px; margin:0 auto; overflow:hidden; clear:both;}
.prodetail-minpic li{ display:block; width:118px; height:118px; border:solid #e0e0e0 1px; margin:0 10px; overflow:hidden; float:left;}

.protab1{ display:block; width:1140px; height:auto; padding-top:30px; margin:0 auto; overflow:hidden;}
.protab1-title{ display:block; width:100%; height:auto; background-image:url(../../images/tw/bg_line.png); background-position:bottom center; background-repeat:no-repeat; font-size:3.429rem; font-family:Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif; color:#222; text-align:center; letter-spacing:-2px; padding-bottom:25px; overflow:hidden;}
.protab1-content{ display:block; width:100%; height:auto; margin-top:30px; margin-bottom:30px; overflow:hidden;}
.protab1-content img{ display:block; width:auto;margin:0 auto;}

.protab2{ display:block; width:1140px; height:auto; padding-top:30px; margin:0 auto; overflow:hidden;}
.protab2-title{ display:block; width:100%; height:auto; background-image:url(../../images/tw/bg_line.png); background-position:bottom center; background-repeat:no-repeat; font-size:3.429rem; font-family:Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif; color:#222; text-align:center; letter-spacing:-2px; padding-bottom:25px; overflow:hidden;}
.protab2-content{ display:block; width:100%; height:auto; margin-top:20px; margin-bottom:20px; overflow:hidden;}
.protab2-content_box{ display:block; width:202px; height:250px; margin:0 13px; overflow:hidden; float:left;}
.protab2-content_box-image{ display:block; width:202px; height:152px; border-bottom:solid #93b7cc 3px; overflow:hidden;}
.protab2-content_box-title{ display:block; width:100%; height:auto; font-size:0.938rem; font-family:Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif; color:#222; line-height:18px; font-weight:bold; text-decoration:underline; margin-top:5px; margin-bottom:5px; overflow:hidden;}
.protab2-content_box-text{ display:block; width:100%; height:auto; overflow:hidden;}
.protab2-content_box-text li{ font-size:0.813rem; font-family:Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif; color:#555; line-height:14px; margin-bottom:3px;}
.protab2-content_box-text li:before{ content:"．"; color:#F00;}

section.prono5{ display:block; width:100%; height:auto; background-image:url(../../images/tw/bg_graypoint.jpg); background-repeat:repeat; padding-top:30px; padding-bottom:50px; overflow:hidden;}
.protab3{ display:block; width:1140px; height:auto; margin:0 auto; overflow:hidden;}
.protab3-title{ display:block; width:100%; height:auto; font-size:3.429rem; font-family:Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif; color:#222; text-align:center; letter-spacing:-2px; overflow:hidden;}
.protab3-content{ display:block; width:100%; height:auto; overflow:hidden;}
.protab3-content img{ display:block; width:auto; margin:0 auto;}

.protab4{ display:block; width:1140px; height:auto; padding-top:30px; padding-bottom:50px; margin:0 auto; overflow:hidden;}
.protab4-title{ display:block; width:100%; height:auto; font-size:3.429rem; font-family:Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif; color:#222; text-align:center; letter-spacing:-2px; overflow:hidden;}
.protab4-content{ display:block; width:100%; height:auto; overflow:hidden;}
.protab4-content img{ display:block; width:auto; margin:0 auto;}

section.prono7{ display:block; width:100%; height:auto; background-image:url(../../images/tw/bg_graypoint.jpg); background-repeat:repeat; padding-top:30px; padding-bottom:30px; overflow:hidden;}
.protab5{ display:block; width:1140px; height:auto; margin:0 auto; overflow:hidden;}
.protab5-title{ display:block; width:100%; height:auto; font-size:3.429rem; font-family:Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif; color:#222; text-align:center; letter-spacing:-2px; overflow:hidden;}
.protab5-content{ display:block; width:100%; height:auto; margin-top:10px; overflow:hidden;}
.protab5-content_box{ display:block; width:202px; height:300px; margin:0 13px; overflow:hidden; float:left;}
.protab5-content_box-image{ display:block; width:202px; height:152px; overflow:hidden;}
.protab5-content_box-title{ display:block; width:100%; height:auto; background-image:url(../../images/tw/bg_boxshadow.png); background-position:top center; background-repeat:no-repeat; padding-top:5px; font-size:0.938rem; font-family:Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif; color:#222; line-height:18px; font-weight:bold; text-decoration:underline; padding-top:10px; margin-bottom:5px; overflow:hidden;}

.pebox1{}
.pebox1-image{ position:relative;}
.pebox1-text{ width:500px; font-size:0.875rem; font-family:Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif; color:#555; padding:25px 45px; background-color:#fff; opacity: 0.8; border-radius:5px; position:absolute; top:40%; right:120px;}
.pebox1-text_title{ font-size:3rem; font-family:Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif; color:#222;}

.pebox2{}
.pebox2-image{ position:relative;}
.pebox2-text{ width:500px; font-size:0.875rem; font-family:Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif; color:#555; padding:25px 45px; background-color:#fff; opacity: 0.8; border-radius:5px; position:absolute; top:25%; left:120px;}
.pebox2-text_title{ font-size:3rem; font-family:Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif; color:#222;}

.imgL{ float:left; margin-right:15px; padding:10px 5px;}
.imgR{ float:right; margin-left:15px; padding:10px 5px;}
.taL{ text-align:left;}
.taR{ text-align:right;}
.faL{ float:left;}
.faR{ float:right;}

.no1button{ display:block; width:auto; height:auto; margin-bottom:30px; overflow:hidden;}
.no1button li{ display:inline-block;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3b679e+0,2b88d9+50,207cca+51,7db9e8+100;Blue+Gloss+%232 */
background: rgb(59,103,158); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjM2I2NzllIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMmI4OGQ5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjMjA3Y2NhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(45deg,  rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
text-align:center; padding:6px 15px; border-radius:5px;}
.no1button li a{ font-size:0.913rem; font-family:Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif; color:#fff;}
.no1button li a:hover{ color:#d8f9ff;}