@charset "utf-8";
/* CSS Document */

body {
    color: #555555;
    font-size: 13px;
	line-height:24px;
	font-family:微軟正黑體,Arial, Helvetica, sans-serif;
}
a{
	color:#555555;
	text-decoration:none;
}
a:hover{
	color:#db214d;
	text-decoration:none;
}
.container{
	margin:0 auto;
	padding:0px;
	max-width:1200px;
	position:relative;
}
header .toplink{
	text-align:right;
	padding:5px 10px;
	position:absolute;
	top:40px;
	z-index:9999;
	width:100%;
}
header .toplink ul li{
	display:inline-block;
	font-size:15px;
	padding:0 5px 0 0px;
}
header .toplink ul li:after{
	content:"|";
	font-size:11px;
	padding:0 0px 0 5px;
	color:#bdbdbd;
}
header .toplink ul li:nth-last-child(1):after{
	content:" ";
	font-size:11px;
	padding:0 0px 0 0px;
}
.banner {
    margin: 0;
	overflow:hidden;
}
.banner .bx-wrapper{
	z-index:99;
}
.banner .bgimg{
	position:absolute;
	top:0px;
	z-index:1;	
}
.banner .bgimg img{
	width:100%;
	height:auto;
}


footer{
	color:#333333;
}
footer .container{
	padding:15px 10px;
}
footer .copyright{
	width:100%;
	padding:0px 0 10px 0;
}
footer a{
	color:#333333;
	text-decoration:none;
}
footer  a:hover{
	color:#7c7c7c;
	text-decoration:none;
}
footer .siteinfo,
footer .plist{
	padding:10px 0;
	float:left;
	width:25%;
}
footer .siteinfo ul li{
	float:left;
	width:140px;
	font-size:13px;
	padding:0 5px 0 0px;
	text-align:left;
	padding-left:10px;
}
footer .siteinfo ul li:before,
footer .plist p:before{
	content:">　";
	font-size:10px;
	padding:0 0px 0 0px;
	color:#959595;
	font-family: "Comic Sans MS", cursive;
}
footer .plist p{
	display:block;
	width:100%;
	font-size:13px;
	padding:0 5px 0 0px;
	text-align:left;
	border-bottom:1px solid #4d4d4d;
}
footer .plist ul{
	margin-top:10px;
}
footer .plist ul li{
	float:left;
	width:145px;
	font-size:13px;
	padding:0 5px 0 0px;
	text-align:left;
	padding-left:10px;
}
footer .plist ul li:before{
	content:"． ";
	font-size:10px;
	padding:0 0px 0 0px;
	color:#959595;
}
footer .siteinfo ul li:nth-last-child(1):after{
}
footer .info ul li{
	float:left;
	width:50%;
	text-align:left;
}
footer .copyinfo{
	border-left:1px solid #4d4d4d;
	width:49%;
	float:right;
	padding:0 0 0 1%;
}
footer .flogo{
}



.main .container{
	padding:30px 20px 10px 20px;
}

/*側邊選項*/
.main aside{
	background:url(../images/all/line.png) no-repeat 0 0;
	width:22%;
	max-width:200px;
	float:left;
	margin:0 0px 0 0px;
}
.side1 nav.responsive,
#trigger{
	display:none;
}

.side1 nav{
	line-height:22px;
	color:#000;
	font-size:15px;
}
#menu ul li,
.side1 nav ul li{
	width:100%;
	line-height:35px;
	font-weight:bold;
}
#menu ul li a,
.side1 nav ul li a{
	display:block;
	padding:0 5px 0 7px;
	background:url(../images/left_btn_icon.png) no-repeat right center #FFF;
}
#menu ul li a {
	line-height:100%;
	padding:14px 10px;
	font-size:15px;
}
#menu ul li a:hover,
.side1 nav ul li a:hover{
	display:block;
	padding:0 0 0 7px;
	background:url(../images/left_btn_icon.png) no-repeat 95% center #707070;
	color:#757575;
}
#menu ul li a:hover {
	padding: 14px 10px;
}
.side1 nav ul li.nav_title{
	background:#000;
	line-height:40px;
	color:#FFF;
	text-align:center;
}
#menu ul li ul.second_menu li,
.side1 nav ul li ul.second_menu li{
	border-bottom:none;
	line-height:30px;
	font-size:13px;
	font-weight: normal;
}
#menu ul li ul.second_menu li a,
.side1 nav ul li ul.second_menu li a{
	background:url(../images/left_btn_icon2.png) no-repeat right center #FFF;
	padding:10px 0 10px 30px;
}
#menu ul li ul.second_menu li a:hover,
.side1 nav ul li ul.second_menu li a:hover{
	background:url(../images/left_btn_icon2.png) no-repeat right center #ddd;
}

