body {
    font-family:Microsoft JhengHei,Arial,sans-serif;
	color:#3E3A39;
	font-size:15px;	
	background: #FFF;
}

h1 {display:none}
h1, h2, h3, h4, h5 { font-weight: bold; font-family:Microsoft JhengHei,Arial,sans-serif;}
ul {  list-style: none; padding:0; margin:0; }
.post_content h1 { display: block}

/*樣式共用定義*/

a { color:#000;  text-decoration:none; }
a:visited {  text-decoration:none; }
a:hover {  color: #036EB8; text-decoration:none; }
a:active {  color: #036EB8; text-decoration:none; }
a:focus { text-decoration:none;}
}
a img {border: none;}
a.view { color:#90bdd0; text-decoration:none;}
a.view:hover {  color: #FFF;  text-decoration:none;}
a.blue { color:#036EB8; text-decoration:none;}
a.blue:hover {  color: #009ee8;  text-decoration:none;}
a.red { color:#CC0000; text-decoration:none;}
a.red:hover {  color: #ff0000;  text-decoration:none;}
a.black { color:#000; text-decoration:none;}
a.black:hover {  color: #90bdd0;  text-decoration:none;}
a.gray { color:#c8c8c8; text-decoration:none;}
a.gray:hover {  color: #999;  text-decoration:none;}
a.white { color:#FFF; text-decoration:none;}
a.more { color:#00A0E9; font-size:14px; font-weight:bold; text-decoration:none;}
a.more:hover {  color: #0066cc;  text-decoration:none;}
.thumbnail>a:hover  p{  color: #036EB8; text-decoration:none; }

.fL {	float: left; }
.fR {	float: right; }
.tR {	text-align: right; }
.tL {	text-align: left; }
.tC {	text-align: center; }
.center  { margin: 0 auto; }
.nopadding 	{ padding:0 !important; }
.nomargin 	{ margin:0 !important; }
.noborder 	{ border:0 !important; 	}
.nobg		{ background:transparent; }
.mg-5 { margin:5px}
.mg-10 { margin:10px}
.mg-15 { margin:15px}
.mgL-3 { margin-left:3px}
.mgL-10 { margin-left:10px}
.mgL-15 { margin-left:15px}
.mgR-10 { margin-right:10px}
.mgR-15 { margin-right:15px}
.mgT-5 { margin-top:7px}
.mgT-10 { margin-top:10px}
.mgT-15 { margin-top:15px}
.mgB-5 { margin-bottom:7px}
.mgB-10 { margin-bottom:10px}
.mgB-15 { margin-bottom:15px}
.pd-5 { padding:5px}
.pd-10 { padding:10px}
.pd-15 { padding:15px}
.pdL-5 { padding-left:5px}
.pdL-10 { padding-left:10px}
.pdL-15 { padding-left:15px}
.pdR-5 { padding-right:5px}
.pdR-10 { padding-right:10px}
.pdR-15 { padding-right:15px}
.pdT-5 { padding-top:5px}
.pdT-10 { padding-top:10px}
.pdT-15 { padding-top:15px}
.pdB-5 { padding-bottom:5px}
.pdB-10 { padding-bottom:10px}
.pdB-15 { padding-bottom:15px}
.fc-g { color:#333}
.fc-r { color:#e70012}
.fc-bl { color:#90bdd0}
.fc-blue { color:#036EB8}
.fs-H{font-size: 40px; font-weight:bold }
.fs-L {font-size: 20px;}
.fs-M {font-size: 16px;}
.fs-S {font-size: 12px;}
.fs-XS { font-size:11px; -webkit-transform:scale(0.91); line-height:18px !important }
.fs-13 {font-size: 13px; line-height:20px}
.fw-B { font-weight: bold}
.let2 { letter-spacing:2px}
.t-ind-15 { text-indent :15px;}
.txt-th-line  { text-decoration:line-through }   
.noboder { border:none !important}
.g_line  { border-top:1px solid #cccccc; width:100%;}
.g_back	{ background-color:#eeeeee;}
.back-gray { background-color:#dddddd;}
.w_50 {width:50px}
.w_100 {width:100px}
.w_150  {width:150px}
.w_200  {width:200px}
.w_300  {width:300px}
.w_50p  {width:50%}
.w_70p  {width:70%}
.w_90p  {width:90%}
.w_100p  {width:100%}
.pos_r  { position:relative }
.pos_a  { position:absolute }

input.Large{width: 16px; height: 16px;}
.form-default {
  height: 34px;
  padding: 6px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

/*修改bootstrap定義 */
.row {
    margin-right: -10px;
    margin-left: -10px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  padding-right: 10px;
  padding-left: 10px; 
}

.thumbnail { border:0; margin-bottom:0 }
.thumbnail .caption {  padding: 5px;	} 
.thumbnail  img { width: 100%; }
.carousel-control { opacity: .9 !important;  }
.carousel-control.left,  .carousel-control.right { background-image: none !important;}
.carousel-control>img.arrow { position:absolute; top:50% ; margin-left:35px\9;}
.carousel-control>img.arrow:hover { opacity: .8 }
.table th {background-color:#e6e6e6}
input[type="radio"], input[type="checkbox"] {width:15px; height:15px}

/* IE10+ CSS styles go here */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.carousel-control>img.arrow { position:absolute; top:50% ; margin-left:35px }
.carousel-control i { display:none; }
}

/*Header */  

body.header-fixed-space {    padding-top: 173px; }
.header  { position:fixed; top:0; left:0; width:100%; background-color:#FFF; z-index:999; }

@media (max-width: 991px) {
	/*Header*/
	.header-fixed .header.header-sticky,
	.header-fixed .header.header-fixed-shrink {	position: relative;}
}

@media (min-width: 992px) {
	.header-fixed .header.header-fixed-shrink {	margin-top: -35px;} /*nav上方的距離*/
	.header-fixed .header.header-fixed-shrink > .container {	margin-bottom: -46px;}
}
/* Header - Fixed end*/


/*修改nav樣式 */  
#nav {    top: 0;   z-index:999;  width:100%;}
.header-v1  { margin-bottom: 6px;}
.header-v1 .navbar-nav {    margin: 0 }
.header-v1 .navbar-default {  background: #fff100;  border:0 } /*黃色navbar */ 
.header-v1 .navbar-default .navbar-nav>li>a {  color: #000;	font-weight:bold;}
.header-v1 .navbar-default .navbar-nav>li>a:hover {  background-color: #ffff99; color: #000;}
.header-v1 .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { background-color: #ffff99; } /*點擊打開 */ 
.header-v1 .navbar { margin-bottom:0 ; max-height:38px;  min-height: 38px;} 
/*.header-v1 .navbar-collapse.in { background-color:#FFF } 
.header-v1 .navbar-collapse.in>li>a { background-color:#FFF !important;}*/
.navbar-form { padding:0;}
.header-v1 .navbar-default .navbar-toggle  {  
    float:none;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 0;
	padding: 7px 5px;   
	border:none;
	}
.header-v1 .navbar-default .navbar-toggle:hover,
.header-v1 .navbar-default .navbar-toggle:focus {
     background-color: #ffff99 ;
	border:none;
}	
.navbar-default .navbar-toggle .icon-bar { background-color: #000 }
.navbar-default .navbar-nav > li  { background-color: #ffffd0; } /* 小版時點開背景色*/
.navbar-default .navbar-nav > li a  {   border-bottom: solid 1px #e0e0e0;}  /*小版時點開分隔線*/

/* .navbar-default .navbar-toggle { border-color: #333;}*/
/*.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {    background-color: transparent !important;  border:0;}  */
.dropdown-menu { min-width: 140px; }
.dropdown-menu .divider {  margin: 3px 0; display:none}

 li.dropdown a {   	font-size:17px;	}
.dropdown-menu>li>a {    	font-size:17px;	color:#000 }

nav ul.s_menu li  { float:left; display:inline; padding:5px}
/*nav ul.s_menu li  a:visited, nav ul.s_menu li  a:hover, nav ul.s_menu li  a:active, nav ul.s_menu li  a:focus { background-color:#fff100 }*/
nav ul.s_menu li  a:visited, nav ul.s_menu li  a:hover, nav ul.s_menu li  a:active, nav ul.s_menu li  a:focus { background-color:transparent }

		a.icon_fb {
			display:block;
			background-image:url(../images/icon_fb.png);
			background-repeat:no-repeat;
			width: 28px;
			height: 28px;
		}
		a.icon_fb:hover {			
			background-image:url(../images/icon_fb_over.png);			
		}
		a.icon_line {
			display:block;
			background-image:url(../images/icon_line.png);
			background-repeat:no-repeat;
			width: 28px;
			height: 28px;
		}
		a.icon_line:hover {			
			background-image:url(../images/icon_line_over.png);			
		}
		a.icon_ig {
			display:block;
			background-image:url(../images/icon_ig.png);
			background-repeat:no-repeat;
			width: 28px;
			height: 28px;
		}
		a.icon_ig:hover {			
			background-image:url(../images/icon_ig_over.png);			
		}		
		a.icon_cart {
			display:block;
			background-image:url(../images/icon_cart.png);
			background-repeat:no-repeat;
			width: 28px;
			height: 28px;
		}		
		a.icon_cart:hover {			
			background-image:url(../images/icon_cart_over.png);			
		}	
		a.icon_search {
			display:block;
			background-image:url(../images/icon_search.png);
			background-repeat:no-repeat;
			width: 28px;
			height: 28px;			
		}		
		a.icon_search:hover {			
			background-image:url(../images/icon_search_over.png);			
		}		
		a.icon_member {
			display:block;
			background-image:url(../images/icon_member.png);
			background-repeat:no-repeat;
			width: 30px;
			height: 28px;
		}
		a.icon_member:hover  {			
			background-image:url(../images/icon_member_over.png);			
		}		
        .search_box   { height:26px; border:1px solid #3f3a39; padding:2px;}
        .search_icon   { width:26px; height:26px; position: absolute;   top: 0;  right: 0; cursor: pointer;}
		
/* 小版搜尋 */  
#xs_search   {width:100%; background-color:#FFF; padding:7px 15px 0 15px; text-align:center; display:none }
#xs_search  input {width:200px}

/* 會員&購物車Box open */
#memberbox-open {width:150px; border:1px solid #ccc; border-radius: 5px !important; padding:5px 10px; position:absolute; top:40px; background-color:#FFF; display:none }
#memberbox-open  ul li  { width:100%; border-top:1px solid #ccc; text-align:center}
#memberbox-open  ul li:first-child  { border-top:none;}
#memberbox-open  ul li a:hover { background-color: transparent !important;}
#cartbox-open {width:300px; border:1px solid #ccc; border-radius: 5px !important; padding:5px 10px; position:absolute; top:40px; background-color:#FFF; display:none }
#cartbox-open  ul li  { border-bottom:1px solid #ccc; font-size:13px; position:relative }
#cartbox-open  ul li>.delete  { position:absolute; bottom:5px; right:0 }
#cartbox-open  ul li>img  { width:90px; float:left; margin-right:10px}
#cartbox-open  ul li>div  { width:160px; float:left; margin-right:0}
span#navcartxt {
    position: absolute;
    left: 10px;
    color: #fff;   
    font-size: 13px;
	width: 15px;
    text-align: center;
	}
.s_menu>li.memberbox, .s_menu>li.cartbox   {  position:relative }
/* .s_menu>li.memberbox:hover ~ #memberbox-open {    display : block; } */
#memberbox-open:hover {    display : block; }
/* .s_menu>li.cartbox:hover ~ #cartbox-open {    display : block; } */
#cartbox-open:hover {    display : block; }
.btn-check { padding:1px 8px; color:#FFF; font-size:14px; background-color:#e83428; border-radius: 4px !important; }
.btn-check:hover { color:#FFF; background-color:#cc3333;} 


/* Logo & Banner樣式 */   
.logo { padding:8px 0}
.logo  img { height: auto;  max-width: 100%; } 
.top_banner { display:none}
.ad_banner {    
  color: inherit;
  background-color: #eeeeee;
  text-align:center;  
}
.ad_banner .carousel-control {  width: 7%;}
.video-container{ position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}  /* 影片RWD */   
.video-container iframe,
.video-container object,
.video-container embed{ position:absolute; top:0; left:0; width:100%; height:100%;}  /* 影片RWD */   
.h_side_ad , .side_ad { display:none}


/* 中間內容 */   
.article_imgbox  { overflow:hidden }
.article_imgbox .txt{ 
    padding:10px 15px; width:100%; 		
	bottom:-10px;		
	text-align:left;
	color:#FFF;
	font:16px Verdana, Geneva, sans-serif, Microsoft JhengHei;	
}
.bg_ah1 { background: rgba(10%,10%,10%,0.5); }
.img_dark {opacity:0.75; filter: alpha(opacity=75); }
.img_dark:hover {opacity: 1;  filter: alpha(opacity=100);}
.home_event { padding:0 10px; position: relative;}
.home_event .carousel-control {  width: 5%; height:50px;  background-color: rgba(230, 230, 230, 0.9); text-shadow:none !important; position:absolute; top:140px;     padding: 8px 0; }
.home_event .carousel-control:hover, .home_event .carousel-control:focus   { color:#333;  background-color: rgba(204, 204, 204, 0.9); }
.home_event .carousel-control img { opacity:1 }
.g_back	p, .title-box p { font-weight:bold}
.carousel-control i {position:absolute; top:50%}
.home_event .box { width:25%; height:auto;  float:left; padding:0 3px  }
.home_event .thumbnail, .home_article .thumbnail { margin-bottom:0; padding:0; opacity: 1; }
.article_imgbox img:hover   {   opacity: 0.9;}
.thumbnail img:hover  {   opacity: 0.8;}

ul.new_article_title { display:none }

/* 限時搶購 */ 
.buy-box { background-color:#FFF; border:1px solid #3E3A39; padding:0px; margin-bottom:10px; position:relative; }
.buy_item {padding:5px 10px 0 10px}
.buy_title { color:#FFF; font-size:25px; letter-spacing: 4px; font-weight:bold; background: url('../images/shop_title_bg.gif') repeat-x;	 text-align:center; padding:3px 0;}

		#timetobuy .carousel-indicators li {text-indent: 0px;}
		#timetobuy .carousel-indicators { width:120px; top:2% ; left:92%; height:1%}
		#timetobuy .carousel-indicators li {width: 17px; height: 17px; border:1px solid #333;  background-color:#FFF; float:left;  font-size: 13px; line-height: 15px; font-family: Helvetica,Arial,sans-serif;  margin-right:4px;  text-align:center; border-radius:0; }
        #timetobuy .carousel-indicators li:hover { color: #000;  background-color:#cee7e8 }
		#timetobuy .carousel-indicators li.active { color: #000;  background-color:#cee7e8 }
			
/*ul.item_number  {position:absolute; top:48px ;right:5px }
ul.item_number li {  width: 17px; height: 17px; border:1px solid #333;  background-color:#FFF; float:left;  font-size: 13px; line-height: 15px; font-family: Helvetica,Arial,sans-serif;  margin-right:4px;  text-align:center }
ul.item_number li:hover { color: #fff;  background-color:#cee7e8 }
a.count:hover{ color: #000;}*/
/*ul.item_number li a { font-family: Helvetica,Arial,sans-serif;}*/
.item_name {font-size:13px; border-bottom:1px solid #CCC; height:36px; overflow:hidden; }
/*.main_title { font-size:20px; font-weight:bold; border-bottom:1px solid #ccc; padding:5px 0}*/
.h_main_title  { font-size:22px; font-weight:bolder; letter-spacing: 1px; border-bottom:1px solid #bdbdbd; border-left:12px solid #036EB8; padding:3px 0 3px 10px}
.main_title  { font-size:18px; font-weight:bolder; border-bottom:1px solid #bdbdbd; border-left:12px solid #036EB8; padding:3px 0 3px 10px}
.star_title { font-size:20px; font-weight:bolder; background-color:#FFF100; text-align:center; padding:10px 0; }
.tR-more  {width:100px; position:absolute; top:10px; right:15px}

/* Footer */   
.footer{ 
  background-color:#fff100;  
  color: #000; 
  font-size:13px;
  padding:10px; 
  text-align:center;
  margin-top:20px
}
.go-top {position:fixed; right:5px; bottom:5px; z-index:99 }

/* 768px以下------------------------ */
@media screen and (max-width:767px) {   
   .xshide { display:none } 
   .textC-xs {  text-align: center !important;  float:none !important; display:block }
   .menu-xs {    margin: 0 auto;   width: 250px;}
   .navbar-collapse   { max-height: 450px;}
   .navbar-collapse .in>li.dropdown  {    background-color: #FFF !important;} 
   .navbar-nav .open .dropdown-menu {    background-color: #FFF !important;}   
   .navbar-nav .open .dropdown-menu {    background-color: #FFF !important;} 
}  
    
/* 992px以下隱藏------------------------ */
@media screen and (max-width:992px) {
    .smhide {display:none } 
    #cartbox-open {position:absolute; top:40px; right:30px }    
}
/* 960px以上隱藏------------------------ */
@media screen and (min-width:960px) {	
    .mdhide { display:none } 
}

/* 平板設定：768px以上版型------------------------ */
@media screen and (min-width:768px) {     	
    .navbar-collapse  { padding-right:0; padding-left:0; }
    #xs_search  input {width:400px}
    .navbar { max-height:36px;  min-height: 36px; }	
	.header-v1 .navbar-default .navbar-nav > li  { background-color: transparent } /* 大版時背景色透明*/
	.header-v1 .navbar-default .navbar-nav > li a  {   border-bottom: none;}  /*小版時點開分隔線*/
	.dropdown-menu .divider {  display:block}
	nav ul.menu li.line {  width: 4px; height: 35px; background: url(../images/nav_line_dark.png) center center no-repeat; display: inline }	
	nav ul.s_menu {padding-right:7px;}
	nav ul.s_menu li {padding:5px;}
	nav ul.s_menu li  a  {padding:8px; }	
	.navbar-nav>li>a  { padding:8px 7px; }	
	.navbar-form  { margin-top:5px;}
	.top_banner {display:block; float:right; }
    .home_event .carousel-control {  width: 3%; }	
	.h_main_title, .main_title  { font-size:22px; font-weight:bolder; letter-spacing: 1px; border-bottom:1px solid #bdbdbd; border-left:12px solid #036EB8; padding:3px 0 3px 10px}
	.article_imgbox .txt{ position:absolute; }
	.article_imgbox  { width:55%; padding-right:0; max-height:325px; overflow:hidden }
	.article_titlebox   { width:45%; padding-left:0; max-height:310px;}	
	ul.new_article_title { background-color:#FFF; display:block; padding-left:10px }
	ul.new_article_title li { padding:4px 10px; border-bottom:1px solid #cfcfcf; width:100%; min-height:60px; display: table;}
	ul.new_article_title li.active{ background-color:#dadada; }
    ul.new_article_title li  a {font-size:15px; font-weight:bold; line-height:25px;  display: table-cell; vertical-align: middle;}	
   	ul.new_article_title li  a:active, ul.new_article_title li  a:focus { outline:0;}
	.xsfooter {  display:none; font-size:13px }
	.carousel-indicators {   bottom: 10px  !important; } /*改輪播小點位置*/
	#timetobuy .carousel-indicators { margin-left: 0; left:82%;}
	.title-box p { min-height:50px; margin: 0 0 0px;}
}


/* 電腦設定：960px以上版型------------------------ */
@media screen and (min-width:960px) {  		
    		
	nav ul.s_menu { padding-left:20px;}
	nav ul.s_menu li { padding-right:7px }  	
	nav ul.s_menu li.search { display:none}
	nav ul.s_menu  img:hover{ opacity: 0.9; }		
	.h_side_ad , .side_ad { display:block; } 		
	.h_side_ad  {padding-top:36px; overflow:hidden; }
	ul.new_article_title li { padding:4px 10px; width:100%; min-height:60px; display: table;}
	.g_back p  { min-height:52px; }
	.right-side { padding-left:0}	
	.buy-box { max-height:335px; overflow:hidden }
	.title-box  {max-height:60px; overflow:hidden }
	.title-box p { min-height:55px; margin: 0 0 0px;}
	.star_title { font-size:16px; font-weight:bolder; padding:7px 0;}
	.fs-H {    font-size: 30px;   font-weight: bold;}
	#timetobuy .carousel-indicators { left:50%;}
	#timetobuy .carousel-control {display:none;}
}

/* 電腦設定：1200px以上版型------------------------ */
@media (min-width: 1200px)   {
	.navbar-nav>li>a  { padding:9px 10px;}	
    .container {  width: 1180px;}
	.header-fixed .header.header-fixed-shrink {  margin-top: -100px;} /*nav以上的距離*/  	
	/*li.dropdown a { letter-spacing:3px;}*/	
	.fs-H {    font-size: 36px; font-weight: bold;}
	ul.new_article_title li { min-height:65px; display: table;}
	#timetobuy .carousel-indicators { left:60%;}
}