@charset "utf-8";
/* CSS Document */
@import url("reset.css") screen;
/**
 * 共用 + 預設部分
 -----------------------------*/
@font-face {
	font-family: 'Microsoft JhengHei UI Light';
	src: local("Microsoft JhengHei UI Light"), local("Microsoft JhengHei UI-Light"), url(../fonts/msjh.ttc);
}
body {
	font-family: "Microsoft JhengHei";
	color: #5D5D5D;
	line-height: 30px;
	background: #f1f1f1 !important;
	font-size: 16px !important;
	color: #666 !important;
  word-wrap: normal;
  /*word-break:break-all;*/
	/*line-height: 150%;
	text-align: justify;
	text-justify: inter-ideograph;*/
}

/* Global */
div { word-break: normal; }
img { max-width:100%; }

.clear{
	clear:both;
}
.cartRed {
color:#FF0000;
font-family:  'PT Serif', 'Times New Roman', Times, serif, '微軟正黑體' ;
}
.cartRed1 {
color:#F4070B;
font-family:  'PT Serif', 'Times New Roman', Times, serif, '微軟正黑體' ;
}
.cartBlack {
color:#000000;
font-family:  'PT Serif', 'Times New Roman', Times, serif, '微軟正黑體' ;
}
.cartGray {
color:#666666;
font-family:  'PT Serif', 'Times New Roman', Times, serif, '微軟正黑體' ;
}
.cartGreen {
color:#008000;
font-family:  'PT Serif', 'Times New Roman', Times, serif, '微軟正黑體' ;
}
.cartPink {
color:#FF00FF;
font-family:  'PT Serif', 'Times New Roman', Times, serif, '微軟正黑體' ;
}
.cartBlue {
color:#0066FF;
font-family:  'PT Serif', 'Times New Roman', Times, serif, '微軟正黑體' ;
}
.carttitle { 
	font-weight: 700; 
	font-family:  'PT Serif', 'Times New Roman', Times, serif, '微軟正黑體' ; 
	color:  #222222 ;
	text-align: left;
}

.container {
	color: #5D5D5D;
	margin: 0 auto;
	font-family: "Microsoft JhengHei";
	line-height: 30px;
	font-size: 16px !important;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
p {
	font-size: 16px !important;
	color: #666 !important;
	line-height: 25px;
}
body a {
	text-decoration: none;
}
body a:hover {
	text-decoration: none;
}
/* ----- TOP ----- */
.Float_desk {
	position: fixed;
	/*right: 30px;*/
	right: 340px;
	top: 270px;
	width: 50px;
	z-index: 101;
}
.Float_desk img {
	max-width: 100%;
}
.Float_desk a {
	float: left;
	position: relative;
	margin-top: 10px;
}

.Float_mobile {
	position: fixed;
	right: 10px;
	bottom: 10px;
	width: 50px;
	z-index: 102;
}
.Float_mobile img {
	max-width: 100%;
}
.Float_mobile a {
	float: left;
	position: relative;
	margin-top: 10px;
}

.Float_cart {
	position: fixed;
	bottom: 0px;
	width: 100%;
	z-index: 103;
}
.Float_cart img {
	max-width: 100%;
}
.Float_cart a {
	float: left;
	position: relative;
}

#gotop {
	cursor: pointer;
}
.top_desk {
	width: 100%;
	height: 75px;
	background: #fba400;
	vertical-align: middle;
	padding-top: 12px;
}
.top_desk img {
	float:left;
	vertical-align: middle;
}
.top {
	float: left;
	width: 100%;
	height: 100px;
	background: #FBA400;
	text-align: center;
	vertical-align: middle;
}
.logoCom {
	float: left;
	width: 100%;
	height: 100px;
	vertical-align: middle;
}
.logoCom img {
	float: center;
	height:62px;
	vertical-align: middle;
}
.topIcon {
	float: left;
	width: 100%;
	height: 35px;
	line-height: 35px;
	padding: 5px 0 35px 0;
	background: #fff;
}
.topIcon ul {
	/*width: 500px;*/
	width: auto;
	/* 取消ul樣式符號 */
	list-style-type: none;
	/* 重設ul邊界與留白為零 */
	margin: 0;
	padding: 0;/* 內有浮動元件時，需設overflow才會自動調整大小 */
}
.topIcon ul li {
	float: left;
}
.topIcon ul li img {
	padding-right: 10px;
	height:25px;
	vertical-align: middle;
}
.topIcon ul li.TopMember a{
	padding:4px 8px;
	color:#fff;
	font-size:15px;
	background:#000;
	text-transform:uppercase;
	margin-right:5px;
}
.topIcon ul li.TopMember a:hover {
	text-decoration:none;
}
.topIcon ul li.TopLogin {
	padding-right: 8px;
	border-right: 1px solid #ccc;
	line-height: 15px;
	margin-top: 8px;
}
.topIcon ul li.TopLogin a {
	padding: 5px 4px 3px 4px;
	background:#fff;
	color: #333;
	font-size:15px;
	text-align: center;
}
.topIcon ul li.TopLogin a:hover {
	background: #E3980C;
	color: #fff;
}
.topIcon ul li.TopLanguage ul {
	width: auto;
	/* 讓第二層ul跳脫文件流以利定位 */
	position: absolute;
	/* 固定寬度 */
	/* 避免出現捲軸 */
	overflow: visible;
	/* 讓ul與母階層li相同位置 */
	clear: left;
	float: left;
}
.topIcon ul li.TopLanguage ul li {
	list-style: none;
	float: none;
	text-align: center;
	padding: 0 !important;
}
.topIcon ul li.TopLanguage ul li a {
	background: #000;
	padding: 4px 5px 4px 5px;
	color: #fff;
	text-decoration: none;
	float: none;
	width: 100%;
	font-size: 15px;
}
li.TopLanguage ul li ul {
	/* 預先隱藏第二層 */
	visibility: hidden;
}
li.TopLanguage ul li:hover ul {
	/* 觸動第一層時，顯示第二層 */
	visibility: visible;
	z-index:104;
}
.topIcon ul li.TopLanguage ul li:hover a {
	border: 1px solid #000;
	background: rgba(255,255,255,.0);
	color: #000;
}
.topIcon ul li.TopLanguage ul li span {
	/*position: absolute;*/
	/*left: 33px;*/
	color: #666;
	top: 0px;
	padding: 3px 5px;
	line-height: 30px;
}
.topIcon ul li.TopLanguage ul li:hover a span {
	background: #000;
	color: #fff;
}
.topIcon ul li.TopLanguage ul li ul {
	margin-top: -4px;
	border: 1px solid #000;
	width: 120px;
	margin-left: 12px;
	padding: 8px 0;
	background: #fff;
	font-size: 15px;
	line-height: 30px;
	margin-left: 17px;
}
.topIcon ul li.TopLanguage ul li ul li {
	padding: 10px 0;
	background: #fff;
}
.topIcon ul li.TopLanguage ul li ul li:hover {
	padding: 10px 0;
	background: #F7CB77;
}
.topIcon ul li.TopLanguage ul li ul li a:after {
	content: no-close-quote;
}
.topIcon ul li.TopLanguage ul li ul li a {
	background: rgba(255,255,255,.0);
	color: #000;
	width: 100%;
}
.topIcon ul li.TopLanguage ul li ul li a {
	border: none !important;
	background: rgba(204,204,204,0);
	color: #000;
}
.topIcon ul li.TopLanguage ul li ul li a:hover {
	border: none !important;
	background: rgba(204,204,204,0);
	color: #000;
}
/* ----- 下面 ----- */
.copyright {
	float: left;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 30px;
	background: #C7C7C7;
	font-size: 15px;
}
.copyright ul {
	width: 710px;
	margin: 0 auto;
}
.copyright ul li div {
	/*padding:5px 0 5px 0;*/
	line-height: 23px;
	background: #000;
	text-align: center;
	width: 100%;
}
.copyright ul li:hover div {
	background: #595959;
}
.copyright ul li a {
	color: #fff;
}
.bottom {
	float: left;
	width: 100%;
	padding: 20px 0px 32px 0px;
	margin-top: 30px;
}
.bottom ul {
	width: 305px;
	margin: 0 auto;
}
.bottom ul li img {
	max-width: 100%;
}
/**
 * 頁面
 -----------------------------*/