#menu ul li li ul.third_menu li a,
.side1 nav ul li li ul.third_menu li a{
	background:url(../images/left_btn_icon3.png) no-repeat 28px center;
	padding:0 0 0 40px;
}
#menu ul li li ul.third_menu li a:hover,
.side1 nav ul li li ul.third_menu li a:hover{
	background:url(../images/left_btn_icon3.png) no-repeat 28px center;
}

#menu ul li{
	/*line-height:50px;*/
}
#menu ul li ul.second_menu li{
	line-height:30px;
}

.side1 .left_info{
	background:#f2f2f2;
	border:1px solid #c7c7c7;
	padding:5px 8px;
	margin:20px 0 10px 0;
}
.side1 .left_info .fb_share{
	background:url(../images/fb.jpg) no-repeat 0 4px;
	padding:0 0 0 20px;
}
.side1 .left_key{
	font-size: 12px;
	font-weight: normal;
	color: #999;
	line-height: 18px;
	padding-bottom: 20px;
}
.side1 .left_fbbox{
	margin:15px 0;
	text-align:center;
}
.languages{
	position: absolute ;
	top:7px;
	right:20px;
	font-size:13px;
	z-index:9999;
}
#menu .languages a,
#menu .languages a:hover{
	border:none; 
	background:none;
	margin:0px;
	padding:0px;
}


/*內文區*/
.main section{
	width:78%;
	max-width:990px;
	float:right;
	margin:0 0px 0px 0px;
	padding:0px 0px 0 0px;
}
.main section .editor02{
	margin-top:20px;
} 
.main section .editor .row {
	overflow: hidden;
	zoom: 1;
	clear:both;
	margin:10px 0;
}
.main section .editor .row li{
	float:left;
}

