.ff00{ color:#d62672;}
.fwb{font-weight:bold;}
/*-----------------------------------------------------------------------全域---*/

html{overflow-x:hidden}
body{font:/*300*/ 13pt 'Microsoft JhengHei',Arial,微軟正黑體!important;line-height:1.7em!important;
background:url(../images/bg.jpg);overflow-x:hidden}
a{font:/*300*/ 13pt 'Microsoft JhengHei',Arial,微軟正黑體!important;-webkit-transition:all ease .3s;
-moz-transition:all ease .3s;line-height:1.7em!important;color:#000;
outline: medium none;/* for Firefox Google Chrome  */
behavior:expression(this.onFocus=this.blur()); /* for IE */}
a:hover{text-decoration:none}

.container-fluid{padding-left:0;padding-right:0}
.container{width:100%;max-width:1250px;margin:0 auto}

@media(max-width: 767px) {
	body,a{font-size:11pt!important}
}

/*-----------------------------------------------------------------------頁首---*/

body > header{background:#0574bb;height:332px}
body > header h1{width:40%;text-align:center}
body > header h1 a{display:inline-block;width:500px;height:150px;
background:url(../images/logo.png) center 0 no-repeat;font-size:0px;text-indent:-7777px}
body > header nav{width:60%;padding:88px 0 0 0}
body > header nav ul li{float:left}
/*body > header nav ul{overflow:hidden}*/
body > header nav ul li ul li{float: none}

/*桌面版導航*/
#nav-up {min-width:125px;float:right;margin:0 0 25px 0}
#nav-up li{margin:0 0 0 5px;color:#333331}
#nav-up a{color:#fff;font-size:.9em!important}
#nav-up a:hover{text-decoration:underline}
#nav-up img{margin:0 0 0 5px}

#nav-down {width:550px;float:right; background-color:#0574bb;}
#nav-down li > span{position:relative;top:0px; background-color:#0574bb; color:#FFFFFF;}
#nav-down li{padding:10px 0 10px 0;background-position:center 100px;background-repeat:no-repeat;
-webkit-transition:all ease .3s;-moz-transition:all ease .3s}
/*#nav-down li:hover{background-position:center 0; color:#FFFF00;}*/
#nav-down li:hover a{color:#780606; color:#FFFF00;}
#nav-down a{display:block;padding:0px 12px 0 11px;color:#FFFFFF;}

#nav-down .cart{position:relative;top:5px; background-color:}
#nav-down .cart:hover a{color:#ffff00;}
#nav-down .cart a{color:#ff0000;}

#nav-down .count{position:absolute;top:-10px;right:-50px;background:url(../images/count.png) 0 0 no-repeat;
width:68px;height:28px;font-size:.8em;text-align:center;line-height:1em;padding:6px 0 0 0;}
#nav-down .count:hover a{color:#ff0000;}
#nav-down .count a{color:#ffff00;}

#nav-1{background-image:url(../images/nav-1.png)}
#nav-2{background-image:url(../images/nav-2.png)}
#nav-3{background-image:url(../images/nav-3.png)}
#nav-4{background-image:url(../images/nav-4.png)}
#nav-5{background-image:url(../images/nav-5.png)}
#nav-6{background-image:url(../images/nav-6.png)}

/*手機版導航*/
#nav-top{height:47px;border-bottom:1px solid #0574bb;background:#0574bb;box-shadow:0 1px 0 #FACE47;
padding:10px 10px 0 10px}
#nav-top .cart{position:relative;top:-27px;right:70px;}
#nav-top .count{position:absolute;top:0;right:-69px;background:url(../images/count.png) 0 0 no-repeat;
width:68px;height:28px;font-size:.8em;text-align:center;line-height:1em;padding:6px 0 0 0;}