.title01 {
	background: url(../img/page01/page02_01h3.png) no-repeat left top;
	padding-left: 10px;
	line-height: 50px;
	font-size:18px;
	color: #55A9A9;
	margin: 10px 0;
	float: left;
	width: 100%;
	font-weight: bold;
} 

/**
 * 首頁
 -----------------------------*/
.IndexBanner {
	padding-top: 0px;
}
.banner1 {
	background: #FFFFFF;
	float: left;
	width: 100%;
}
.banner {
	background: #87CBB8;
	float: left;
	width: 100%;
}
.containerBanner {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
	width: 1025px;
}
.bannerNav {
	float: left;
	width: auto;
}
.bannerNav ul li {
	float: left;
	font-size: 16px;
	/*border: 1px solid #000;*/
	/*padding: 0 23px;
	line-height: 60px;*/
}
.bannerNav ul li ul li {
	padding: 0;
}
.bannerNav ul li a {
	color: #fff;
	text-transform: uppercase;
}
.bannerNav ul li a:hover {
	color: #000;
}
.bannerImg {
	float: left;
	width: 100%;
}
.bannerImg img {
	width: 100%;
}

.carousel-control.left {
    right: auto;
    left: 20px;
    top:45%;
    width: 26px;
    background-image:none !important;
    background-image:none !important;
    background-image:none !important;
    background-image:none !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
} 
.carousel-control.right {
    right: 20px;
    left: auto;
    top:45%;
    width: 26px;
    background-image:none !important;
    background-image:none !important;
    background-image:none !important;
    background-image:none !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}
.index {
	float: left;
	width: 100%;
	background: url(../img/index/indexBg1200UP.jpg) no-repeat top center;
	background-size: cover;
}
.IndexProduct {
	background: #F1F1F1;
	margin-bottom: 0px;
}
.IndexProduct ul li {
	float: left;
}
.IndexProduct ul li a:hover p {
	text-decoration: underline;
}
.IndexProduct ul li a:hover h1 {
	padding: 5px 0 5px 5px;
	border-bottom: 1px solid #B96C04;
}
/*.IndexProduct ul li > div {
	float: left;
	border: 2px solid #fff;
	border-top: 0;
	margin-top: 50px;
	margin-bottom: 0px;
	width: 100%;
}*/

.IndexProduct table tr td {
	border: 2px solid #fff;
}

.IndexProduct table tr td > div {
	/*float: left;
	border: 2px solid #fff;
	border-top: 0;*/
	margin-top: 50px;
	margin-bottom: 0px;
	width: 100%;
}
.IndexProduct table tr td a:hover p {
	text-decoration: underline;
}
.IndexProduct table tr td a:hover h1 {
	text-decoration: underline;
}
.IndexProductLine {
	float: left;
	width: 100%;
	position: relative;
	top: 5px;
	padding: 0 5px;
	border: 2px solid #fff !important;
}
.IndexProductImg {
	float: left;
	width: 50%;
}
.IndexProductImg img {
	width: 100%;
	/*margin-top: 50px;*/
}
.IndexProductContent {
	float: left;
	width: 50%;
}
.IndexProductContent p {
	/*margin-top: 50px;*/
	float: left;
	width: 100%;
	font-weight: normal;
	/*line-height: 21px;*/
	padding: 0 0 5px 5px;
	overflow: hidden;
	color: #3B3B3B !important;
}
.IndexProductContent h1 {
	float: left;
	color: #B96C04 !important;
	font-size: 25px;
	font-family: "Microsoft JhengHei";
	font-weight: bold;
	padding: 5px 0 5px 5px;
	border-bottom: 1px solid #F1F1F1;
	text-align: left;
}
.IndexProductContent h1 span {
	font-size: 16px;
	font-weight: normal;
}
.IndexProductA {
	float: left;
	width: 100%;
	margin-top: 0px;
}
.IndexProductA div {
	z-index: 105;
	position: relative;
	top: 0px;
	left: 70px;
	margin: 0 auto;
	width: 47px;
	height: 48px;
	background: url(../img/index/IndexProductCar.jpg) no-repeat center;
}
a:hover .IndexProductA div {
	background: url(../img/index/IndexProductCar-hover.jpg);
}
.IndexContent {
	float: left;
	width: 100%;
	margin-top: 50px;
	background: #fff;
}
.IndexContent ul {
	/*background: #F9F8F8;*/
}
.IndexContent ul li.IndexContentBorder {
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}
.IndexContent img {
	width: 100%;
}
.IndexContentImg {
	float: left;
	position: relative;
	width: 100%;
	text-align: center;
	border: 0px solid #000;	
}
.IndexContent h1 {
	font-size: 19px;
	width: 100%;
	line-height: 40px;
	margin-bottom: 0px;
	position: absolute;
	bottom: 0;
	text-align: center;
	color: #fff !important;
	background: url(../img/index/IndexContentP.png) repeat bottom center;
	z-index: 106;
}
.IndexContent02 {
	float: left;
	width: 100%;
}
.IndexContent02 p {
	padding: 0px 15px 0px 15px;
	margin: 20px 0 20px 0;
	float: left;
	height: auto;
	border: 0px solid #000;
}
.IndexContent03 {
	float: left;
	width: 100%;
}
.IndexContent03 p {
	padding: 15px 15px 0px 15px;
	margin: 0 0 20px 0;
	float: left;
	height: auto;
	border: 0px solid #000;
}
.IndexContentLink {
	float: left;
	width: 100%;
	/*margin-top: 15px;*/
}
.IndexContentLink02 {
	float: left;
	width: 100%;
	/*margin-bottom: 10px;*/
}
.IndexVideo {
	float: left;
	width: 100%;
	margin-top: 90px;
}
.IndexVideo > div {
	width: 50%;
	
}
.IndexVideo > div img {
	width: 100%;
}
.IndexVideo > div p {
	margin: 0 auto;
	padding: 0 5px;
}
.IndexVideoContent01 {
	float: left;
}
.IndexVideoContent02 {
	float: right;
}
/**
 * JOIN
 -----------------------------*/
.join {
	float: left;
	width: 100%;
	font-size: 16px;
	padding-bottom: 20px;
}
.join h1 {
	float: left;
	width: 100%;
	text-align: center;
	/*background: #fff;*/
}
.join h1 p {
	font-size: 23px !important;
	color: #3b3b3b;
	line-height: 50px;
	text-transform: uppercase;
}
.container00 {
	float: left;
	width: 100%;
}
.joinContent {
	float: left;
	width: 100%;
	background: #86CAB7;
	/*padding: 49px 0;*/
}
.joinContent ul {
	width: 80%;
	margin: 0 auto;
}
.joinContent ul li {
	border-bottom: 1px solid #fff;
	float: left;
	width: 100%;
	margin: 0 auto;
	/*margin-bottom: 15px;*/
}
.joinContent ul li p {
	float: left;
	padding-top:10px;
	padding-bottom:10px;
	color: #fff !important;
}
.joinContent ul li p:after {
	content: " : "
}
.joinContent ul li input,select,textarea {
	float: left;
	width: 100%;
	border: 0;
	background: #F1F1F1;
	background-color: #F1F1F1;
}
.joinContent ul li ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #f1f1f1;
    opacity: 0; /* Firefox */
}
.joinContent ul li :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #f1f1f1;
}