.main section .editor .col-sm-2{
	width:25%;
	float:left;
}
.main section .editor .col-md-2{
	width:50%;
	float:left;
}
.main section .editor .col-md-3{
	width:33%;
	float:left;
}
.main section .editor .col-md-4{
	width:60%;
	float:left;
}
.main section .editor .col-md-5{
	width:40%;
	float:left;
}
.main section .editor .col-md-6{
	width:40%;
	float:right;
}
.main section .editor .col-md-7{
	width:67%;
	float:right;
}
.main section .editor .colall{
	float:left;
}
.main section .editor .nopic{
	width:100%;
	float:left;
	margin:0 1%
}
.main section .breadcrumbs,
.main section .breadcrumbs a{
	text-align:right;
	color:#a8a8a8;
}
.main section .title{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 38px;
    font-weight: bold;
    color: #000000;
    text-align: left;
    margin-bottom: 20px;
}
.main section .title span{
	color:#aaaaaa;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
.main section .title2{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height:30px;
    font-weight: bold;
    color: #6f6f6f;
    margin: 10px 0;
}
.main section .tableall01{
	border-top:1px solid #d6d6d6;
}
.main section .tableall01 li{
	display:block;
	overflow: hidden;
	zoom: 1;
	clear:both;
	border-bottom:1px solid #d6d6d6;
	width:100%;
}
.main section .tableall02 li{
	display:block;
	overflow: hidden;
	zoom: 1;
	clear:both;
	border-bottom:1px dashed #ccc;
}
.main section .table01{
	float:left;
	width:17%;
	text-align: left;
	padding:25px 20px;
	font-weight:bold;
	background:#FFF;
	height:100%;
}
.main section .he01{
	min-height:180px;
}
.main section .he02{
	min-height:90px;
}
.main section .table01 span{
	background:#db214d;
	color:#FFF;
	font-size: xx-small;
	padding:0 3px;
	font-weight: normal;
	float:right;
}
.main section .table02{
	float:right;
	width:82%;
	padding:23px 8px 0 8px;
}
.main section .table03{
	text-align:center;
	padding:8px;
}
.main section .table04{
	float:left;
	width:80%;
	padding:0 2%;
	line-height:40px;
	background:url(../images/left_btn_icon4.png) no-repeat center left;
}
.main section .table_t .table04{
	background:none;
	padding:0 5%;
}
.main section .table05{
	float:right;
	width:15%;
	padding:0 10px;
	text-align:center;
	line-height:40px;
}
.main section .table06{
	float:left;
	width:20%;
	text-align:right;
	padding:10px 5px;
	font-weight:bold;
}
.main section .table07{
	float:right;
	width:80%;
	padding:10px 5px;
}
.main section .table_t{
	border:1px solid #dddddd;
	line-height:30px;
	font-weight:bold;
	background:#b0b0b0;
	color:#FFF;
}
.main section .albums{
	-moz-column-count: 4;
    -moz-column-gap: 10px;
    -webkit-column-count: 4;
    -webkit-column-gap: 10px;
    column-count: 4;
    column-gap: 10px;
    width:100%; 
	margin:0 auto;
}
.main section .albums li{
	width:100%;
	display: inline-block;
	overflow:hidden;
	line-height: 1.5em;
	letter-spacing: 1pt;
	color:#353535;
	margin:0 1% 20px 1%;
}
.main section .albums li .pic img{
	width:100%;
}
.main section .albums li .text{
	text-align:center;
	margin:10px 0;
}
.main section .box01{
	box-shadow:0px 0px 5px 0px rgba(0%,0%,0%,0.3);
	background:#FFF;
	padding:10px 40px;
}
.main section .pro li{
	float:left;
	width:16%;
	margin:5px 2% 15px 2%;
	border:1px solid #efefef;
	padding:5px;
	text-align:center;
	box-shadow:0px 0px 5px 0px rgba(0%,0%,0%,0.3);
	background:#FFF;
}
.main section .pro li .pic{
	height:100px;
	width:100%;
	overflow:hidden;
}
.main section .pro li .pic img{
	overflow:hidden;
	height:100%;
	width:auto;
}
.main section .pro li .text{
	text-align: left;
	margin:5px 0 0 0;
	background:#454545;
	color:#FFF;
	padding:0 5px;
}
.main section .pro li .price{
	text-align: left;
	border-top:1px solid #efefef;
	margin:5px 0 0 0;
	font-size:12px;
}
.main section .pro li .price span{
	color:#e30000;
	font-size:20px;
	font-style: italic;
}
.main section .pro li:hover{
	border:1px solid #db214d;
}
.main section .editor h1{
	font-size:20px;
	font-weight:bold;
	line-height:50px;
	color:#000000;
	display:block;
	text-align:center;
}
.main section .editor .note{
	border:1px solid #e0e0e0;
	background:#efefef;
	padding:5px 10px;
	font-size:12px;
}
.main section .editor .addcar{
	width:100%;
	float:left;
	text-align:center;
	margin:30px 0;
}
.main section .editor .addcar a{
	background:#cb0000;
	color:#FFF;
	padding:11px 0px 10px 0;
	width:100%;
	text-align:center;
	display:block;
	width:30%;
	margin:0 1%;
	float:left;
}
.main section .editor .addcar02{
	width:50%;
	float:left;
	text-align:center;
}
.main section .editor .addcar02 a{
	background:#cb0000;
	color:#FFF;
	padding:11px 0px 10px 0;
	width:100%;
	text-align:center;
	display:block;
	width:100%;
	float:left;
}
.main section .editor .addcar a:hover{
	background:#db214d;
}

.main section .editor .price02{
	width:50%;
	float:left;
	text-align:center;
	background:#000000;
	color:#FFF;
	padding:10px 0px;
	display:block;
}
.main section .editor .price02 span{
	font-size:20px;
	font-style: italic;
}
.main section .editor .addcar a.btn1{
	background:#868686;
}
.main section .editor .addcar a.btn2{
	background:#3e3e3e;
}
.main section .editor .addcar a.btn3{
	background:#da224d;
}

.main section .editor .cart_title ,
.main section .editor .cart_info,
.main section .editor .cart_total{
	overflow: hidden;
	zoom: 1;
	clear:both;
}
.main section .editor .cart_title li{
	width:17%;
	float:left;
	text-align:center;
	color:#FFF;
	background:#898989;
	line-height:36px;
}
.main section .editor .cart_title2 li{
	width:20%;
	float:left;
	text-align:center;
	color:#FFF;
	background:#898989;
	line-height:36px;
}
.main section .editor .cart_info li{
	width:17%;
	float:left;
	text-align:center;
	border-bottom:1px solid #d5d5d5;
	line-height:50px;
}
.main section .editor .cart_info2 li{
	width:20%;
	float:left;
	text-align:center;
	border-bottom:1px solid #d5d5d5;
	line-height:50px;
}
.main section .editor .cart_title li:first-of-type,
.main section .editor .cart_info li:first-of-type,
.main section .editor .cart_title2 li:first-of-type,
.main section .editor .cart_info2 li:first-of-type{
	width:5%;
}
.main section .editor .cart_title li:first-of-type + li,
.main section .editor .cart_info li:first-of-type + li{
	width:5%;
}
.main section .editor .cart_title2 li:first-of-type + li,
.main section .editor .cart_info2 li:first-of-type + li{
	width:35%;
}
.main section .editor .cart_title li:first-of-type + li + li,
.main section .editor .cart_info li:first-of-type + li + li{
	width:39%;
}
.main section .editor .cart_info li:first-of-type + li + li{
	text-align:left;
}
.main section .editor .cart_total{
	text-align:right;
	line-height:50px;
	background:#FFF;
	padding:0 20px;
}
.main section .editor .view{
	text-align:right;
	margin:0 0 5px 0;
}
.main section .editor .view a{
	background:#000;
	color:#FFF;
	margin:0 5px;
	padding:3px 5px;
}
a.viewcar{
	float:right;
	display:block;
	background:#000;
	color: #999;
	padding:0 5px;
	margin:0 0 0 5px;
}
a.viewcar:hover{
	color:#FFF;
}



/*跑馬燈*/
.marquee_bg{
	display:none;
	margin:5px 0 15px 0;
}
.marquee_bg span{
	font-weight: bold;
	background: url(../images/run_b.jpg) no-repeat 65px 5px;
	display:block;
	width:10%;
	float:left;
	color:#000;
}
.marquee_bg marquee{
    float: right;
    width:90%;
	display:block;
	color:#000;
}
/*首頁產品圖*/
.photoshow{
	padding:50px 0 40px 0;
}
.photoshow .slide .pic{
	min-width:166px;
}
.photoshow .slide .pic img{
	border-radius:10px;
	width:163px;
	height:124px;
}
.photoshow .slide .word{
	text-align:center;
	margin-top:10px;
}
.photoshow .slider1 .slide{
	margin:0 0 0 0px;
}
.home .main section{
	width:100%;
	max-width:100%;
    float: none;
	margin:30px 0px 10px 0px;
	padding:0px 0px 0 0px;
}
.home aside{
	display:none;
}




.font01{
	font-weight:bold;
}
.font02{
	color:#db214d;
}
.font03{
	color:#d9234e;
	font-size:30px;
	font-weight:bold;
}
.font04{
	border:1px solid #e7e7e7;
	padding:3px 10px;
	margin:0 5px 0 0;
}
.font05{
	font-size:30px;
	font-weight:bold;
}
.input01{
	border:1px solid #d6d6d6;
	background:#ffffff;
	width:100%;
	line-height:25px;
	padding:0 5px;
}
.input02{
	border:1px solid #d6d6d6;
	background:#ffffff;
	width:30%;
	line-height:25px;
	padding:0 5px;
}
.input01_area{
	border:1px solid #d6d6d6;
	background:#ffffff;
	width:100%;
	height:130px;
	line-height:25px;
	padding:0 5px;
}
.input_bt01{
	background:#db214d;
	width:230px;
	line-height:50px;
	color:#FFF;
	border:none;
	margin:0 5px;
}
.input_bt02{
	background:#878787;
	width:230px;
	line-height:50px;
	color:#FFF;
	border:none;
	margin:0 5px;
}
.input_bt01,.input_bt02 { -webkit-appearance: button;   }
select{
}
.page{
	text-align:center;
}
a.back{
	background:#666;
	color:#FFF;
	text-align:center;
	padding:7px 20px;
	margin-bottom:20px;
	display:inline-block;
}
a.back:hover{
	color:#CCC;
	background:#000;
}


/*banner*/
.banner .bx-controls {
	display:none;
}

.bx-wrapper .bx-viewport {
    box-shadow:  none;
    border:0px solid #FFF;
    left:0px;
    background: #transparent none repeat scroll 0% 0%;
}
.bx-wrapper {
    position: relative;
    margin: 0px auto 0px;
    padding: 0px;
}
.bx-wrapper .bx-prev{
	left:-50px;
}
.bx-wrapper .bx-next{
	right:-50px;
}
.bx-wrapper .bx-pager{
	display:none;
}
.bx-wrapper .bx-controls-direction a {
    z-index: 999;
}


#gotop {
    position: fixed;
    right: 10px;
    bottom:10px;    
    font-size: 20px;
	width:35px;
	height:35px;
    cursor: pointer;
	z-index:99999;
	background:url(../images/all/gotop.png) no-repeat 0 0;
}