#nav-side{width:100%;padding:0 0 0 5px;top:45px;left:0px;border-radius:0 0 5px 5px; background-color:#252932;
/*background:url(../images/side.png) 5% center no-repeat #252932*/}
#nav-side li{width:33%}
#nav-side a{color:#fff;border-top:1px solid #1C2029;border-bottom:1px solid #2F333C;
padding:8px 0;text-align:center;font-size:1.0em!important}
#nav-side a:hover{background:#f00}
#nav-side .space:hover{background:none}

#banner{height:88px;}
#banner .container{height:100%;padding-top:40px;font-size:2.2em;font-weight:300;color:#fff;}

.logo_box_m{ width:200px;/* margin:0 20% 0 10%;*/margin:0 auto;}

.logo_img{position:absolute; top:10px; width:95%; text-align:center;}
.cart_boot{position:relative;top:15px;right:50px;}
.count_bg{position:absolute;top:-10px;right:-60px;background:url(../images/count.png) 0 0 no-repeat;
width:68px;height:28px;font-size:.8em;text-align:center;line-height:1em;padding:6px 0 0 0;}
.count_bg:hover a{color:#ff0000;}
.count_bg a{color:#ffff00;}

@media(max-width: 1024px) {
	body > header{height:332px;padding-top:0px}
	body > header h1{float:none;width:100%}
	body > header h1 a{width:300px;height:91px;background:url(../images/logo-m.png) center 0 no-repeat}
	body > header nav{background:#0574bb;float:none;width:100%;padding:0}
	#nav-down {/*width:720px;*/float:none;margin:0 auto}
	#nav-up{position:absolute;top:10px;right:18px}
	#banner{height:88px}
}
@media(max-width: 767px) {
	body > header{height:99px}
	body > header .container{padding:0px}		
	#banner{height:50px}
	#banner .container{font-size:1.4em;padding-top:16px;}
}
@media(max-width: 544px){	
	#nav-side li{width:50%}
}

/*-----------------------------------------------------------------------頁身---*/

body > article{/*background:url(../images/line.jpg) 0 0 repeat-x;*/padding:20px 0}

/*-----------------------------------------------------------------------頁尾---*/

body > footer{background:/*url(../images/line.jpg) 0 0 repeat-x*/ #0574bb;padding:20px 0 20px 0;font-size:.9em;color:#fff}
body > footer p{padding-top:20px;color:#fff}
body > footer a{color:#fff}
body > footer a:hover{text-decoration:underline;color:#ff0}
body > footer h3{background:url(../images/logo.png) right 0 no-repeat;height:184px;font-size:0px;text-indent:-7777px}
#copyright{background:#000;color:#a6a6a6;font-size:.8em;padding:10px 0}
#copyright a{color:#a6a6a6;font-size:1em!important}
#copyright a:hover{text-decoration:underline;}
@media(max-width: 1024px) {
	body > footer h3{background:url(../images/logo.png) left 0 no-repeat}
}
@media(max-width: 767px) {
	body > footer p{padding-top:0;text-align:center}
	body > footer h3{background:url(../images/logo-m.png) center 0 no-repeat;position:relative;left:30px;height:154px}
	#copyright{text-align:center}
	body > footer .icon{display:inline!important}
}
/*-----------------------------------------------------------------------其他---*/
/*頁數*/
.make_page {
	margin:0 auto;width:100%;text-align:center;
	padding-top:30px;
}
.make_page img {
	vertical-align:middle;
}
.make_page a.bpl,
.make_page a.bpl:visited,
.make_page b.bb {
	text-decoration:none;
	color:#669900;
	font-size:20px;
	padding:0 2px;
}
.make_page a.pl,
.make_page a.pl:visited {
	background:#f5f8fa;
}
.make_page a.pl:hover {
	background:#669900;
	color:#fff;
}

/*回最上面*/
#gotop {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;    
    padding: 10px 15px;    
    font-size: 20px;
    background: #f00;
    color: white;
    cursor: pointer;
	margin-bottom:120px;
	border-radius:10px;
}

.error {
	color:#f00;
}
.fk{clear:both;}

/*搜尋*/
.search_bar {width:100%; text-align:center; padding:5px 0; margin:px 0 3px 0; background-color: #CCCCCC;}