@charset "utf-8";
/* CSS Document */
body {
    background: url(../images/bg-2.jpg) no-repeat center top;
    background-color: snow;
}

#left {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    padding: 0 19px 0 13px;
}

.submenu_title {
    font-size: 26px;
    font-weight: bold;
    color: #000;
    text-align: right;
    padding: 15px 0 50px 0;
    width: 100%;
}

.submenu {
    text-align: right;
    padding: 0 0 30px 0;
}

.menu_head {
    padding: 8px 10px;
    border-bottom: 1px solid #e5e5e5;
}

.menu_head a {
    font-family: Tahoma, "新細明體";
    font-size: 13px;
    color: #000;
}

.menu_head a:hover {
    color: #e9112e;
}

.menu_head a.current {
    color: #e9112e;
}

#right {
    display: inline-block;
    vertical-align: top;
    width: 73%;
    border-left: 1px solid #e5e5e5;
}

h1 {
    background: url(../images/line2.jpg) no-repeat 48px 26px;
    border-left: 1px solid #e9112e;
    padding: 10px 0 10px 34px;
    text-align: center;
    font-size: 22px;
    font-weight: normal;
    color: #333;
}

h1 span {
    background: #fffbfa;
    padding: 0 20px;
	line-height:150%;
}

#content {
    padding: 40px 0px 40px 48px;
    /* overflow:hidden; */
}
article	{
	line-height: 150%;
	text-align:left;
}
#about {
    font-size: 15px;
    color: #444;
}

#about span {
    color: #2a2b8a;
    line-height: 150%;
}

#about strong {
    color: #e9112e;
}

#about_slogan {
    padding: 0 0 80px 0;
    font-size: 40px;
    text-align: center;
}

.about_title {
    font-size: 22px;
    font-weight: normal;
    color: #e9112e;
    padding: 0 0 20px 0;
}

.about_pic {
    display: inline-block;
    vertical-align: top;
    padding: 0 2px;
	position:relative;
}

.about_cover {
    position: absolute;
    /*width: 150px;*/
    /*height: 211px;*/
    width: 100%;
    height: 100%;
    left: 1px;
    top: 0;
    background: url(../images/cover-bg.png) repeat left top;
    display: none;
    text-align: center;
}

.about_cover a {
    width: 150px;
    height: 201px;
    vertical-align: middle;
    display: table-cell;
}

.about_cover img {
    border: 0 !important;
}

.about_pic:hover .about_cover {
    display: block;
}

.about_cover2 {
    position: absolute;
    width: 202px;
    height: 143px;
    left: 3px;
    top: 40px;
    background: url(../images/cover-bg.png) repeat left top;
    display: none;
    text-align: center;
}

.about_cover2 a {
    width: 202px;
    height: 143px;
    vertical-align: middle;
    display: table-cell;
}

.about_cover2 img {
    border: 0 !important;
}

.about_pic:hover .about_cover2 {
    display: block;
}

.about_pic img {
    border: 1px solid #ccc;
}

.about_pic span {
    text-align: center;
    display: block;
    font-size: 16px;
    color: #666;
    padding: 10px 0 0 0;
}

#about a {
    color: #333;
}

.product_list {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 172px;
    margin: 0 25px 30px 25px;
}

.product_pic {
    border: 1px solid #e6e6e6;
	width: 170px;
	height: 209px;
	padding: 5px;
	background-color: #fff;
	box-shadow: 3px 3px 6px 0px rgba(0%, 0%, 0%, 0.1);
}
.product_pic img	{
	width: 170px;
	height: 209px;
}

/*.product_pic img{
    max-height: 209px;
}*/

.product_cover {
    position: absolute;
    background: url(../images/cover-bg.png) repeat left top;
    width: 181px;
    height: 221px;
    display: none;
}

.product_cover a {
    width: 170px;
    height: 209px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}

.product_title {
    padding: 10px 0 10px 5px;
	margin: 3px -9px 0 0px;
	text-align: center;
}

.product_title a {
    font-size: 18px;
    color: #1e2084;
    display: block;
	line-height:150%;
}

.product_text {
    font-size: 12px;
    color: #424130;
    line-height: 20px;
    padding: 5px;
}

.product_list:hover .product_cover {
    display: block;
}

.product_list:hover .product_title {
    background: #1e2084;
}

.product_list:hover .product_title a {
    color: #fff;
}

#product_show {padding: 0 0 60px 0;}

#product_show_pic {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

#product_show_item {
    display: inline-block;
    vertical-align: top;
    width: calc(49% - 42px);
    padding: 0 0 0 40px;
}

#product_show_title {
    font-size: 16px;
    font-weight: bold;
    color: #2b2c8b;
    padding: 10px 0 20px 0;
    border-bottom: 1px solid #ccc;
}

#product_show_text {
    font-size: 14px;
    color: #25241a;
    line-height: 20px;
    padding: 10px 0 20px 0;
    border-bottom: 1px solid #ccc;
}

#product_show_text span {
    color: #e9122f;
}

.product_show_share {
    font-size: 14px;
    color: #e9122f;
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
}

.addthis_sharing_toolbox {
    padding: 5px 0 0 0;
}

#product_show_btn {
    padding: 20px 0;
}

#product_show_btn a {
    background: url(../images/product-show-btn-bg.jpg) no-repeat center top;
    width: 93px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    font-size: 13px;
    color: #fff;
	margin-bottom: 15px;
}
#product_show_btn a:hover	{
	opacity:0.8;	
}
#introduction {
    font-size: 14px;
    color: #25241a;
	text-align:left;
}