/*相簿*/
#gallery.content {
    display: none;
    float: left;
    width:60%;
	margin-bottom:15px;
}
.ss-controls,
.nav-controls,
.pagination,
.controls,
div.caption-container{
	display: none;
}
#thumbs{
	height:452px;
	overflow:hidden;
	width:40%;
}
.thumb{
	width:152px;
	height:142px;
	display:block;
	overflow:hidden;
	text-align:center;
}
.thumb img{
	height:136px;
	max-width:184px;
}
ul.thumbs li{margin:5px;}
ul.thumbs img {
    border: none;
	display:inline;
}
ul.thumbs li.selected a.thumb{
	background:#db214d;
}

div.slideshow-container {
    position: relative;
    clear: both;
    height:445px;
	width:100%;
	max-width:630px;
}
div.slideshow a.advance-link {
    display: block;
    width:100%;
	max-width:630px;
    height:445px;
    line-height: normal;
    text-align: center;
	margin-top:5px;
	padding:0px;
	overflow: hidden;
}
div.slideshow a.advance-link img{
	width:100%;
}


.clearfix {
  overflow: hidden;
  zoom: 1;
  clear:both;
}
.drawer-navbar {
	display:none;
}
.drawer--navbarTopGutter {
    padding-top: inherit;
}
.webapp{
	display:none;
}
.noopen{
	display:none;
}

.other_title{font-size:18px;font-weight:bold;margin-top:30px;}
.other_workshow{display:block;clear:both;text-align:center;margin:10px auto 30px;}
.other_workshow li{display:block;float:left;width:30%;margin:8px 1%;vertical-align:text-top;height:43px;overflow:hidden;text-align:center;}
.other_workshow li a{color:#222;background:#f6f6f6;width:100%;display:block;max-height:43px;padding:6px;border:1px solid #444;line-height:18px;}
.other_workshow li:hover a{color:#222;background:#c1bfbf;}
.other_workshow.snd_menu li.active a{font-weight:bold;}