.joinContent ul li ::-ms-input-placeholder { /* Microsoft Edge */
    color: #f1f1f1;
} 
.joinContent ul li select {
	/*width: 233px;
	border: none;
	height: 31px;
	margin-top: -15px;*/
	border: 2px solid #86CAB7;
}
.joinContent ul li input {
	width: 100%;
	border: 2px solid #86CAB7;
}
.joinContent ul li select {
	width: 100%;
	border: 2px solid #86CAB7;
}
.joinContent ul li textarea {
	width: 100%;
	border: 2px solid #86CAB7;
}
.joinContent ul li input:focus {
	color: #6ea391;
  border: 2px solid #62BAAC;
  outline: 0;
}
.joinContent ul li select:focus {
	/*color: #6ea391;*/
  border: 2px solid #62BAAC;
  outline: 0;
}
.joinContent ul li textarea:focus {
	color: #6ea391;
	border: 2px solid #62BAAC;
	outline: 0;
}

.joinContent1 ul {
	width: 80%;
	margin: 0 auto;
}
.joinContent1 ul li p {
	float: left;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:25px;
}
.joinContent1 ul li p:after {
	content: " : "
}
.joinContent_ul1 ul {
	width: 60%;
}


.JoinAccount {
	color: #F7CB77;
}
.JoinMail {
	
}
.JoinGender a {
	border-radius: 5px;
	margin-right: 30px;
	color: #fff;
	text-decoration: none;
	padding: 5px 10px;
	border: 2px solid #86CAB7
}
.JoinGender a:hover {
	/*background: #F7CB77;*/
	text-decoration: none;
	border: 2px solid #fff;
	color: #fff;
}
.JoinGender a.active {
	text-decoration: none;
	border: 2px solid #fff;
	color: #fff;
}

.JoinGender1 a {
	border-radius: 5px;
	margin-right: 30px;
	color: #333;
	text-decoration: none;
	padding: 5px 10px;
	border: 2px solid #f1f1f1
}
.JoinGender1 a:hover {
	/*background: #F7CB77;*/
	text-decoration: none;
	border: 2px solid #666;
	color: #e08d24;
}
.JoinGender1 a.active {
	background: #FFF;
	text-decoration: none;
	border: 2px solid #666;
	color: #333;
}

.JoinGender__old a.active {
	background: #F7CB77;
	border: 1px solid #fff;
	color: #fff;
}
.JoinShip input {
	max-width: 235px !important;
	width: 100% !important;
	border: 1px solid #ccc !important;
	background: #fff !important;
}
.JoinBottom {
	float: left;
	width: 100%;
	background: #5DAB95;
	padding: 25px 0;
	text-align: center;
	color: #F2F2F2;
}
.JoinBottom a {
	color: #FFDFA5;
	float: center;
	width: auto;
	margin-top: 20px;
	text-decoration: underline;
}
.JoinBottom a:hover {
	color: #FFDFA5;
	text-decoration: none;
}

.JoinBottom1 {
	float: left;
	width: 100%;
	background: #E0E0E0;
	padding: 25px 0;
	text-align: center;
	color: #F2F2F2;
}

.JoinText {
	float: left;
	width: 100%;
	background: #86CAB7;
	padding: 10px 0 40px 0;
	text-align: center;
	color: #fff;
}
.JoinText span {
	text-decoration: underline;
}
/**
 * 頁面01
 -----------------------------*/
.pagecontent {
	float: left;
	width: 100%;
}
.pagecontent h2 {
	float: left;
	width: 100%;
	text-align: center;
	background: #87CBB8;
	font-size: 25px;
	color: #fff;
	padding: 15px 0;
	text-transform: uppercase;
}
.pagecontentNav {
	float: left;
	width: 100%;
	background: #87CBB8;
}
.pagecontentNav ul {
	width: 105%;
	margin-left: -15px;
}
.pagecontentNav ul li {
	float: left;
	font-size: 16px;
	text-transform: uppercase;
}
.pagecontentNav ul li a {
	float: left;
	color: #fff;
	padding: 30px 28px 5px 29px;
	border-bottom: 2px solid #87CBB8;
}
.pagecontentNav ul li a:hover {
	border-bottom: 2px solid #fff;
	background: #61BAAD;
}
.pagecontentNav02 {
	float: left;
	width: 100%;
	margin: 15px 0;
	padding-bottom: 27px;
	border-bottom: 1px solid #ddd;
}
.pagecontentNav02 ul {
}
.pagecontentNav02 ul li {
	float: left;
	font-size: 17px;
}
.pagecontentNav02 ul li a {
	color: #999;
	padding: 5px 10px;
}
.pagecontentNav02 ul li a:hover {
	color: #333
}
.pagecontentNav02 ul li a.active {
	border-radius: 5px;
	border: 2px solid #999;
}
.page01Content {
	float: left;
	width: 100%;
	padding-top: 30px;
}
.page01Content h1 {
	font-size: 16px;
	color: #656565;
	margin-bottom: 15px;
}
.page01Content p {
	margin-bottom: 40px;
}
.page01Content img {
	margin-bottom: 40px;
	width: 50%;
	/*width: 100%;*/
}
.page02Content {
	float: left;
	width: 100%;
	margin-top: 32px;
}
.page02Content h1 {
	font-size: 21px;
	margin-top: 50px;
	font-weight:bold;
}
.page02Content h1 span {
	font-size: 18px;
	color: #55A9A9;
}
.page02Content ul {
	width: 100%;
	float: left;
	margin-top: 20px;
}
.page02Content ul li {
	float: left;
}
.page02Content ul li > div {
	margin-bottom: 40px;
	width: 100%;
	float: left;
}
.page02Content ul li div img {
	/***float: left;***/
	width: 100% !important;
	/***border: 2px solid #fff;***/
	/***margin-bottom: 25px;***/
}
.page02Content ul li h1 {
	float: left;
	color: #55A9A9;
	width: 100%;
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 25px;
	height: 26px;
	overflow: hidden;
}
.page02Content ul li div a:hover h1 {
	text-decoration: underline;
}
.page02Content ul li h3 {
	float: left;
	width: 100%;
	color: #55A9A9;
	font-weight: normal;
	line-height: 20px;
	height: 65px;
	overflow: hidden;
	margin-bottom: 7px;
}
.page02Content ul li div a:hover h3 {
	text-decoration: underline
}
.page02Content ul li p {
	float: left;
	width: 100%;
	color: #3b3b3b;
	height: auto;
	overflow: hidden;
	line-height: 23px;
}
.page02Content ul li div.page02Img {
	float: left;
	width: 100%;
	color: #3b3b3b;
	height: 48px;
	background: url(../img/page01/page02Img.png) no-repeat center top;
	margin-top: 25px;
	margin-bottom: 30px;
}
.page02Content ul li div a:hover div.page02Img {
	float: left;
	width: 100%;
	color: #3b3b3b;
	background: url(../img/page01/page02Img-hover.png) no-repeat center top;
}
.page05Content ul li div.page02Img {
	float: left;
	width: 100%;
	color: #3b3b3b;
	height: 48px;
	background: url(../img/page01/page02Img.png) no-repeat center top;
	margin-top: 25px;
	margin-bottom: 5px;
}
.page05Content ul li div a:hover div.page02Img {
	float: left;
	width: 100%;
	color: #3b3b3b;
	background: url(../img/page01/page02Img-hover.png) no-repeat center top;
}
.page02Img02 {
	width: 100%;
}
.page02Img02 img {
	width: 50%;
	margin: 10px 0;
}
/* 02_01 */
.page02_01Content h1 {
	width: 100%;
	float: left;
	text-align: right;
}
.page02_01Content h1 span {
	color: #8D5B17;
	padding: 5px 10px;
	background: #FFFFEE;
}
.page02_01Nav02 {
	float: left;
	width: 100%;
	margin: 15px 0;
}
.page02_01Nav02 ul {
}
.page02_01Nav02 ul li {
	float: left;
	font-size: 17px;
}
.page02_01Nav02 ul li a {
	color: #999;
	padding: 5px 10px;
}
.page02_01Nav02 ul li a:hover {
	color: #333
}
.page02_01Nav02 ul li a.active {
	border-radius: 5px;
	border: 2px solid #999;
}
.page02_01Top {
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 0px;
}
.page02_01TopLeft {
	float: left;
	/*line-height: 450px;*/
	padding-top:100px;
}
.page02_01TopLeft img {
	width: 100%;
	margin-bottom: 0px;
	border: 2px solid #fff;
}
.page02_01TopRight {
	color: #3B3B3B;
}
.page02_01TopRight h4 {
	text-align: right;
	margin-bottom: 15px;
	float: left;
	width: 100%;
}
.page02_01TopRight h4 span {
	font-size: 48px;
}
.page02_01TopRight02 {
	float: left;
	width: 100%;
	border-top: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
	padding: 15px 0;
}
.page02_01TopRight02 p {
	color: #55A9A9 !important;
	text-align: right;
}
.page02_01TopRight02Button {
	float: right;
	text-align: center;
}
.page02_01TopRight02Button02 {
	float: left;
	padding-top: 12px;
	padding-bottom: 5px;
}
.page02_01TopRight02Button02 .Spinner {
	margin-right: 0px;
}
.page02_01TopRight02Button02 .Spinner a {
	margin-left: 0px;
}
.page02_01TopRight02Button03 {
	width:100%;
	float:left;
}
.page02_01TopRight02Button03 .Spinner {
	width:auto;
	margin-right: 0px;
}
.page02_01TopRight02Button02 a {
	margin-left: 15px;
	float: left;
}
.page02_01TopRight03 {
	text-align: right;
}
.page02_01TopRight03 {
	margin: 10px 0;
	text-align: right;
	width: 100%;
	/*padding-right: 20px;*/
	padding-bottom: 10px;
}
.page02_01TopRight03 p {
	color: #3B3B3B !important;
}

