@charset "utf-8";
/* CSS Document */
html, body {
	height: 100%;
	margin: 0;
}
body {
	font-family: "微軟正黑體", "Microsoft JhengHei", "黑體-繁", "Heiti TC", "華文黑體", "STHeiti", "儷黑 Pro", "LiHei Pro Medium", "新細明體", "PMingLiU", "細明體", "MingLiU", "serif";
	line-height: normal;
	font-size: 100%;
}

/* class - float clear both */
.xxx-clear:before, .xxx-clear:after, .xxx-clear::before, .xxx-clear::after { content: ""; display: table;}
.xxx-clear:after, .xxx-clear::after { clear: both;}
.xxx-clear { zoom: 1;}

/* ul - float clear both */
ul:before, ul:after, ul::before, ul::after { content: "";	display: table;}
ul:after, ul::after { clear: both;}
ul { zoom: 1;}

/* ol - float clear both */
ol:before, ol:after, ol::before, ol::after { content: "";	display: table;}
ol:after, ol::after { clear: both;}
ol { zoom: 1;}

/* scrollToTop */
.scrollToTop2 {
	text-decoration: none;
	background: url("../images/to-top2.png") no-repeat 0px 0px;
	background-size: 50px 50px;
	text-align: center;
	display: none;
	width: 50px;
	height: 50px;
	position: fixed;
	right: 15px;
	bottom: 20px;
	z-index: 9999;
	transition: all 0.3s ease 0s;
}
.scrollToTop2:hover {
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/*checkbox*/
.cb1 {
	display: block;
}
.cb1 input[type="checkbox"] {/*隱藏原生*/
	position: absolute;
	left: -9999px;
}
.cb1 label {
	color: #333333;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	display: block;
	white-space: nowrap;
	float: left;
	margin: 0px 20px 10px 0px;
	position: relative;
	cursor: pointer;
}
.cb1 input[type="checkbox"] + label span {
	background-color: transparent;
	background-image: url("../images/check_radio_sheet2.png") !important;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 80px 20px;
	vertical-align: top;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0px 5px 0 0;
	position: inherit !important;
	z-index: inherit !important;
}
.cb1 input[type="checkbox"]:checked + label span {
	background-color: transparent;
	background-image: url("../images/check_radio_sheet2.png") !important;
	background-repeat: no-repeat;
	background-position: -20px top;
	background-size: 80px 20px;
	position: inherit !important;
	z-index: inherit !important;
}
/* cb2 */
.cb2 {
	display: block;
}
.cb2 input[type="checkbox"] {/*隱藏原生*/
	position: absolute;
	left: -9999px;
}
.cb2 label {
	color: #333333;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	text-align: center;
	background-color: #FFFFFF;
	display: block;
	white-space: nowrap;
	float: left;
	padding: 6px 25px;
	margin: 0px 10px 10px 0px;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	position: relative;
	cursor: pointer;
}
.cb2 input[type="checkbox"] + labe {
}
.cb2 input[type="checkbox"]:checked + label {
	color: #FF6600;
	background-color: #FFFFFF;
	background-image: url("../images/icon_tick.png");
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 25px 25px;
	border: 1px solid #FF6600;
}

/*radio*/
.ra1 {
	display: block;
}
.ra1 input[type="radio"] {/*隱藏原生*/
	position: absolute;
	left: -9999px;
}
.ra1 label {
	color: #333333;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	display: block;
	white-space: nowrap;
	float: left;
	margin: 0px 20px 10px 0px;
	position: relative;
	cursor: pointer;
}
.ra1 input[type="radio"] + label span {
	background-color: transparent;
	background-image: url("../images/check_radio_sheet2.png") !important;
	background-repeat: no-repeat;
	background-position: -40px top;
	background-size: 80px 20px;
	vertical-align: top;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0px 5px 0 0;
	position: inherit !important;
	z-index: inherit !important;
}
.ra1 input[type="radio"]:checked + label span {
	background-color: transparent;
	background-image: url("../images/check_radio_sheet2.png") !important;
	background-repeat: no-repeat;
	background-position: -60px top;
	background-size: 80px 20px;
	position: inherit !important;
	z-index: inherit !important;
}
/* ra2 */
.ra2 {
	display: block;
}
.ra2 input[type="radio"] {/*隱藏原生*/
	position: absolute;
	left: -9999px;
}
.ra2 label {
	color: #333333;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	text-align: center;
	background-color: #FFFFFF;
	display: block;
	white-space: nowrap;
	float: left;
	padding: 6px 25px;
	margin: 0px 10px 10px 0px;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	position: relative;
	cursor: pointer;
}
.ra2 input[type="radio"] + label {
}
.ra2 input[type="radio"]:checked + label {
	color: #FF6600;
	background-color: #FFFFFF;
	background-image: url("../images/icon_tick.png");
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 25px 25px;
	border: 1px solid #FF6600;
}

/*input*/
.xxx-input {
	color: #666666;
	font-size: 16px;
	font-weight: normal;
	background-color: #FFFFFF;
	text-align: left;
	height: 34px;
	padding: 0 5px;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
}
.xxx-input:focus {
	border-color: rgba(82, 168, 236, 0.8) !important;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
	outline: 0 none;
}

/*textarea*/
.xxx-textarea {
	color :#666666;
	font-size: 16px;
	font-weight: normal;
	line-height: normal;
	background-color: #FFFFFF;
	text-align: left;
	height: 100px;
	padding: 5px 5px;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
}
.xxx-textarea:focus {
	border-color: rgba(82, 168, 236, 0.8) !important;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
	outline: 0 none;
}

select {
	cursor: pointer;
}
/*ie8-9下拉清單*/
.xxx-select {
	color: #666666;
	font-size: 16px;
	font-weight: normal;
	background-color: #FFFFFF;
	text-align: left;
	height: 34px;
	padding: 0 0px 0 5px;
	border: 1px solid #CCCCCC;
	border-radius: 0px;
}
/*moz下拉清單*/
@-moz-document url-prefix(){
.xxx-select {
	color: #666666;
	font-size: 16px;
	font-weight: normal;
	background-color: #FFFFFF;
	background-image: url("../images/select_icon001.png");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 18px auto;
	text-align: left;
	height: 34px;
	padding: 0 23px 0 5px;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}
}
/*google下拉清單*/
@media screen and (-webkit-min-device-pixel-ratio:0){
.xxx-select {
	color: #666666;
	font-size: 16px;
	font-weight: normal;
	background-color: #FFFFFF;
	background-image: url("../images/select_icon001.png");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 18px auto;
	text-align: left;
	height: 34px;
	padding: 0 23px 0 5px;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}
}
/*ie10-11下拉清單*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
.xxx-select {
	color: #666666;
	font-size: 16px;
	font-weight: normal;
	background-color: #FFFFFF;
	background-image: url("../images/select_icon001.png");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 18px auto;
	text-align: left;
	height: 34px;
	padding: 0 23px 0 5px;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}
.xxx-select::-ms-expand {
	display: none;
}
}
.xxx-select:focus {
	border-color: rgba(82, 168, 236, 0.8) !important;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
	outline: 0 none;
}

/* input placeholder */
:-moz-placeholder, ::-moz-placeholder {
	color: #999999;
	opacity: 1.0;
}
:-webkit-input-placeholder, ::-webkit-input-placeholder {
	color: #999999;
	opacity: 1.0;
}
:-ms-input-placeholder, ::-ms-input-placeholder {
   color: #999999;
   opacity: 1.0;
}
placeholder {
	color: #999999;
	opacity: 1.0;
}

/*button*/
.xxx-button {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	background-color: #ff8714;
	text-align: center;
	white-space: nowrap;
	padding: 6px 10px;
	border: 1px solid #ff8714;
	border-radius: 5px;
}
.xxx-button:hover {
	background-color: #333333;
	border: 1px solid #333333;
}
button:focus {
	outline: none;
}

/*左右拉霸icon箭頭提示*/
.xxx-lr-arrow {
	display: none;
	color: #CCCCCC;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	background-color: transparent;
	background-image: url("../images/lr_icon.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 47px 9px;
	min-height: 9px;
	margin: 5px 0 10px 0;
}

/*結構框架CSS設定值*/
#container {
	height: 100%;
}
#mainbody {
	min-height: 100%;
}
#main {
	padding-bottom: 60px;
	position: relative;
}
.footer {
	background-color: #080924;
	min-height: 60px;
}
.footer-table {
	display: table;
	width: 100%;
	min-height: 60px;
	position: relative;
	padding: 10px 0;
}
.footer-td {
	vertical-align: middle;
	text-align: center;
	display: table-cell;
}
.copyright {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
}
/*share-box Start*/
.footer .share-box {
	text-align: center;
}
.footer .share-box .line-share-pc {
	display: inline-block;
	margin: 0 8px 6px;
}
.footer .share-box .line-share-pc a {
	display: block;
}
.footer .share-box .line-share-pc a img {
	width: 125px;
	height: auto;
}
.footer .share-box .line-share-mobile {
	display: none;
	margin: 0 8px 6px;
}
.footer .share-box .line-share-mobile a {
	display: block;
}
.footer .share-box .line-share-mobile a img {
	width: 125px;
	height: auto;
}
.footer .share-box .fb-share-pc {
	display: inline-block;
	margin: 0 8px 6px;
}
.footer .share-box .fb-share-pc a {
	display: block;
}
.footer .share-box .fb-share-pc a img {
	width: 125px;
	height: auto;
}
.footer .share-box .fb-share-mobile {
	display: none;
	margin: 0 8px 6px;
}
.footer .share-box .fb-share-mobile a {
	display: block;
}
.footer .share-box .fb-share-mobile a img {
	width: 125px;
	height: auto;
}
/*share-box End*/

@media only screen and (max-width: 780px){
/*左右拉霸icon箭頭提示*/
.xxx-lr-arrow {
	display: block;
}
/*share-box Start*/
.footer .share-box .line-share-pc {
	display: none;
}
.footer .share-box .line-share-mobile {
	display: inline-block;
}
.footer .share-box .fb-share-pc {
	display: none;
}
.footer .share-box .fb-share-mobile {
	display: inline-block;
}
/*share-box End*/
}