body {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	font-family:"微軟正黑體", Arial;
}

/*上方選單*/
.navbar-inverse {
	background-color: #fff;
 }
.navbar-inverse .navbar-nav > li > a {
  color: #000;
}
.navbar-inverse .navbar-nav > li > a:hover {
  color: #c00;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #000 !important;
  background: #F57CCB !important;
  /*background-color: rgba(0, 0, 0, .5);*/
}
.dropdown-menu { background: #FB6BB3 !important; }
.dropdown-menu > li a:link, .dropdown-menu > li a:visited {
  color: #fff !important;
}
.dropdown-menu > li a:hover,
.dropdown-menu > li a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #c00 !important;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #FB6BB3;
}

.navbar-brand { padding-top: .5em !important; }
.navbar-brand img { height: 50px; width:auto;  }

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

/*應用左邊選單*/
.app-menu { border: none !important; background:none; }
.nav-pills a:link, .nav-pills .active a:link { color: #A350BF !important; background-color: transparent !important; font-size: 1.2em; }
.nav-pills a:visited, .nav-pills .active a:visited { color: #A350BF !important; background-color: transparent !important; font-size: 1.2em; }
.nav-pills a:hover, .nav-pills .active a:hover { text-decoration:underline !important; }
.nav-pills .active a:link { text-decoration:underline !important; font-weight: 600; }


.app-menu ul li { line-height: 2em; }
.app-menu ul li a:link { color: #333; }
.app-menu ul li a:visited { color: #333; }
.app-menu ul li a:hover { color: #333; background-color: #F8DFF8; }

.video iframe { max-width: 100%; height: 10.5em; }

@media (max-width: 1024px) {
	.video iframe { height: 9em; }
}
/* LOGO尺寸
-------------------------------------------------- */
@media (max-width: 768px) {
	.navbar-brand img { height:30px; /*margin:-7px 0px 0px 0px; */}
 	/*.navbar-brand > img { margin:-3px 0px 0px 0px;}*/
 	.video iframe { height: 14em; }
}
@media (max-width: 767px) {
	.navbar-brand img { height:35px; }
}
/* 主按鈕文字設定
-------------------------------------------------- */
.top_navbar{ height:69px; background-color: #fff; }
.top_navbar .container{ position:relative;}
.navbar {font-family:"微軟正黑體", Arial;	font-size:16px;}
.language{float:left;margin:20px 0px 0px 20px;position:absolute;right:0px;top:3px;}
.language a{color:#ffae00;border:#FB16B9 solid 2px; padding:5px;font:13px Arial, Helvetica, sans-serif;
	-webkit-border-radius: 3px;     /*圓角for Google Chrome、Safari*/
	-moz-border-radius: 3px;     /*圓角for Firefox*/
	border-radius: 3px;     /*圓角for IE*/
}
.language a:hover{color:#fff;text-decoration:none;background-color:#FB16B9;border:#FB16B9 solid 2px;} /*966300*/

.news-bd { width: 100%; display: inline-block; }

@media (max-width: 767px) {
	.top_menu{ height:300px; overflow:scroll;}
    .language{ top:-8px; right:70px;}
	.language a{ padding:6px;}
	.navbar-nav > li > a{ padding-left:20px;}
	.top_navbar{height:50px;}
	.video iframe { height: 13em; }
	.bartext { background-color: #FB6BB3; padding-top: 1em; padding-bottom: 1em; }
}

@media (min-width: 768px) {
	.news-bd { height: 18em; overflow:auto; }
	.navbar-nav > li > a{ padding-left:10px; padding-right:15px;}
	.bartext { background: #FB6BB3 left 30% repeat-x; }

}
@media (min-width: 993px) {.navbar-nav > li > a{ padding-left:20px; padding-right:20px;}}

.top_menu{height:350px; overflow:scroll;}

/* 主BANNER輪播CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class 642*/
.index_banner {margin-bottom: 60px;}
/* Since positioning the image, we need to help out the caption */
.index_banner-caption {	z-index: 10;}
/* Declare heights because of positioning of img element */
.index_banner .item {background-color: #777;}
.index_banner-inner > .item > img {	width: 100%; height:auto;}

/* 首頁簡介
-------------------------------------------------- */
.introduction {
	background-color: #fff;
	text-align:center;
	padding-top:30px; padding-bottom: 30px;
	color:#000;
	font-size: 1.1em;
	font-weight:bold;
	margin:0px 0px 15px 0px;
}
.introduction h1 {
	color:#A350BF;/*#aa6316;*/
	font-size: 2.8em;
	padding:0px;
	margin:0px;
	font-weight:bold;
}

/*首廣告文字圖*/
.bartext .row div { padding-top: 0; padding-bottom: 0;}
.bartext img { max-width: 100%; height: auto; }
.bartext span { display: block; margin-top: .5em; }

/* 首頁類別BANNER
-------------------------------------------------- */
.index_pro_banner {
	margin:0px 0px 0px 0px;
}
.index_pro_banner img {
	text-align:center;
}
/* 首頁產品左右切換鈕
-------------------------------------------------- */
.carousel-control.index_pro_button_left {
	background:none;
	right: auto;
	left: -11%;
}
.carousel-control.index_pro_button_right {
	right:-11%;
	left: auto;
	background:none;
}
@media (max-width: 767px) {	.carousel-control { display:none;}}

/* 大標題、副標題 or 分隔線
-------------------------------------------------- */
.title{
	border-top:#FB6BB3 1px solid; 
	text-align:left;
	padding-top: .2em;
}
.title h3 {
	font-size: 1.1em;
	border-bottom-left-radius: .6em;
	border-bottom-right-radius: .6em;
	background-color: #FB6BB3;/* #956134;*/
	padding: .2em 2em;
	color:#fff;
	display:inline;
}
.title span {
	font-weight: 600;
	color:#FB6BB3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	margin:0px 0px 0px 10px;
}
.title_no_line{
	text-align:center;
	margin:70px -20px 30px -20px;
}
.title_no_line > h3{
	font:bold 24px "微軟正黑體", Arial;
	color:#252b34;
	margin: 0px;
	padding: 0px 70px;
	display:inline
}
.title_no_line > h3 > span{
	color:#8b8b8b;
	font:normal 18px Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 10px;
}
.subheading{
	font: bold 16px "微軟正黑體", Arial;
	text-align:center;
	color:#000;
	margin:60px 0px;
}
@media (max-width: 640px) {
	.title{margin:50px -20px 10px -20px;}
	.title > h3{ font-size:18px; padding: 0px 40px;}
	.title > h3 > span{ font-size:15px;}
	.title_no_line{margin:50px -20px 10px -20px;}
	.title_no_line > h3{ font-size:18px; padding: 0px 40px;}
	.title_no_line > h3 > span{ font-size:15px;}
	.subheading{font: bold 13px "微軟正黑體", Arial;margin:30px 0px;}
}
.line{
	background: url(../images/title_bg.jpg) repeat-x;
	text-align:center;
	margin:70px -20px 30px -20px;
	height:3px;
	display:block;
}
.line_01{
	background: url(../images/title_bg.jpg) repeat-x;
	text-align:center;
	margin:30px 0px;
	height:3px;
	position:relative; width:100%;
	float:left;
}
/* 產品應用
-------------------------------------------------- */
@media (max-width: 360px) {
.application img{width:130px;height:auto;}
.row.application{margin:0px 25px 0px -20px}
}
@media (min-width: 360px) {
.application img{width:130px;height:auto;}
.row.application{margin:0px 25px 0px -20px}
}
@media (min-width: 640px) {
.application img{width:200px;height:auto;}
.row.application{margin:0px 0px 0px -15px; width:620px;}
}
@media (min-width: 767px) {
.application img{width:230px;height:auto;}
.row.application{margin:0px 0px 0px -15px; width:750px;}
}
@media (min-width: 992px) {
.application img{width:200px;height:auto;}
.row.application{margin:0px 0px 0px -25px; width:900px;}
}
@media (min-width: 1200px) {
.application img{width:250px;height:auto;}
.row.application{margin:0px 85px 0px -25px; width:1080px;}
}
.application_text{
	font: bold 16px "微軟正黑體", Arial;
	text-align:center;
	color:#000;
	margin:20px 0px 0px 0px;
}
/* 我們的優勢
-------------------------------------------------- */
.superiority{
}
.superiority div{ text-align:center;
}
.superiority img{
	max-width:140px;
	max-height:140px;
	margin:0px auto 35px auto;
}
.superiority span{
	font: bold 15px "微軟正黑體", Arial;
	color:#000;
}
/* 關於我們
-------------------------------------------------- */
.index_about { font-size: 15px; color:#000; margin-bottom: 50px; letter-spacing: 1px; line-height: 140%; }
.index_about h3 { font-size: 24px; color:#A350BF;}
.index_about iframe { max-width: 100%; height: 22em; }

@media (max-width: 767px) {.index_about_img{ width:100%; height:auto;}
}
@media (max-width: 480px) {
	.index_about iframe { height: 16em; }
}
/* 首頁據點
-------------------------------------------------- */
.index_down{color:#fff; background:url(../images/index_form_bg.jpg) no-repeat center top; background-size: 100% 100%; font-family:"微軟正黑體", Arial; padding:0px 0px 30px 0px;}
.index_down h3{font: bold 24px "微軟正黑體", Arial; margin-bottom:20px;}
.index_stronghold{}
.index_stronghold .logo{width:80px; height:auto; float:left; margin:-10px 20px 0px 0px;}
.index_logo{ font-size:15px; margin:25px 0px;}
.index_stronghold .col-md-3,.index_stronghold .col-sm-3,.index_stronghold .col-xs-6{ font-size:15px; text-align:center; padding:0px 0px 15px 0px}
.index_stronghold .index_stronghold_photo{ margin:0px 0px 0px -30px;}
.index_stronghold_img{
	width:98px;
	height:98px;
	overflow:hidden;
	-webkit-border-radius: 50%;/*圓角for Google Chrome、Safari*/
	-moz-border-radius:50%;/*圓角for Firefox*/
	border-radius:50%;/*圓角for IE*/
	border:solid 3px #9f846d;
	margin:0px auto;
}
.index_stronghold img{height:98px;width:auto;}
.index_stronghold .btn-default{ background-color:#462006; border-width:0px; color:#fff;}
.index_stronghold .btn-default:hover{
	background-color:#3C1700;
	border-width:0px;
	color:#fff;
}
@media (max-width: 640px) {.index_stronghold .btn-default{ width:100%}}
@media (max-width: 767px) {
	.index_stronghold .index_stronghold_photo{ margin: 0px auto;}
	.index_stronghold .logo{width:50px; height:auto;margin:0px 20px 0px 0px;}
	.index_logo{font-size:12px;}
}

/* 首頁聯絡表單
-------------------------------------------------- */
.index_form{}
.index_form_heading{ text-align:left;}
.index_form_list input,.index_form_list textarea{ background-color:#170900; border:1px solid #91816e;}
.index_form_list .col-sm-3,.index_form_list .col-md-3{ padding:0px 15px 0px 0px; line-height:30px;}
.index_form_list .col-sm-8,.index_form_list .col-md-8{ padding:0px;}
.index_form_list .col-sm-4,.index_form_list .col-sm-5
.index_form_list .col-md-4,.index_form_list .col-md-5
{ margin:0px inherit; padding:0px;}
.index_form > .form-horizontal .form-group{ margin:8px 0px;}
.index_form_list label{ font-weight:normal;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.index_form > .form-horizontal .form-group{ margin:12px 0px;}
}
.index_form_list .form-control:focus{border-color:#BC883B;outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(122, 82, 24, .6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(122, 82, 24, .6);}
.index_form_list .form-control{ color:#FFF;}
.index_form .btn-default{ background-color:#462006; border-width:0px; color:#fff;}
.index_form .btn-default:hover{
	background-color:#3C1700;
	border-width:0px;
	color:#fff;
}
@media (max-width: 640px) {
	.index_form .btn-default{ width:100%}
	.video iframe { height: 22em; }
}

/* 頁尾
-------------------------------------------------- */
#goTop {
	position: fixed;
	bottom: 40px; /* 與下方的距離, 也可改為百分比, 即為距離螢幕下方的百分比 */
	right: 5px; /* 與右方的距離 */
	z-index: 10;
	cursor: pointer;
}
.footer_menu a{ font:16px "微軟正黑體", Arial;color:#FFF;}
.footer_menu a:hover{ color:#F7A553; text-decoration:none;}

@media (min-width: 1033px) {
	.footer{ background: url(../images/bg-footer.png) left top no-repeat; background-size: 100% auto; min-height: 8em; padding-top: 5em; }
}
@media (max-width: 1032px) {
	.footer{ background: url(../images/bg-footer.png) left bottom no-repeat; min-height: 8em; padding-top: 5em; }
}

@media (max-width: 360px) {.footer .col-md-5{ text-align:center;}.footer_icon img{ margin:0px 3px 0px 3px;}}
@media (min-width: 360px) {.footer .col-md-5{ text-align:center;}.footer_icon img{ margin:0px 5px 0px 5px;}}
@media (min-width: 640px) {.footer .col-md-5{ text-align:center;}.footer_icon img{ margin:0px 11px 0px 12px;}}
@media (min-width: 767px) {.footer .col-md-5{ text-align:center;}.footer_icon img{ margin:0px 20px 0px 20px;}}
@media (min-width: 992px) {.footer_icon img{ margin:0px 23px 0px 0px;}.footer_menu a{margin:0px 22% 0px 0px;}}
@media (min-width: 1200px) {.footer .col-md-5{ padding-left:75px;}.footer_icon img{ margin:0px 23px 0px 0px;}.footer_menu a{margin:0px 13% 0px 0px;}}

@media (max-width: 992px){.footer .col-md-7{text-align:center;}.footer_menu a{margin:0px 10% 0px 10%;} }


.footer_icon img{
  -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;
}
.footer_icon img:hover{
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(163, 80, 191, .6);/*rgba(255, 174, 0, .6)*/
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(163, 80, 191, .6);/*rgba(255, 174, 0, .6)*/
}
.copyright{ color:#FFF; text-align:center; font-size:13px; margin-top:10px; margin-bottom:10px;}
.copyright a:link { color:#FFF; }
.copyright a:hover { color:#FFF; }


/* 產品導覽列
-------------------------------------------------- */
.content{ margin-bottom:80px;}

/* 產品搜尋
-------------------------------------------------- */
.pro_search{ border:1px #A350BF solid; padding:1px 1px 0px 1px;}
.pro_search input{ border:none; background-color:inherit;display:inline;box-shadow:none;}
.pro_search button{ display:inline; background:url(../images/search.jpg); background-repeat:no-repeat; background-position:center inherit; background-color:#341d00; float:right;
    -webkit-border-radius: 3px;/*圓角for Google Chrome、Safari*/
	-moz-border-radius:3px;/*圓角for Firefox*/
	border-radius:3px;/*圓角for IE*/
	border:none;
	width:33px;
	height:33px;
}
.pro_search button:hover,
.pro_search button:focus,
.pro_search button.focus,
.pro_search button:active,
.pro_search button.active{
	background:url(../images/search_on.jpg); background-repeat:no-repeat;background-position:center inherit;}

@media (max-width: 360px) {.pro_search input{width:80%; }}
@media (min-width: 360px) {.pro_search input{width:88%; }}
@media (min-width: 640px) {.pro_search input{width:94%; }}
@media (min-width: 767px) {.pro_search input{width:95%; }}
@media (min-width: 992px) {.pro_search input{width:82%; }}
@media (min-width: 1220px) {.pro_search input{width:84%; }}
/* 產品左側樣式選擇
/* 產品左側樣式選擇
-------------------------------------------------- */
.line2 { border-bottom: #A350BF 2px solid; margin-top: .5em; }
.pro_left { padding-bottom: 1em;}
.pro_left .line1 { border-top: #a9a196 1px solid; }
.pro_left .panel-title{ font:15px "微軟正黑體", Arial; color:#553400; font-weight:bold;}
.pro_left_list{}
.pro_left_list ul { padding:0px; margin:0px; list-style-type:none; }
.pro_left_list > ul > li > input{	margin:5px 10px;vertical-align: middle;}
.pro_left_list li { font: 13px "微軟正黑體", Arial;}
.panel-heading a,.panel-heading a:hover{ text-decoration:none;}
@media (min-width: 992px) {
	.pro_left .panel-default > .panel-heading{ background-color:transparent;}
	.pro_left .panel-group .panel-heading + .panel-collapse > .panel-body{ border-top: none}
	.pro_left .panel-group .panel-heading{border: none;}
	.pro_left .panel-default{ border:none;}
	.pro_left .panel{
		background-color:transparent;
		border:nonel;
		border-bottom:1px dotted #a9a196;
		-webkit-box-shadow:none;
		box-shadow:none;
		}

}
/* 產品右側列表
-------------------------------------------------- */
.pro_right .col-md-8,.pro_right col-sm-12{ padding:0px;}
.pro_list{}
.pro_list ul{ padding:0px;list-style-type: none;}
.pro_list li{ padding:0px; float:left; width:180px;}
.pro_text { color:#555; font-size:15px; font-weight:bold; min-height: 3em; margin-top: .2em; }
.pro_text.t2 { color: #A350BF; border-top: #999 1px dotted; margin-top: .5em; }
.pro_text.t2 a { color: #A350BF; }
.pro_text.t2 a:hover { color: #c00; }

.pro_list_button{ margin:0px -4px;}
.pro_list_button a{ border:1px solid #838383; color:#555; font:14px "微軟正黑體";font-weight:bold; padding:1px auto; margin:0px 4px; width:86px; text-align:center; display: inline-block;}
.pro_list_button a:hover{ background-color:#3F270F; color:#fff; text-decoration:none;}
@media (max-width: 410px) {
	.pro_list ul{ margin:0px 0px 0px 0px;}
	.pro_list li{ margin:0px auto 40px auto; float:none;}
}
@media (min-width: 410px) {
	.pro_list ul{ margin:0px -10px 0px -10px;}
	.pro_list li{ margin:0px 10px 40px 10px; float:left;}
}
@media (min-width: 640px) {
	.pro_list ul{ margin:0px -19px 0px -20px;}
	.pro_list li{ margin:0px 19px 40px 20px; float:left;}
}
@media (min-width: 767px) {
	.pro_list ul{ margin:0px -4px 0px -4px;}
	.pro_list li{ margin:0px 4px 40px 4px; float:left;}
}
@media (min-width: 992px) {
	.pro_right .col-md-offset-1{margin-left:7%;}
	.pro_right .col-md-8{width:72%;}
	.pro_list ul{ margin:0px -30px 0px -30px;}
	.pro_list li{ margin:0px 30px 40px 30px; float:left;}
}
@media (min-width: 1200px) {
	.pro_list ul{ margin:0px -20px 0px -20px;}
	.pro_list li{ margin:0px 20px 40px 20px; float:left;}
}
/* 將不規則圖片，依CSS指定大小顯示，並且不會變形(產品圖自動縮成正方形)
-------------------------------------------------- */
.nailthumb-container {
  width: auto;  height: auto;  margin: 0px;
  padding: 0px;  overflow: hidden;  position: relative;  text-align: left;
}
.nailthumb-container img.nailthumb-image {
  margin: 0px;  padding: 0px;  max-width: none;  text-align: left;  float: left;
}
.nailthumb-container span.nailthumb-title {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
  bottom: 0;  color: White;  display: block;  font-size: 9px;
  height: 20px;  left: 0;  margin-top: 2px;  line-height: 20px;
  position: relative;  text-align: center;  width: 100%;
  overflow: hidden;  float: left;
}
.nailthumb-container span.nailthumb-title .nailthumb-title-scroller {  padding-left: 2px;}
.nailthumb-container img {  max-width: none;  text-align: left;}
.pro_list_img {
	width: 180px;
	height: 180px;
	background-color: #A480FF;
	margin: 0 auto;
}
.pro_img_Small:hover{ opacity:0.6;filter:alpha(opacity=60);}
.pro_in .on{ border:#C9249A 4px solid;}

@media (max-width: 360px) {
	.pro_img_big{ width:360px; height:360px;}
	.pro_img_Small{ width:105px; height:105px;}
	.pro_in .on{ width:113px; height:113px; }
}
@media (min-width: 360px) {
	.pro_img_big{ width:360px; height:360px;}
	.pro_img_Small{ width:105px; height:105px;}
	.pro_in .on{ width:113px; height:113px; }
}
@media (min-width: 640px) {
	.pro_img_big{ width:450px; height:450px;}
	.pro_img_Small{ width:100px; height:100px;}
	.pro_in .on{ width:108px; height:108px; }
}
@media (min-width: 767px) {
	.pro_img_big{ width:350px; height:350px;}
	.pro_img_Small{ width:100px; height:100px;}
	.pro_in .on{ width:108px; height:108px; }
}
@media (min-width: 992px) {
	.pro_img_big{ width:385px; height:385px;}
	.pro_img_Small{ width:72px; height:72px;}
	.pro_in .on{ width:80px; height:80px; }
}
@media (min-width: 1200px) {
	.pro_img_big{ width:462px; height:462px;}
	.pro_img_Small{ width:72px; height:72px;}
	.pro_in .on{ width:80px; height:80px; }
}
@media (max-width: 767px) {
	/*.pro_directions, .pro_in { margin-left: 0; margin-right: 0; padding-left: 1.5em; padding-right: 1.5em; }*/
}

/* 產品詳細頁
-------------------------------------------------- */
/*
.pro_in .col-sm-7,.pro_in .col-sm-5,.pro_in col-xs-12{ padding-top:0px; padding-bottom:0px;}
.pro_in .col-sm-5{ padding:0px; font: 15px "微軟正黑體", Arial;}
*/
.pro_in h3 { color: #A350BF; font-weight:bold; margin-top: 0; padding-bottom: .3em; border-bottom: #A350BF 2px solid; }
.pro_in .col-sm-5 > ul > li > span{ font-weight:bold;}
.pro_in .col-sm-5 > ul > li{ margin:20px 0px 20px 0px;}
.pro_in .col-sm-7 > ul > li{ float:left;}
.pro_in ul { margin:0px; padding:0px; list-style-type:none;}
.pro_directions { font:15px "微軟正黑體", Arial;}
.pro_other{font:22px "微軟正黑體", Arial; font-weight:bold; margin:0px 0px 13px 0px;}
.pro_directions img { max-width: 100%; height:auto;}



/* 產品目錄
-------------------------------------------------- */
.catalog{}
.catalog_list_button{padding:0px 0px 0px 12px;}
.catalog_list_button a{ border:1px solid #838383; color:#555; font:14px "微軟正黑體";font-weight:bold; padding:1px auto; margin:0px 3px; width:111px; text-align:center; display: inline-block; }
.catalog_list_button a:hover{ background-color:#3F270F; color:#fff; text-decoration:none;}
.catalog_text{ width:230px; height:27px;color:#555; font:15px/30px "微軟正黑體"; margin:10px auto; padding:0px 5px;font-weight:bold; overflow:hidden;}
@media (max-width: 360px) {
	.catalog_list_img{ width:130px; height:184px; margin:0px auto;}
	.catalog_text{ width:auto; text-align:center;}
	.catalog_list_button{padding:0px; text-align:center;}
	.catalog_list_button a{margin:0px 1px; width:62px;}
}
@media (min-width: 360px) {
	.catalog_list_img{ width:130px; height:184px; margin:0px auto;}
	.catalog_text{ width:auto; text-align:center;}
	.catalog_list_button{padding:0px; text-align:center;}
	.catalog_list_button a{margin:0px 1px; width:62px;}
}
@media (min-width: 640px) {
	.catalog_list_button{padding:0px; text-align:center;}
	.catalog_list_button a{margin:0px 3px; width:110px;}
	.catalog_list_img{ width:230px; height:326px; margin:0px auto;}
}
@media (min-width: 767px) {
	.catalog_list_button{ width:236px; margin:0px -3px; padding:0px;}
	.catalog_list_button a{margin:0px 3px; width:110px;}
	.catalog_list_img{ width:230px; height:326px; margin:0px auto;}
}
@media (min-width: 992px) {
	.catalog_list_button{padding:0px 0px 0px 0px;}
	.catalog_list_button a{margin:0px 3px; width:110px;}
	.catalog_list_img{ width:230px; height:326px; margin:0px auto;}
	.catalog_text{ width:230px; height:27px;color:#555; font:15px/30px "微軟正黑體"; margin:10px auto; padding:0px 5px;font-weight:bold; overflow:hidden; text-align:left;}	
}
@media (min-width: 1200px) {
	.catalog_list_button{width:auto;padding:0px; text-align:center;}
	.catalog_list_button a{margin:0px 3px; width:111px;}
	.catalog_list_img{ width:230px; height:326px; margin:0px auto;}
	.catalog_text{ width:230px; height:27px;color:#555; font:15px/30px "微軟正黑體"; margin:10px auto; padding:0px 5px;font-weight:bold; overflow:hidden; text-align:left;}
}

/* 色卡
-------------------------------------------------- */
@media (max-width: 360px) {
}
@media (min-width: 360px) {
}
@media (min-width: 640px) {
	/*.color_card_img{ width:350px; height:250px; margin:0px auto;}*/
}
@media (min-width: 767px) {
	/*.color_card_img{ width:350px; height:250px; margin:0px auto;}*/
}
@media (min-width: 992px) {
	/*.color_card_img{ width:350px; height:250px; margin:0px auto;}*/
}
@media (min-width: 1200px) {
	/*.color_card_img{ width:350px; height:250px; margin:0px auto;}*/
}

/* 頁碼
-------------------------------------------------- */
.button_back{ text-align:center; margin:40px 0px 10px 0px;}
.button_back a{font: 13px "微軟正黑體", Arial; color:#53331a; border:1px solid #838383; width:140px; text-align:center;display:inline-block;padding:4px 0px;}
.button_back a:hover{font: 13px "微軟正黑體", Arial; color:#53331a; border:1px solid #BFA797; width:140px; text-align:center;display:inline-block;padding:4px 0px; text-decoration:none; background-color:#ddd9d1;}

.page_number{ text-align:center; position:relative; float:left; width:100%;}
.page_number ul{margin:0px;padding:0px;list-style-type: none;}
.page_number li{ margin:3px; display:inline; width:inherit;}
.page_number li a{ font:13px Arial, Helvetica, sans-serif; color:#53331a; padding:5px;}
.page_number li a:hover{ color:#F30;}
.page_number .on{ color:#ff7000}

.page_number_button_left,.page_number_button_right{background-color:#DBD6CF; color:#fff; width:140px; padding:4px 0px;display:inline-block; font: 13px "微軟正黑體", Arial; margin:0px 5px;}
.page_number_button_left a,.page_number_button_right a{ background-color:#53331a; color:#FFF; width:140px; padding:4px 0px; margin:-4px 0px; display:inline-block; font: 13px "微軟正黑體", Arial;}
.page_number_button_left a:hover,.page_number_button_right a:hover{ text-decoration:none; color:#fff; background-color:#6c1d18;}

@media (max-width: 320px) {
	.page_number_button_left{position:absolute; left:30px; bottom:-40px;}
	.page_number_button_left,.page_number_button_left a,
	.page_number_button_right,.page_number_button_right a{ width:120px;}
	.page_number_button_right{position:absolute; right:30px; bottom:-40px;}
}
@media (max-width: 470px) {
	.page_number_button_left{position:absolute; left:50px; bottom:-40px;}
	.page_number_button_right{position:absolute; right:50px; bottom:-40px;}
}
@media (max-width: 500px) {
	.page_number_button_left{position:absolute; left:50px; bottom:-40px;}
	.page_number_button_right{position:absolute; right:50px; bottom:-40px;}
	.video iframe { height: 16em; }
}
@media (max-width: 550px) {
	.page_number_button_left,.page_number_button_left a,
	.page_number_button_right,.page_number_button_right a{ width:100px;}
	.page_number li{ margin:0px;}
}

@media (max-width: 580px) {
	.page_number_button_left,.page_number_button_left a,
	.page_number_button_right,.page_number_button_right a{ width:100px;}
	.page_number li{ margin:0px;}
}

@media (max-width: 620px) {
	.page_number li{ margin:0px;}
}
@media (max-width: 645px) {
	.page_number li{ margin:0px;}
}
/* 共用字型
-------------------------------------------------- */