.page02_01Input h3 {
	float:left;
	width:100%;
	text-align:left;
}

.page02_01Word {
	float:left;
	width:100%;
}
.page02_01Word img {
	/*width: 100%;*/
	float: center;
	text-align: center;
	max-width: 100%;
	margin-bottom: 10px;
}
.page02_01Word ul {
	float:left;
	width:100%;
	margin-bottom:30px;
}
.page02_01Word ul li{
	float:left;
	width:100%;
	margin-bottom:20px;
}
.page02_01Word ul li h6 {
	color:#55A9A9;
	float:left;
	width:100%;
	background:url(../img/page01/page02_01h3.png) no-repeat left center;
	padding-left:20px;
	margin-bottom:1px;
	font-size:18px;
	font-weight:bold;
}
.page02_01Word ul li p {
	height:auto;
	overflow:hidden;
}
.page02_01Back {
	border: 0px solid #000;
	width:100%;
	float:right;
	text-align: right;
	padding-top:20px;
}
.page02_01Input {
	float: left;
	width: 100%;
	text-align: right;
}
.page02_01Input ul {
	float: right;
	/*width: 800px;*/
	width: 100%;
	border: 0px solid #000;
}
.page02_01Input ul li {
	float: right;
	line-height: 25px;
	margin-bottom: 10px;
}
.page02_01Input ul li div.page02_01Select {
	/*background: #fff;*/
	font-size: 14px;
	line-height: 25px;
	float: left;
}
.page02_01Input ul li select.page02_01Select02 {
	width: 90px;
	padding-left:0%;
	border: 2px solid #999;
	color: #fff !important;
	background:#999;
	float:left;
	margin-top:1px;
	margin-right:5px;
}
.page02_01Input ul li p {
	background: #f1f1f1;
	color: #3B3B3B !important;
	text-align: right;
	width: auto;
	border: 0px solid #000;
	float: left;
	margin-right:5px;
}
.page02_01Input ul li div.page02_01Select select {
	width: 350px;
	height: 29px;
	padding-left: 5px;
	padding-right: 25px;
	/*border: 2px solid #c6c6c6;*/
	color: #999;
	overflow: hidden;
  -webkit-appearance:none;
  -moz-appearance:none;
  -o-appearance:none;
   appearance:none; 
	/*background: url(../img/arrow_black.png) no-repeat scroll 98% center transparent;*/
	/*background: url(../img/arrow_black.png) no-repeat right white;*/
	background: url(../img/arrow_black1.png) no-repeat scroll 100% center transparent;
	background-color: #fff;
	/*background-position-x: 326px;*/
}
.page02_01Input ul li div.page02_01Select select::-ms-expand {
  display:none;
}

.page02_01Input ul li div.page02_01Select select:focus {
  border: 2px solid #62BAAC;
  outline: 0;
}

.page02_01Net {
	text-align:right;
	/*background:#fff;*/
	margin-left:-15px;
	width:100%;
	padding: 20px 0;
	/*border-bottom:1px solid #c7c7c7;*/
	float:left;
	width:100%;
}
.page02_01Net h3{
	float:left;
	width:100%;
	color:#74B9B9;
	margin-bottom:20px !important;
}
.page02_01Net h4 {
	float:left;
	width:100%;
	color:#74B9B9;

	color:#3b3b3b
}
.page02_01Net h4 > span{
	font-size:40px;
}
.page02_01Img {
	float:left;
	width:100%;
}
.page02_01Img img {
	width:100%;
}
.page02_01Img p {
	width:100%;
	margin-bottom:20px;
}
.page02_01Input ul li div.page02_01Img p {
	color:#3b3b3b !important
}
.page02_01Img02 {
	float:left;
	width:100%;
}
.page02_01Img02 img {
	width:100%;
	margin-bottom:10px;
}
/* 03 */
.page03Content {
	float: left;
	width: 100%;
	margin-top: 32px;
}
.page03Content ul {
	width: 100%;
	float: left;
	margin-top: 20px;
}
.page03Content ul li {
	float: center;
}

.page03Content ul li > div {
	/*border-bottom: 2px solid #fff;*/
	width: 100%;
}

