@charset "utf-8";

@font-face {
  font-family: 'social';
  src: url('/template/fonts/social.eot');
  src: url('/template/fonts/social.eot') format('embedded-opentype'),
       url('/template/fonts/social.woff2') format('woff2'),
       url('/template/fonts/social.woff') format('woff'),
       url('/template/fonts/social.ttf') format('truetype'),
       url('/template/fonts/social.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa-icon-twitter:before { content: '\f099'; } /* '' */
.fa-icon-facebook:before { content: '\f09a'; } /* '' */
.fa-icon-gplus:before { content: '\f0d5'; } /* '' */
.fa-icon-linkedin:before { content: '\f0e1'; } /* '' */
.fa-icon-youtube-play:before { content: '\f16a'; } /* '' */
.fa-icon-instagram:before { content: '\f16d'; } /* '' */
.fa-icon-weibo:before { content: '\f18a'; } /* '' */
.fa-icon-qq:before { content: '\f1d6'; } /* '' */
.fa-icon-wechat:before { content: '\f1d7'; } /* '' */
.fa-icon-pinterest:before { content: '\f231'; } /* '' */
.fa-icon-whatsapp:before { content: '\f232'; } /* '' */

html, body {
	font-family: "微軟正黑體", Arial;
	font-weight: 300 !important;
}
h1,h2,h3,h4,h5,h6 {
	font-family: "微軟正黑體";
}

.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.mt70 {margin-top: 70px;}
.mt80 {margin-top: 80px;}
.mt90 {margin-top: 90px;}
.mt100 {margin-top: 100px;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.pt10 {padding-top: 10px;}
.center {text-align: center;}
.left {text-align: left !important;}
.right {text-align: right;}
.leftcenter {text-align: left;}
.rightcenter {text-align: right;}
.lpad {padding: 0 0 0 10px;}
.rpad {padding: 0 10px 0 0;}
.lpad20 {padding: 0 0 0 20px;}
.rpad20 {padding: 0 20px 0 0;}
.mauto {margin-left: auto; margin-right: auto;}
.none {display: none;}
.nowrap {white-space: nowrap;}
.hidden {overflow: hidden;}
.bg_white {background-color: #fff;}
.bg_black {background-color: #000; color: #fff;}

.carousel-caption {padding: 30px 20px !important;}
.data .title {background-color: #f8f8f8; border-right: 1px dotted #ddd; padding: 8px;}
.data .value {padding: 8px;}
.data .row {border-top: 1px dotted #ddd; margin: 0 !important;}
.data .row:first-of-type {border-top: 0;}

@media only screen and (max-width: 640px) {
	.data .title {background-color: #f0f0f0; border-right: 0;}
	.data .row {border-top: 0;}
	.leftcenter {text-align: center;}
	.rightcenter {text-align: center;}
	.lpad {padding: 5px 0 0 0;}
	.rpad {padding: 0 0 5px 0;}
	.lpad20 {padding: 15px 0 0 0;}
	.rpad20 {padding: 0 0 15px 0;}
	button.s100 {
		width: 100%;
	}
}

#dialog-reload {display: none;}

/*** Error msg ***/
.error_msg {
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #ff0000;
	border-radius: 5px;
	background-color: #fff0f0;
	display: none;
}
.form-control.invalid {
	border-color: #ff0000;
}

/*** cart_side ***/
#cart_side_table tr {
	background-color: white;
	border-bottom: 1px solid #f0f0f0;
	vertical-align: top;
}
#cart_side_table th {
	background-color: #aaa;
	padding: 7px;
	font-size: 1.2em;
	color: white;
	border-right: 1px dotted white;
}
#cart_side_table th a {
	color: white;
}
#cart_side_table td {
	padding: 7px;
}
#cart_side_table td.col_image {
	text-align: center;
}

/*** Footer ***/
@media only screen and (max-width: 640px) {
	div.footer_text {
		text-align: center;
	}
}
table {
	border-collapse: collapse;
}
table#footer_table {
	margin: auto;
}
table#footer_table tr {
	vertical-align: top;
}
table#footer_table td {
	padding: 0 10px;
}
table#footer_table td.line {
	width: 1px;
	padding: 0;
	background-color: #666;
}
table#footer_table ul {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0;
}
table#footer_table ul>ul {
	padding-left: 10px;
}

#bottom_right_icon {
	position: fixed;
	right: 25px;
	bottom: 35px;
	z-index: 999;
}
#bottom_right_icon > div {
	margin-top: 10px;
}
#bottom_right_icon img {
	filter: opacity(80%);
}
#bottom_right_icon img:hover {
	filter: opacity(100%);
}
.page_list .cur_page {
	display: inline-block;
	border: 1px solid #aaa;
	padding: 3px 8px;
	font-weight: bold;
}
.page_list .page {
	display: inline-block;
	border: 1px dotted #ccc;
	padding: 3px 8px;
	font-weight: bold;
}
.page_list .page a {
	display: block;
}
.page_list .page:hover {
	border: 1px solid #aaa;
}

.forum textarea {
	height: 90px;
}

.preview_header {
	background-color: #000;
	color: #fff;
	text-align: center;
	padding: 10px;
}
.input_err {
	border-color: red;
}

.div_img_fluid img {
	max-width: 100%;
	height: auto;
}