body{font-family:'微軟正黑體'}
.row{margin-right:-6px;margin-left:-6px}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{padding-right:6px;padding-left:6px}

a{color:#6f5745;text-decoration:none}
a:hover,a:focus{color:#6f5745;text-decoration:none}

.carousel-indicators li{background:#e5e5e5;border:none}
.carousel-indicators .active{background:#808080}
.carousel-indicators{bottom:-40px}
.carousel-inner {margin-bottom:50px}

/* define bootstrap 5 columns */
.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
    position: relative;
    min-height: 1px;
    padding-right: 6px;
    padding-left: 6px;
}

.col-xs-1-5 {
    width: 20%;
    float: left;
}

/* 自訂 */
#toptips div{padding:5px}
#logo{padding-bottom:1em}
.navbar-nav{font:16px/3em '微軟正黑體'}
.navbar-custom .navbar-toggle .icon-bar{background:#888}
#new_arrival{margin-bottom:7em}
#new_arrival h4{font-weight:bold}
#new_arrival .info{width:70%;margin:0 auto}
#top-languages, #top-languages a{color:#666}
#footer{margin-top:2em;clear:both}
#footer .line{background:url(../images/footer_line.gif) repeat-x;height:23px}
#footer .links, #footer .social{margin:.3em 0 1.3em 0}
#footer .links a{display:inline-block; width:160px; color:#7a7a7a; font-size:12px}
#footer .social a{display:inline-block; width:42px; margin:0 .5em}
#footer .copyright{font-size:12px; color:#666; padding-bottom:1em}
.rollover{
opacity: 1;
transition: opacity .4s ease;
-moz-transition: opacity .4s ease;
-webkit-transition: opacity .4s ease;
}
.rollover:hover {opacity:0.3}
#gobackBtn, .show_more_main{clear:both;padding-top:3em}
.show_more_main{margin-bottom:3em}
#gobackBtn a{
display:block;
width:380px;
height:40px;
font:700 14px/40px '微軟正黑體';
color:#666;
text-align:center;
border:1px solid #666;
border-radius: 4px;
margin:0 auto;
}
.show_more a{
display:block;
width:180px;
height:1em;
font:700 14px/1em '微軟正黑體';
color:#666;
text-align:center;
border-top:1px solid #CCC;
margin:0 auto;
padding-top:22px;
}

/* perss */
#webpath{font:12px/1em arial;color:#333}
#webpath .yl{color:#666}
#press_title h1{font-size:28px;padding:25px 0 50px 0}
#press_list .row2{width:86%; margin:0 auto}

/* event */
#event_title h1{font-size:28px;padding:25px 0 50px 0}
#event_title .row, #event_list .row, #event_detail .row{width:86%; margin:0 auto;}
#event_title .text-right{padding-top:50px}
#event_paging{margin-bottom:5em}
#event_paging .control{display:inline-block;width:230px;padding:5px 0;color:#333;font-size:16px;border:1px solid #666;background:#FFF}
#event_paging .control:hover{color:#FFF;background:#666;transition: background .5s}
#event_paging .programs-control-active{color:#FFF;background: #666}
#event_list .item{padding:.5em}
#event_list .item img{width:100%;height:100%}
#event_list .title{font:700 14px/1.5em '微軟正黑體';padding:.7em 0;height:4em;overflow:hidden}
#event_list .date{font-size:12px; color:#999; margin-bottom:3em}
#event_detail h2{font-size:25px}
#event_detail .date{font-size:12px; color:#999; margin:2em 0}
#event_detail .memo,#event_detail .share{margin:2em 0;clear:both}
#event_detail .share .pull-right{margin-left:1.5em;line-height:32px}

/* about */
#about_title h1{font-size:28px;padding:25px 0 50px 0}
#about_info .row{width:96%; margin:0 auto; padding-bottom:2em}
#about_info .images img{width:100%;height:100%}
#about_info	.text div{margin-bottom:2em;font-size:13px}
#about_info	.text .title{color:#aa986e}
#about_info	.text .memo{color:#666}

/* blog */
#blog_title h1{font-size:28px;padding:25px 0 50px 0}
#blog_title .row, #blog_list .row, #blog_detail .row{width:86%; margin:0 auto;}
#blog_title .text-right{padding-top:50px}
#blog_list	img{width:100%}
#blog_list .l-txt, #blog_list .l-img, #blog_list .r-txt, #blog_list .r-img{padding:0 25px 50px 25px}
#blog_list h3{font:700 16px/2em '微軟正黑體'}
#blog_list h2{font:700 24px/1.5em '微軟正黑體'}
#blog_list .memo{font:700 14px/2em '微軟正黑體'}
#blog_navlist{clear:both;margin:2em 0 4em 0; font-size:10px}
#blog_detail h2{font-size:25px}
#blog_detail .date{font-size:12px; color:#999; margin:2em 0}
#blog_detail .memo,#blog_detail .share{margin:2em 0;clear:both}
#blog_detail .share .pull-right{margin-left:1.5em;line-height:32px}
#topBlock{position:relative;margin:3em 0;width:100%;height:100%}
#topBlock img{position:absolute;top:0px;left:0px;z-index:-1;width:100%}
#topBlock .title{position:absolute;bottom:3em;left:0px;z-index:-1;background:#FFF;padding:1em 3em}
#topBlock .title h2{line-height:1em; margin:0}

/* brand */
#brand_title h1{font-size:28px;padding:25px 0 50px 0}
#brand_list .item{padding:.5em}
#brand_list .title{font:700 18px/1.5em '微軟正黑體';padding:.7em 0; color:#000}
#brand_list .info{font-size:12px; color:#666; margin-bottom:1em}
#brand_list img{width:100%}

#bp_title h1{font-size:28px;padding:25px 0 50px 0}
#bp_infoL .title{font:700 15px/33px '微軟正黑體'; border-bottom:1px solid #000}
#bp_infoL select{width:100%;margin:1.5em 0;padding:5px 15px}
#bp_info ul{width:100%;margin:1.5em 0;padding:0;list-style: none}
#bp_infoL ul li{font:15px/24px '微軟正黑體';padding-left:1.5em; background:url(../images/bg_arrow.gif) no-repeat}
#bp_infoR .title{font:12px/24px '微軟正黑體';color:#000; margin-top:.5em}
#bp_infoR .price{font:12px/24px '微軟正黑體';color:#735b45;margin-bottom:2em}
#bp_infoR .cover img{width:100%;height:100%;border:1px solid #CCC}
#brand_navlist{clear:both;margin:2em 0 4em 0; font-size:10px}
#BL1{display:inline}
#BL2{display:none}
#BL1 a:hover{
color:#999;
transition: color .4s ease;
-moz-transition: color .4s ease;
-webkit-transition: color .4s ease;
}

#bpi_info .sub_title{font:700 14px/24px '微軟正黑體';color:#333;border-bottom:1px solid #d6d6d6}
#bpi_info_photo, #bpi_info_spec{margin-bottom:2em}
#bpi_info_photo .main_photo{margin-bottom:10px}
#bpi_info_photo .main_photo img{width:100%;}
#bpi_info_photo .sub_photo{margin-bottom:10px}
#bpi_info_photo .sub_photo img{width:100%;border:1px solid #CCC}
#bpi_info_spec .page_back{font:12px/24px '微軟正黑體';color:#666}
#bpi_info_spec .big_title1{font:15px/24px '微軟正黑體';color:#333;margin-bottom:.5em}
#bpi_info_spec .big_title2{font:28px/1.5em '微軟正黑體';color:#735b45}
#bpi_info_spec .memo{font:13px/1em '微軟正黑體';color:#666;padding-top:10px;margin-bottom:1.5em}
#bpi_info_spec .share img{margin:5px}
#bpi_info_spec .line{background:url(../images/footer_line.gif) repeat-x;height:23px}
#bpi_info_spec	select{font-size:15px;padding:3px}
#bpi_info_txt{clear:both}
#bpi_info_txt .memo{margin:1.5em 0;}
#product_price{margin:1em 0}
#add_cart{margin:2em 0}
#add_cart .qty{margin:1em 0;font-weight:700}
#add_cart .product_qty{width:100%;font:20px/54px arial;border:2px solid #CCC;color:#222; text-align:center}
#add_cart .atc{display:block;width:176px;font:15px/38px arial;background:#FFF;border:1px solid #666;color:#666}
#add_cart .atc:hover{border:1px solid #aa986e;color:#FFF;background:#aa986e}

/* cart */
#cart_title h1{font-size:28px;padding:25px 0 50px 0}
#cart_info .row{width:96%; margin:0 auto}
#cart_list{font-size:13px}
#cart_list td{vertical-align:middle}
#cart_list .memo div{padding:.3em 0}
#cart_list .price,#cart_list2{font-size:15px}
#cart_list2{border-top:1px solid #CCC; padding:2em 0}
.cart_btn input{display:block;width:100%;height:40px;margin-bottom:1em}
#cart_re{background:#FFF;border:1px solid #000;color:#333}
#cart_mod{background:#333;border:1px solid #333;color:#FFF}
#cart_go{background:#000;border:1px solid #000;color:#FFF}
#cart2_title h1{font-size:28px;padding:25px 0}
#cart2_list .rw{width:85%; margin:0 auto}
#cart2_list h5{font-size:15px; line-height:15px; padding:0;background:url(../images/title_arrow_bg.gif); width:100%; height:30px;}
#pay_block{width:100%}
#pay_block th,#pay_block td{padding:5px; vertical-align:middle}
#pay_block th{text-align:right; color:#333; width:20%; font-weight:normal}
#pay_block td{width:80%}
#pay_block input[type=text],#pay_block input[type=password],#pay_block textarea{background:#888; color:#FFF; width:90%; border:none; padding:.5em}
#pay_block input[type=checkbox],#pay_block input[type=radio]{border:none; vertical-align:middle}
.cartList{width:100%; border-collapse:collapse}
.cartList thead tr{border-bottom:1px solid #555}
.cartList tbody tr{border-bottom:1px solid #DDD}
.cartList th{font-weight:700;padding:0px 5px 4px 5px}
.cartList td{vertical-align:middle;padding:8px 5px}
.cartList img{width:100%}
#bill_check label{font-weight:normal}
#bill_check dt,#bill_check dd{margin:.5em 0}

/* member */
#member_main .row{width:96%;margin:0 auto;padding:0 0 1em 0}
#member_main .sblock{padding:0 4em}
#member_main h6{margin-top:2em}
#member_list .row, #member_detail .row{width:75%; margin:0 auto;padding:0 0 0 1.5em}
#member_title h1{font-size:28px;padding:20px 0 30px 0}
#mm_info .row{width:96%; margin:0 auto}
#mm_infoL{margin-bottom:2em}
#mm_infoL select{width:100%;padding:5px 15px}
#mm_infoL ul{width:100%;padding:0;list-style: none}
#mm_infoL ul li{font:15px/24px '微軟正黑體';padding-left:1.5em; background:url(../images/bg_arrow.gif) no-repeat; margin-bottom:1em}
#mm_infoR{padding:0 2em}
#mm_infoR .mBlock{background:#ededed;height:135px;margin:0 1em 2em 0}
#mm_infoR .mBlock div{padding:15px}
#mm_infoR .mBlock .mTitle{background:#666;font-size:15px;font-weight:700}
#mm_infoR .mBlock .mTitle a{color:#FFF}
#mm_infoR .mBlock .mInfo{font-size:12px;color:#666}
#mm_infoR .table th{background:#F1F1F1; vertical-align:middle}

#orderBTN{display:block;width:60px;background:#999;color:#FFF;line-height:2em;font-weight:700; margin:0 auto}
#orderBTN:hover{background:#aa986e}

#orderbackBTN{display:block;width:176px;font:15px/38px arial;background:#FFF;border:1px solid #666;color:#666; margin:0 auto}
#orderbackBTN:hover{border:1px solid #aa986e;color:#FFF;background:#aa986e}

/* search */
#search_title h1{font-size:28px;padding:25px 0 0 0}
#search_text{font-size:12;padding:0 0 50px 0}

/* other */
.pagination2 {
clear:both;
margin: 2em auto;
text-align:center;
padding:0;
}
.pagination2 > li {
display: inline;
}
.pagination2 > li > a,
.pagination2 > li > span {
position: relative;
padding: 0 18px;
font:12px/12px '微軟正黑體';
color: #1e1e5a;
text-decoration: none;
border-left:1px solid #3d3d3d;
margin:2px 0;
}
.pagination2 > li:first-child > a,
.pagination2 > li:first-child > span {
margin-left: 0;
}
.pagination2 > li:last-child > a,
.pagination2 > li:last-child > span {
}
.pagination2 > li > a:hover,
.pagination2 > li > span:hover,
.pagination2 > li > a:focus,
.pagination2 > li > span:focus {
z-index: 2;
}
.pagination2 > .active > a,
.pagination2 > .active > span,
.pagination2 > .active > a:hover,
.pagination2 > .active > span:hover,
.pagination2 > .active > a:focus,
.pagination2 > .active > span:focus {
z-index: 3;
color: #3d3d3d;
font-weight:700;
cursor: default;
}
.pagination2 .arrow{border:none;padding: 0;}
.pagination2 .first{border:none}

.btn-black {
color: #FFF;
background: #000;
border-color: #000;
}
.btn-black:focus,
.btn-black.focus {
color: #FFF;
background: #000;
border-color: #000;
}
.btn-black:hover {
color: #FFF;
background: #000;
border-color: #000;
}
.btn-black:active,
.btn-black.active,
.open > .dropdown-toggle.btn-black {
color: #FFF;
background: #000;
border-color: #000;
}
.btn-black:active:hover,
.btn-black.active:hover,
.open > .dropdown-toggle.btn-black:hover,
.btn-black:active:focus,
.btn-black.active:focus,
.open > .dropdown-toggle.btn-black:focus,
.btn-black:active.focus,
.btn-black.active.focus,
.open > .dropdown-toggle.btn-black.focus {
color: #FFF;
background: #000;
border-color: #000;
}
.btn-black:active,
.btn-black.active,
.open > .dropdown-toggle.btn-black {
background-image: none;
}
.btn-black.disabled:hover,
.btn-black[disabled]:hover,
fieldset[disabled] .btn-black:hover,
.btn-black.disabled:focus,
.btn-black[disabled]:focus,
fieldset[disabled] .btn-black:focus,
.btn-black.disabled.focus,
.btn-black[disabled].focus,
fieldset[disabled] .btn-black.focus {
background: #000;
border-color: #000;
}
.btn-black .badge {
color: #fff;
background: #000;
}

#search_mobile{position:fixed;top:0;left:0;background:#FFF;width:100%;height:100%;z-index:65535;-webkit-backface-visibility: hidden}
#search_mobile h3{font-size:26px;color:#6f5745;margin:5em 0 2.5em 0}
#search_mobile input{width:60%;font:700 36px/56px '微軟正黑體';color:#666;text-align:center;border:none;border-bottom:1px solid #999;background:#FFF}
#search_mobile img{position:absolute; top: 2em; right:2em}

div.verror{color:#f00;line-height:2em; text-align:left}
#gotop{display: none;position: fixed;right: 1em;bottom: 1em;cursor: pointer;width:45px;height:45px;}
#gotop img{width:100%}

@media (max-width: 767px) {
	.navbar-custom {
	  position: fixed;
	  top: 0;
	  border-width: 0 0 1px;
	  right: 0;
	  left: 0;
	  z-index: 1030;
	  background:#FFF;
	}
	.navbar .navbar-collapse {
	  text-align: center;
	}
	.nav>li>a:focus,.nav>li>a:hover{opacity:1;background:#eee}
	#toptips{display:none}
	#logo{margin-top:58px}
	.nav .md-only{display:inline}
	#footer .links a{margin:1em 0}
	#blog_title .row, #blog_list .row, #blog_detail .row{width:96%}
	#blog_title .text-right{padding-top:1em}
	#blog_list .l-txt, #blog_list .l-img, #blog_list .r-txt, #blog_list .r-img{padding:0 0 25px 0}
	#blog_list .rollover{margin:0 0 25px 0;border-bottom:1px dashed #CCC}
	#event_title .row, #event_list .row, #event_detail .row{width:96%}
	#event_title .text-right{padding-top:1em}
	#event_detail img, #blog_detail .memo img, #bpi_info_txt .memo img{width:100%;height:100%}
	#cart2_list .rw{width:96%}
	#BL1{display:none}
	#BL2{display:inline}
	#member_main .sblock{padding:0}
	#mm_infoR{padding:0}
	#mm_infoR .mBlock{margin:0 0 2em 0}
	.mobile_hide{display:none}
	#gobackBtn a{width:100%}
}
@media (min-width: 768px) {
	.col-sm-1-5 {
        width: 20%;
        float: left;
    }
	.navbar .navbar-nav {
	  display: inline-block;
	  float: none;
	  vertical-align: top;
	}
	.navbar .navbar-collapse {
	  text-align: center;
	}
	.link-1 {
	  transition: 0.3s ease;
	  border-bottom: 1px solid #FFF;
	}
	.link-1:hover {
	  border-bottom: 1px solid #666;
	  padding-bottom: 3px; 
	}
	#searchq{border:1px solid #000;background:#FFF}
	.nav .md-only{display:none}
	#BL1{display:none}
	#BL2{display:inline}
	#bpi_info_photo{padding:0 50px 0 0}
	#mm_infoR{padding:0}
	#mm_infoR .mBlock{margin:0 0 1em 0}
}
@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
	/*.navbar-nav a{width:140px;}*/
	.nav li a{padding:0; margin-top:1em; margin-right:1.5em; margin-left:1.5em}
	#BL1{display:inline}
	#BL2{display:none}
	#bpi_info_photo{padding:0 50px}
	#mm_infoR{border-left:1px solid #ccc}
	#mm_infoR{padding:0 2em}
	#mm_infoR .mBlock{background:#ededed;height:135px;margin:0 1em 2em 0}
	#event_list .row, #event_detail .row{width:86%}
}
@media (min-width: 1200px) {
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
}