.page03Content ul li div img {
	width: 100% !important;
	/*border: 2px solid #fff;
	margin-bottom: 25px
	*/
}
.page03ContentImg004 {
	text-align: center;
}
.page03ContentImg04 {
	position: absolute;
	max-width: 38%;
	opacity: 0;
	float: left;
}
.page03Content ul li div a:hover .page03ContentImg04 {
	opacity: .2
}
.page03Content ul li h1 {
	float: left;
	color: #55A9A9;
	width: 100%;
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 25px;
}
.page03Content ul li div a:hover h1 {
	text-decoration: underline
}
.page03Content ul li h3 {
	float: left;
	width: 100%;
	color: #55A9A9;
	font-weight: normal;
	line-height: 20px;
	/*height: 45px;*/
	overflow: hidden;
}
.page03Content ul li div a:hover h3 {
	text-decoration: underline
}
.page03Content ul li p {
	float: left;
	width: 100%;
	color: #3b3b3b;
	/*height: 120px;*/
	overflow: hidden;
	line-height: 23px;
}
.page03Content ul li div.page03Img {
	float: left;
	width: 100%;
	color: #3b3b3b;
	height: 48px;
	background: url(../img/page01/page02Img.png) no-repeat center top;
	margin-top: 25px;
	margin-bottom: 30px;
}
.page03Content ul li div a:hover div.page03Img {
	float: left;
	width: 100%;
	color: #3b3b3b;
	background: url(../img/page01/page02Img-hover.png) no-repeat center top;
}
.page03Img02 {
	float: left;
	width: 100%;
}
.page03Img02 img {
	width: 100%;
	float: left;
	margin: 25px 0;
}
.page03_01Content h1 {
	width: 100%;
	float: left;
	text-align: right;
}
.page03_01Content h1 span {
	color: #8D5B17;
	padding: 5px 10px;
	background: #FFFFEE;
}
.page03_01Nav02 {
	float: left;
	width: 100%;
	margin: 15px 0;
}
.page03_01Nav02 ul {
}
.page03_01Nav02 ul li {
	float: left;
	font-size: 17px;
}
.page03_01Nav02 ul li a {
	color: #999;
	padding: 5px 10px;
}
.page03_01Nav02 ul li a:hover {
	color: #333
}
.page03_01Nav02 ul li a.active {
	border-radius: 5px;
	border: 1px solid #999;
}
.page03_01Top {
	float: left;
	width: 100%;
	margin-top: 30px;
}
.page03_01TopLeft {
	float: left;
	padding-top:100px;
}
.page03_01TopLeft img {
	width: 100%;
	border: 2px solid #fff;
}
.page03_01TopRight {
	color: #3B3B3B;
}
.page03_01TopRight h4 {
	text-align: right;
	margin-bottom: 15px;
	float: left;
	width: 100%;
}
.page03_01TopRight h4 span {
	font-size: 48px;
}
.page03_01TopRight02 {
	float: left;
	width: 100%;
	border-top: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
	padding: 15px 0
}
.page03_01TopRight02 p {
	color: #55A9A9 !important;
	text-align: right;
}
.page03_01TopRight02Button {
	float: right;
	text-align: center;
}
.page03_01TopRight02Button02 {
	float: left;
}
.page03_01TopRight02Button02 .Spinner {
	margin-right: 0px;
}
.page03_01TopRight02Button02 .Spinner a {
	margin-left: 0px;
}
.page03_01TopRight02Button03 {
	float: left;
}
.page03_01TopRight02Button03 .Spinner {
	margin-right: 0px;
}
.page03_01TopRight02Button02 a {
	margin-left: 15px;
	float: left;
}
.page03_01TopRight03 {
	text-align: right;
}
.page03_01TopRight03 {
	/*margin: 20px 0;*/
	margin: 10px 0;
	float: left;
	width: 100%;
	/*padding-right: 20px;*/
	padding-bottom: 10px;
}
.page03_01TopRight03 p {
	color: #3B3B3B !important;
}
.page03_01Word {
	float:left;
	width:100%;
}
.page03_01Word img {
	width: 100%;
	margin-bottom: 20px;
}
.page03_01Word p {
	float:left;
	width:100%;
	margin-bottom:20px;
}
.page03_01Word ul {
	float:left;
	width:100%;
	margin-bottom:0px;
}
.page03_01Word ul li{
	float:left;
	width:100%;
	margin-bottom:0px;
}
.page03_01Word ul li h6 {
	color:#55A9A9;
	float:left;
	width:100%;
	background:url(../img/page01/page02_01h3.png) no-repeat left center;
	padding-left:20px;
	margin-bottom:20px;
	font-size:18px;
	font-weight:bold;
}
.page03_01Word ul li p {
	height:250px;
	overflow:hidden;
}
.page03_01Input {
	float: left;
	width: 100%;
	text-align: right;
}
.page03_01Input ul {
	float: right;
	width: 700px;
}
.page03_01Input ul li {
	float: left;
	line-height: 25px;
	margin-bottom: 10px;
}
.page03_01Input ul li div.page03_01Select {
	background: #fff;
	font-size: 14px;
	line-height: 25px;
	float: left;
}
.page03_01Input ul li p {
	background: #f1f1f1;
	color: #3B3B3B !important;
	text-align: right;
	width: 350px;
	float: left;
	padding-right: 20px;
}
.page03_01Input ul li select {
	width: 350px;
	/*padding-left: 30%;*/
	padding-left: 1px;
	border: 2px solid #c6c6c6;
	color: #999;
	/*appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: url(../img/arrow_black.png) no-repeat scroll 98% center transparent;*/
}
.page04Content {
	float: left;
	width: 100%;
}
.page04Content h1 {
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 50px;
	background: #FFFFEE;
}
.page04Content h1 span {
	color: #8D5B17;
}
.page04Nav {
	float: left;
	width: 100%;
}
.page04Nav ul li {
	background: #A7E3D2;
	text-align: center;
	padding: 10px 0;
	margin-top: 3px;
}
.page04Nav ul li a {
	color: #fff;
}
.page04Nav ul li:hover {
	background: #87CBB8;
}
.page04Products {
	float: left;
	width: 100%;
}
.page04Products ul {
	margin-top:10px;
	border-bottom: 1px solid #ddd;
}
.page04Products ul li {
}
/*
.page04Products ul li a {
	float: left;
	width: 100%;
}
*/
.page04ProductsImg {
	margin-bottom: 10px;
}
.page04ProductsImg img {
	border: 2px solid #fff;
	width: 50%;
}
img.page04ContentImg04 {
	position: absolute;
	max-width: 90%;
	opacity: 0;
	float: left;
}
.page04Products ul li a:hover .page04ContentImg04 {
	opacity: .2
}
.page04ProductsImg {
	float: left;
	width: 100%;
}
.page04ProductsPrice {
	float: left;
	color: #B96C04;
	margin-top: 10px;
}
.page04ProductsPrice span {
	padding-left: 5px;
	font-size: 25px;
	font-weight: bold;
}
.page04MaxMin {
	float: left;
	width: 100%;
	margin-top: 8px;
}
.page04MaxMin a {
	float: left;
	width: auto !important;
}
.page04_01Content h1 {
	width: 100%;
	float: left;
	text-align: right;
}
.page04_01Content h1 span {
	color: #8D5B17;
	/*padding: 5px 10px;*/
	background: #FFFFEE;
}
.page04_01Nav02 {
	float: left;
	width: 100%;
	margin: 15px 0;
}
.page04_01Nav02 ul {
}
.page04_01Nav02 ul li {
	float: left;
	font-size: 17px;
}
.page04_01Nav02 ul li a {
	color: #999;
	padding: 5px 10px;
}
.page04_01Nav02 ul li a:hover {
	color: #333
}
.page04_01Nav02 ul li a.active {
	border-radius: 5px;
	border: 1px solid #999;
}
.page04_01Top {
	float: left;
	width: 100%;
	margin-top: 30px;
}
.page04_01TopLeft {
	float: left;
	padding-top:25px;
}
.page04_01TopLeft img {
	width: 100%;
	border: 2px solid #fff;
}
.page04_01TopRight {
	color: #3B3B3B;
}
.page04_01TopRight h4 {
	text-align: right;
	margin-bottom: 15px;
	float: left;
	width: 100%;
}
.page04_01TopRight h4 span {
	font-size: 48px;
}
.page04_01TopRight02 {
	float: left;
	width: 100%;
	border-top: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
	padding: 15px 0
}
.page04_01TopRight02 p {
	color: #55A9A9 !important;
	text-align: right;
}
.page04_01TopRight03 {
	text-align: right;
}
.page04_01TopRight02Button {
	float: right;
	text-align: center;
}
.page04_01TopRight02Button02 {
	float: left;
}
.page04_01TopRight02Button02 .Spinner {
	margin-right: 0px;
}
.page04_01TopRight02Button02 .Spinner a {
	margin-left: 0px;
}
.page04_01TopRight02Button03 {
	float: left;
}
.page04_01TopRight02Button03 .Spinner {
	margin-right: 0px;
}
.page04_01TopRight02Button02 a {
	margin-left: 15px;
	float: left;
}
.page04_01TopRight03 {
	margin: 20px 0;
	float: left;
	width: 100%;
}
.page04_01TopRight03 p {
	color: #3B3B3B !important;
}
.page03_01Word {
	float:left;
	width:100%
}
.page04_01Word img {
	width: 100%;
	margin-bottom: 20px;
}
.page05Content {
	float: left;
	width: 100%;
	margin-top: 30px;
}
.page05Content h1 {
	font-size: 21px;
	margin-top: 20px;
	font-weight:bold;
}
.page05Content h1 span {
	font-size: 18px;
	color: #55A9A9;
}
.page05Content ul {
	width: 100%;
	float: left;
	margin-top: 20px;
}
.page05Content ul li {
	float: left;
}
.page05Content ul li > div {
	margin-bottom: 40px;
	width: 100%;
	float: left;
}
.page05Content ul li div img {
	/***float: left;***/
	width: 100% !important;
	/***border: 2px solid #fff;***/
	/***margin-bottom: 25px;***/
}
/***.page05ContentImg04 {
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	opacity: 0;
	float: left;
}
.page05Content ul li div a:hover .page05ContentImg04 {
	opacity: 1.2
}***/
.page05Content ul li h1 {
	float: left;
	color: #55A9A9;
	width: 100%;
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 25px;
	height: 26px;
	overflow: hidden;
}
.page05Content ul li div a:hover h1 {
	text-decoration: underline;
}
.page05Content ul li h3 {
	float: left;
	width: 100%;
	color: #55A9A9;
	font-weight: normal;
	line-height: 20px;
	height: 65px;
	overflow: hidden;
	margin-bottom: 7px;
}
.page05Content ul li div a:hover h3 {
	text-decoration: underline
}
.page05Content ul li p {
	float: left;
	width: 100%;
	color: #3b3b3b;
	height: auto;
	overflow: hidden;
	line-height: 23px;
}
.page05Content ul li div.page05Img {
	float: left;
	width: 100%;
	color: #3b3b3b;
	height: 48px;
	background: url(../img/page01/page05Img.png) no-repeat center top;
	margin-top: 10px;
	margin-bottom: 20px;
}
.page05Content ul li div a:hover div.page05Img {
	float: left;
	width: 100%;
	color: #3b3b3b;
	background: url(../img/page01/page05Img-hover.png) no-repeat center top;
}