#tab_block ul {
    border-bottom: 1px solid #e9122f;
}

#tab_block li {
    height: 42px;
    background: #e5e5e5;
    text-align: center;
    line-height: 42px;
    list-style: none;
    font-size: 15px;
    min-width: 120px;
}

#tab_block li.current {
    position: relative;
    top: 1px;
    background: url(../images/tab-bg01.jpg) no-repeat left top;
    font-weight: bold;
}

.tab {
    padding: 40px 20px 0 20px;
    line-height: 22px;
}

.intro_title {
    font-size: 20px;
    color: #e9122f;
    padding: 0 0 10px 0;
}

.datatable {
    width: 100%;
}



.pdpic img {
	max-height: 500px;
}

/*------product_list1------*/
.product_cover2 {
    position: absolute;
    background: url(../images/cover-bg.png) repeat left top;
    width: 181px;
    height: 221px;
    display: none;
}

.product_cover2 a {
    width: 170px;
    height: 209px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}
.product_list2 {
    float: left;
    position: relative;
    padding: 30px 0 30px 0px;
    border-bottom: 1px solid #ddd;
}
.product_pic2 {
    border: 1px solid #e6e6e6;
	width: 170px;
    float: left;
	padding: 5px;
	background-color: #fff;
	box-shadow: 3px 3px 6px 0px rgba(0%, 0%, 0%, 0.1);
}
.product_title2 {
    padding: 10px 0 10px 5px;
	float: left;
    width: 100px;
    text-align: center;
	font-weight: bold;
}
.product_title2 a {
    font-size: 18px;
    color: #1e2084;
    display: block;
	transition: all 0.8s ease 0s;
}

.product_text2 {
    font-size: 14px;
    color: #424130;
    line-height: 20px;
    padding: 10px 0 0 19px;
    float: left;
    width: calc(100% - 202px);
}
.product_list2:hover .product_cover2 {
    display: block;
}

.product_list2:hover .product_title2 {
    background: #1e2084;
}

.product_list2:hover .product_title2 a {
    color: #fff;
}
/***star.path路徑***/
#path	{
	font-size: 0.75em;
	color: #111111;
	max-width: 1002px;
	margin: 0 auto;
	text-align: right;
}

#path ul	{
	
}
#path ul li:first-child	{
	background: url(../images/path_home.png) no-repeat left 2.5px;
	padding-left: 19px;
}
#path ul li	{
	display: inline-block;
	vertical-align: top;
	padding-left: 12px;
	background: url(../images/path_line.png) no-repeat left 5px;
	margin-left: 5px;
}

#path a, #path a:hover	{
	color: #111111;
	text-decoration: none;
}
#path a:hover	{
	text-decoration: underline;	
}
.elsePadding	{
	padding:3% 4%;	
}
/***end.path路徑***/

/**star.側邊選單**/

.side_classLink ul li.current02{ display:none; }
.m_classLink{ display:none;}
@media only screen and (max-width: 999px) {
	
.m_classLink .main	{display:block;padding-bottom: 12px;font-size: 21px;padding: 15px;border-bottom: 1px solid #D6D6D6;}
.content-Box { padding-top:20px;}
.right-box { width:100%; position:inherit; top:20px; background:none; float:none; z-index:auto;	}
.submenu-title { display:none;}
.side_classLink {display:none;}
.m_classLink{display:block;position:relative;border-bottom:1px solid #D6D6D6;background: #efefef;}

.m_classLink ul{display:none;width: calc(100% - 21px);z-index:999;margin-top:0px;padding: 0 10px 10px 10px;}
.m_classLink ul li.current02{ display:none; }
.m_classLink .main i	{
	width: 30px;
	height: 10px;
	display: inline-block;
	position: absolute;
	right: 20px;
	top: 20px;
	background-repeat: no-repeat;
	background-position: right 0px;
}
.m_classLink .main i.fa-angle-down	{
	background-image: url(../images/aside_line.png);
}
.m_classLink .main i.fa-angle-up	{
	background-image: url(../images/aside_line2.png);
}

/**end.側邊選單**/
@media print, screen and (max-width:1240px){

#right,#left	{
	width: calc(100% - 15px);
	border: 0;
}
#left	{
    padding: 0px;
}
#content	{padding:0;text-align: center;}
h1	{border:0;padding-left: 0;background-position: 3px 22px;background-repeat: repeat-x;}
.menu_head a	{
	display:block;
	padding:10px 0;
	font-size: 15px;
	line-height: 150%;
}
.tab	{
	padding:20px 0;	
}
#path	{text-align:left;margin-top: 30px;}

}

@media print, screen and (max-width:960px){
	
}

@media print, screen and (max-width:740px){
#product_show_pic, #product_show_item	{
	width:inherit;
	padding:0
}
#product_show_pic	{
	width: calc(100% - 12px);
}
}

@media print, screen and (max-width:460px){
.product_cover2, .product_pic2, .product_text2, .product_title2	{
	float:none;
	width: initial;
	display:block;
	line-height: 150%;
	background: none;
	text-align: center;
	padding: 10px;
}
.product_cover2 a	{
	width:100%;
}
.product_cover2 a img	{
	display:none;	
}
.product_text2 p	{
	text-align:left;
}
.product_list2 .product_title2 {
    background: #1e2084;
}
.product_list2 .product_title2 a	{
    color:#FFF;
}

}