.page05Content ul li div a:hover div.page03Img {
	float: left;
	width: 100%;
	color: #3b3b3b;
	background: url(../img/page01/page02Img-hover.png) no-repeat center top;
}
.page05Img02 {
	float: left;
	width: 100%;
}
.page05Img02 img {
	width: 100%;
	float: left;
	margin: 25px 0;
}
.page05_01Content {
	float: left;
	width: 100%;
}
.page05_01Content h1 {
	font-size: 18px;
	color: #55A9A9;
	margin-top: 50px;
}
.page05_01Content h1 p {
	font-size: 16px;
	color: #656565;
	margin-top: 10px;
	line-height: 20px;
}
.page05_01Video {
	float: center;
	text-align: center;
}
.page05_01Video img, .page05_01Video iframe {
	/*width: 100%;*/
	margin: 10px 0;
	float: center;
	text-align: center;
}
.page06Content {
	float: left;
	width: 100%;
}
.page06Content h1 {
	float: left;
	width: 100%;
	font-size: 21px;
	color: #55A9A9;
	padding-top: 5px;
	padding-bottom: 15px;
	font-weight:bold;
}
.page06Content02 {
	float: left;
	width: 100%;
	border: 0px solid #000;
}
.page06Content02 ul li {
	float: left;
	margin:0;
}
.page06Content02 ul li div {
	vertical-align: top;
	/*border-bottom: 2px solid #fff;*/
	padding-top: 10px;
	padding-bottom: 30px;

}
.page06Content02 ul li img {
	width: 90%;
}
.page06Content02 ul li iframe {
	width: 100%;
}
.page06Content02 ul li h4 {
	font-weight: bold;
	margin-top: 10px;
	height: 30px;
	line-height: 25px;
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
}
.page06Content02 ul li p {
	line-height: 25px !important;
	overflow: hidden;
	/*height: 100px;*/
	padding-left: 10px;
	padding-right: 10px;
}
.page08Content {
	float: left;
	width: 100%;
}
.page08Content h1 {
	float: left;
	width: 100%;
	font-size: 21px;
	color: #55A9A9;
	padding-top: 15px;
	padding-bottom: 30px;
	font-weight:bold;
}
/******
.page08Nav {
	float:left;
	width:100%;
	margin-bottom:15px;
}
.page08Nav ul {
	float:left;
	width:100%;
}
.page08Nav ul li {
	float:left;
	width:50%;
	height:100%;
	text-align:center;
	padding: 10px 0;
	border-bottom:1px solid #55A9A9;
	border-right:1px solid #55A9A9;
}
.page08Nav ul li.page08NavBottom {
	border-bottom:0;
}
.page08Nav ul li.page08NavRight {
	border-right:0;
}

.page08Nav ul li a{
	color:#55a9a9;
}
.page08Nav ul li:hover {
	color:#55a9a9;
	background:#fff;
	font-weight:bold;
}
.page08Nav ul li .active {
	color:#55a9a9;
	background:#fff;
	font-weight:bold;
}
******/
.page08Nav {
	float:left;
	width:100%;
	margin-bottom:15px;
}
.page08Nav table {
	float:left;
	width:100%;
}
.page08Nav table tr td {
	text-align:center;
	padding: 10px 0;
}
.page08Nav table td a{
	color:#55a9a9;
}
.page08Nav table td:hover {
	color:#55a9a9;
	background:#fff;
	font-weight:bold;
}
.page08Nav table td a .active {
	color:#55a9a9;
	/*background:#fff;*/
	font-weight:bold;
}
.top_td_active {
	color:#55a9a9;
	background:#fff;
	font-weight:bold;
}
.top_td1 {
	border-right:1px solid #55A9A9;
	border-bottom:1px solid #55A9A9;
}
.top_td2 {
	border-bottom:1px solid #55A9A9;
}
.page08Com {
	float:left;
	width:100%;
	padding-top:9px;
}
.page08Com ul li {
	float:left;
	width:100%;
	margin-bottom:25px;
}
.page08Com ul li h4 {
	color:#55a9a9;
	padding:5px 10px;
	border:2px solid #55a9a9;
	background:#fff;
	float:left;
	margin-bottom:15px;
}
.page08Com ul li h4:before {
	content:"Q : "
}
.page08Com ul li p {
	float:left;
	width:100%;
}
.page08Com ul li img {
	width:50%;
	margin:10px 0
}
.page08Phone {
	float:left;
	width:100%;
}
.page08Phone img {
	width:100%;
}

.page08Phone .accordion {
 	width: 100%;
 	-webkit-border-radius: 4px;
 	-moz-border-radius: 4px;
 	border-radius: 4px;
	background:#fff;
 }
.page08Phone .accordion li {
	margin-bottom:5px;
 	background:#e6e6e6;
}
.page08Phone .accordion .link span {
	color:#55a9a9;
	position: absolute;
	top: 5px;
	left: 10px;
}
.page08Phone .accordion .link {
	cursor: pointer;
	display: block;
	/*padding:10px 20px 10px 35px;*/
	padding:5px 25px 5px 35px;
	color: #4D4D4D;
	font-size: 14px;
	line-height: 21px;
	font-weight: 700;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.page08Phone .accordion li:last-child .link {
	border-bottom: 0;
}

.page08Phone .accordion li i {
	position: absolute;
	top: 1px;
	left: 0px;
	font-size: 25px;
	width: 21px;
	height: 21px;
	color: #55a9a9;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.page08Phone .accordion li i.fa-caret-down {
	right: 5px;
	left: auto;
}
.page08Phone .accordion li.open .link {
	color: #3b3b3b;
}

.page08Phone .accordion li.open i {
	color: #55a9a9;
}
.page08Phone .accordion li.open i.fa-caret-down {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
/*.page08Phone .accordion li.open i.fa-caret-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}*/

.page08Phone .accordion li.default .submenu {
	display: block;
}
/**
 * Submenu
 -----------------------------*/
.page08Phone .submenu {
 	display: none;
 	background: #fff;
 	font-size: 14px;
	padding:0px 15px; 10px 15px;
 }

.page08Phone .submenu li {
	background:#fff;
 }
/***
.page08Phone .submenu li p {
	word-break: normal;
}***/
.page08Phone .submenu a {
 	display: block;
 	text-decoration: none;
 	color: #d9d9d9;
 	padding: 12px;
 	padding-left: 42px;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
 }

.page08Phone .submenu a:hover {
 	background: #3b3b3b;
 	color: #FFF;
}

.page09Content h1 {
	float: left;
	width: 100%;
	font-size: 18px;
	color: #55A9A9;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: left;
}
.page09Content {
	position: relative;
	margin: 0 auto;
	width: 80%;
}
.page09Content ul li {
	float: left;
	padding:0 10px 0 0;
	margin-bottom: 10px;
}
.page09Content ul li input {
	width: 100%;
	border: 2px solid #d4d4d4;
	padding: 10px 20px;
	background: #FFF;
	background-color: #FFF;
}
.page09Content ul li select {
	width: 100%;
	border: 2px solid #d4d4d4;
	padding: 10px 20px;
	background: #FFF;
	background-color: #FFF;
}
.page09Content ul li textarea {
	width: 100%;
	border: 2px solid #d4d4d4;
	padding: 10px 20px;
	background: #FFF;
	background-color: #FFF;
}
.page09Content ul li input:focus {
	color: #6ea391;
  border: 2px solid #62BAAC;
  outline: 0;
}
.page09Content ul li select:focus {
	color: #6ea391;
  border: 2px solid #62BAAC;
  outline: 0;
}
.page09Content ul li textarea:focus {
	color: #6ea391;
	border: 2px solid #62BAAC;
	outline: 0;
}
.page09Content ul li p {
	float: left;
	margin: 5px 15px;
}
.page09Content ul li a {
	float: left;
	color: #5D5D5D;
	padding: 3px 10px;
	margin-right: 15px;
}
.page09Content ul li a:hover {
	border-radius: 5px;
	background: #87cbb8;
	color: #fff;
}
.page09Content ul li a.active {
	border-radius: 5px;
	background: #87cbb8;
	color: #fff;
}

.page09Button {
	background: #D7EBE5;
	float: left;
	width: 100%;
	text-align: center;
	padding: 20px 0
}
/**
 * 訂購資料
 -----------------------------*/
.order {
	float: left;
	width: 100%;
}
.order h1 p {
	float: left;
}
.order h1 {
	border-bottom:1px solid #DDDDDD;
	float:left;
	width:100%;
	padding-bottom:20px;
	margin-bottom:20px;
}
.order h1 div.orderSelect {
	float:right;
	background:#fff;
}
.order h1 select {
	float:left;
	font-size: 16px;
	line-height: 30px;
	width: 180px;
	padding-left: 13%;
	border: 2px solid #c6c6c6;
	color: #999;
	/*appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: url(../img/arrow_black.png) no-repeat scroll 98% center transparent;*/
}
.orderTitle {
	font-size:23px;
	line-height:40px;
}
.orderTitle > div.orderLeft {
	font-size:16px;
}
.orderTitle > div.orderRight {
}
.orderList {
	float:left;
	width:100%;
	padding-top:20px;
}
.orderList ul {
	float:left;
	width:100%;
	margin-bottom:0px;
}
.orderList ul li {
	float:left;
	width:100%;
}
.orderList ul li div.orderLeft {
	float:left;
	text-align:right;
	color:#55A9A9;
	width:20%;
	padding-right:2%;
}
.orderList ul li div.orderRight {
	float:left;
	background:#fff;
	width:80%;
	padding:0 1.5%;
}

.orderList ul li div.orderRight .price1 {
	font-size:23px;
	color:#3B3B3B;
}

.orderList ul li div.orderRight img{
	/*margin-left:15px;*/
}
.orderList ul li div.orderBorder {
	border-bottom:1px solid #55A9A9;
	padding-bottom:8px;
}
.orderList ul.orderYellow li div.orderRight {
	background:#FFFDED;
}
.orderOk{
	float:left;
	width:100%;
	background:#D7EBE5;
	margin-top:40px;
	padding:30px 0;
	text-align:center;
}
.carList {
	margin-top:50px;
	float:left;
	width:100%;
}
.carList h1 {
	float: left;
	color: #55A9A9;
	width: 100%;
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 5px;
} 
.carListInput  {
	float:left;
	width:100%;
}
.carListInput ul {
	float:left;
	width:100%;
	border-top:1px solid #87CBB8;
	margin-top:15px;
	padding-top:15px;

}
.carListInput ul li{
	float:left;
	width:100%;
}
.carListInput > div {
}


.carListInputLeft01 {
	float:left;
	width:15%;
	color:#55A9A9;
}
.carListInputRight01 {
	float:left;
	width:80%;
	height:auto;
	padding: 5px 0px;
}
.carListInputRight01 span {
	font-size:23px;
	color:#3B3B3B;
}
.carListInputRight01 input{
	border:2px solid #c6c6c6;
	width:100%;
	height: 35px;
	/*float:left;*/
	background-color: #fff;
}

.carListInputLeft {
	float:left;
	width:15%;
	color:#55A9A9;
}
.carListInputRight {
	float:left;
	width:80%;
	height:auto;
	/*padding: 5px 0px;*/
}
.carListInputRight span {
	font-size:23px;
	color:#3B3B3B;
}
.carListInputRight input{
	border:2px solid #c6c6c6;
	width:100%;
	height: 35px;
	line-height: 35px;
	padding-left:7px;
	/*float:left;*/
	background-color: #fff;
	background: #fff;
}
.carListInputRight select{
	border:2px solid #c6c6c6;
	width:100%;
	line-height: 35px;
	height: 35px;
	padding-left:4px;
	/*padding: 0 0 0 5px;
	margin:7px 0 0 0;
	float:left;*/
	background-color: #fff;
	background: #fff;
}
.carListInputRight textarea{
	border:2px solid #c6c6c6;
	width:100%;
	padding-left:7px;
	/*margin-top:7px;
	padding-left:7px;
	float:left;*/
	background-color: #fff;
	background: #fff;
}
.carListInputRight select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*background: url(../img/arrow_black.png) no-repeat scroll 98% center transparent;*/
	background: url(../img/arrow_black1.png) no-repeat scroll 100% center transparent;
	background-color: #fff;
}
.carListInputRight select::-ms-expand {
  display:none;
}

.carListInput01 {
	height: 45px;
}
.carListInput02 {
	height: 45px;
}
.carListInput01 p {
	position:relative;
	top:5px;
	/*line-height:45px;*/
	/*float:left;*/
	/*width:60%;*/
	padding-left:20px;
}
.carListInput01 input {
	/*width:40%;*/
	width: 300px;
}
.carListInput01 p input {
	background:#fff !important;
	width:20px !important;
	margin-top:0px;
	margin-right:5px;
	border:1px solid #f20 !important
}
.checkbox1 {
  width:29px;
  height:29px;
}
/*input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  width: 28px;
  margin: 0;
  padding: 0;
  opacity: 0;
}
input[type=checkbox]:not(old) + label{
  display: inline-block;
  margin-left: -28px;
  padding-left: 28px;
  line-height: 24px;
  background:url(../img/carList/check.png) no-repeat 0 -48px;
}
input[type=checkbox]:not(old):checked + label{
  background-position : 0 -73px;
}
*/
.carListOk {
	float:left;
	width:100%;
	background:#D7EBE5;
	padding:30px 0
}
.carListOk ul {
	margin:0 auto;
	width:350px;
}
.carListCheck {
	float:left;
	width:4%;
}
.carListTable {
	float:left;
	width:100%;
	/*margin-bottom:10px;*/
}
.carListTable ul {
	width:95%;
	float:left;
	border:2px solid #c6c6c6;
	/*background:#fff;*/
	padding:10px 15px
}
.carListTable ul li {
	float:left;
	width:100%;
	margin-bottom:10px;
}
.carListTableLeft {
    float: left;
    width: 25%;
    color: #55A9A9;
}
.carListTableRight {
	float:left;
	width:75%;
}
.carListTableRight .Spinner {
	line-height:30px !important;
	height:30px;
}
.carListTableRight .Spinner a i {
    margin-top: 7px;
}
.carListTableRight .Spinner .Amount {
    height:25px;
}
.carFork {
	float:left;
}
.carListTableRight ul {
	border:none;
	padding:0
}
.carListTableRight ul li{
	float:left;
	width:100%;
}
.carListInputRightDrop{
	float:left;
	width:80%
}
.carListInputRightDrop select {
	width:100%;
	height:29px;
	float:left;
	margin-top:2px;
	color: #999;
	border: 2px solid #c6c6c6;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*background: url(../img/arrow_black.png) no-repeat scroll 98% center transparent;*/
	background: url(../img/arrow_black1.png) no-repeat scroll 100% center transparent;
	background-color: #fff;
	padding-left:10px;
}
.carListInputRightDrop select::-ms-expand {
  display:none;
}

.carListInputRightDelete{
	float:left;
	width:20%
}
.pointContent {
	float:left;
	width:100%;
}
.pointNav {
	float: left;
	width: 100%;
	margin: 20px 0;
}
.pointNav ul {
}
.pointNav ul li {
	float: left;
	font-size: 17px;
}
.pointNav ul li h3{
	text-transform:uppercase;
	background:#000;
	color:#fff;
	padding: 3px 10px;
	/*margin-top:0px;*/
	margin-right:20px;
}
.pointNav ul li a {
	color: #999;
	padding: 5px 10px;
}
.pointNav ul li a:hover {
	color: #333
}
.pointNav ul li a.active {
	border-radius: 5px;
	border: 2px solid #999;
}
.pointTable {
	float:left;
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
}
.pointTable table tr th {
text-transform:uppercase;
}
.pointTable_mobile {
	float:left;
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
}
.pointTable_mobile table td table td {
	padding:5px;
	margin:0 0 0 0;
}
.pointTable_mobile table td table td {
	border: 1px solid #fff;
}
.member_mobile1 {
	width: 20%;
	white-space: nowrap;
	color: #fff;
	background: #CCC;
	background-color: #CCC;
}
.member_mobile1:after {
	/*content: " : "*/
	content: " "
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}


.btn-gray {
  color: #fff;
  background-color: #989898;
  border-color: #fff;
}
.btn-gray:focus,
.btn-gray.focus {
  color: #fff;
  background-color: #909090;
  border-color: #8c8c8c;
}
.btn-gray:hover {
  color: #fff;
  background-color: #909090;
  border-color: #808080;
}
.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-gray:active:hover,
.btn-gray.active:hover,
.open > .dropdown-toggle.btn-gray:hover,
.btn-gray:active:focus,
.btn-gray.active:focus,
.open > .dropdown-toggle.btn-gray:focus,
.btn-gray:active.focus,
.btn-gray.active.focus,
.open > .dropdown-toggle.btn-gray.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
  background-image: none;
}
.btn-gray.disabled:hover,
.btn-gray[disabled]:hover,
fieldset[disabled] .btn-gray:hover,
.btn-gray.disabled:focus,
.btn-gray[disabled]:focus,
fieldset[disabled] .btn-gray:focus,
.btn-gray.disabled.focus,
.btn-gray[disabled].focus,
fieldset[disabled] .btn-gray.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-gray .badge {
  color: #fff;
  background-color: #333;
}

/**
 * media queries
 -----------------------------*/

@media screen and (min-width: 991px) and (max-width: 1300px) {
.index {
	float: left;
	width: 100%;
	background: url(../img/index/indexBg.jpg) no-repeat top center;
	background-size: cover;
}
.menu > ul > li {
	padding: 0 0 !important;
}
.pagecontentNav ul li a {
	padding: 30px 17px 5px 16px;
}
.page03ContentImg04 {
	max-width: 48.5%;
}
.page03Content ul li div img {
	width: 100% !important;
}
/***.page05ContentImg04 {
	max-width: 91%;
}***/
img.page04ContentImg04 {
	max-width: 88%;
}
}

html, body {
	height: 100%;
	
}
.pagecontent {
	height:100%;
}

@media screen and (min-height: 300px){
	.pageContent {
	min-height:300px;
	}
}

@media screen and (min-height: 301px) and (max-height: 600px) {
	.pageContent {
	min-height:450px;
	}
}
@media screen and (min-height: 601px) and (max-height: 1000px) {
	.pageContent {
	min-height:450px;
	}
}


@media screen and (max-width:1536px) {
	.Float_desk {
		right: 140px;
	}
}
@media screen and (max-width:1280px) {
	.Float_desk {
		right: 50px;
	}
}


.inputbox {
  display: inline-block;
  padding: 6px 5px;
  margin-top: 1px;
  margin-bottom: 0;
  font-weight: normal;
  line-height: 1.42857143;
  vertical-align: middle;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.btn-add {
	background-color: #e6e6e6;
	border-color: #adadad;
}
.inputbox_cart {
    width: 100%;
    padding: 5px 5px;
    margin: 8px 0;
    display: inline-block;
    border: 2px solid #ccc;
    box-sizing: border-box;
}
.text-break {
	ms-word-break: break-all;
	word-break: break-all;

/* Non standard for webkit */
	word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;

}

.facebookbtn {
background-color:#3a6fc9;
border-radius:0;
border: 1px solid #fff;
}
.googlebtn {
color:#FFF;
background-color:#4b4b4b;
border-radius:0;
border: 1px solid #fff;
}
.googlebtn:focus,
.googlebtn.focus {
  color: #fff;
  background-color: #4b4b4b;
  border-color: #122b40;
}
.googlebtn:hover {
  color: #fff;
  background-color: #666;
  border-color: #4b4b2b;
}