/* CSS Document */
@font-face {
font-family: 'Helvetica 45 Light';
font-style: normal;
font-weight: normal;
src: local('Helvetica 45 Light'), url('../font/HelveticaNeue-Light.woff') format('woff');
}
/*anna*/
html {position: relative; min-height: 100%;}
body {
	min-width: 320px;
	height:auto;
	font-size: 14px;
	line-height: 1.5em;
	font-family:'Helvetica 45 Light','Futura Std Light','Myriad Pro Regular', Verdana ,/*'黑體-繁',*/'微軟正黑體',"Arial Light", Arial;
	/*Meiryo是日文明瞭體	，好看但是標點符號會下沉*/
	font-weight: normal;	
	color: #8A8A8A;
}
@media screen and  (min-width: 1600px){body{font-size: 18px;}}
/*ahref+*/
a {color: #8A8A8A;text-decoration: none;}
a:hover,a:focus,a:active {color: #1E1E1C;text-decoration: none;}
a:focus {outline: thin dotted #333;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
img { vertical-align: middle; width: 100%; height: auto; }
/*2-SideMenu*/
#fog{position:fixed; top:0; bottom:0;right:0; left:0;background-color:#000; opacity:0; z-index:-1;transition: all 0.16s ease-in-out-in-out;cursor:url('../pic/icon_close_black.png'), auto}
#fog.active{ left:260px; right:-260px;}
#fog.active2{right:320px; left:-320px;}
#fog.active,#fog.active2{/* opacity:0.85;*/ z-index:90000;transition: all 0.2s ease-in-out,opacity 0.2s ease-in-out 0.16s;}#fog.active2{opacity:0.85;}
#side_nav,#side_cart{position: fixed; top:0; bottom:0; z-index:5;transition: all 0.2s ease-in-out; }#side_cart{ z-index:7}
#side_nav{ left:0; width:260px; margin-left:-260px; background-color:#fff;}
#side_cart {right:0; width:320px;margin-right:-320px; background-color:#fff;}
#side_nav.active{   left:260px;transition: all 0.2s ease-in-out;}
#side_cart.active2 {right:320px;transition: all 0.2s ease-in-out;}
#bodykid,#bodykid.active,#bodykid.active2,#sky.active,#sky.active2,#footer.active,#footer.active2{transition: all 0.2s ease-in-out;}
#bodykid{position:relative;left:0;right:0; z-index:10}
html,body,#bodykid,#major,#grid,.blog_posts,.column{ background-color:#FFF;}
#bodykid.active{  left:260px;right:auto;}
#bodykid.active2{right:320px;left:-320px;}
#sky.active{      left:260px;right:auto;}
#sky.active2{    right:320px;left:-320px;}
#footer.active {  left:260px;right:auto;}
#footer.active2{ right:320px;left:-320px;}
@media screen and (min-width: 768px){#side_cart{width:500px;margin-right:-500px;}#side_cart.active2{right:500px;}#fog.active2,#sky.active2,#bodykid.active2,#footer.active2{right:500px;left:-500px;}}
/*2-SideMenu end*/
/*side_nav_sub*/
#side_nav_sub_cap{position: fixed; top:0; bottom:0; left:0px; width:520px; z-index:6;background-color:#fff;transition: all 0.2s ease-in-out; }
#side_nav_sub_cap.active{position: fixed; top:0; bottom:0; left:260px; width:520px; z-index:6;background-color:#fff;transition: all 0.2s ease-in-out; }
#side_nav_sub{position: fixed; top:0; bottom:0; z-index:5;transition: all 0.2s ease-in-out; }
#side_nav_sub.active{   left:-260px;transition: all 0.2s ease-in-out;}
#side_nav_sub{ left:0; width:260px; margin-left:260px; background-color:#fff;}


/*#side_copy{letter-spacing:0.063em}*/

/*side_nav_sub end*/
/*Hambergur icon's look*/
.hambergur { display:inline-block; position: relative; line-height:70px;width:16px;top:1.15px;}/*he is w16px*h12px*/
.hambergur:before,.hambergur:after {background-color: #1E1E1C; content: ''; display: block; height: 2px; transition: all 0.6s ease-in-out;}
.hambergur:before { box-shadow: 0 5px 0 #1E1E1C;  margin-bottom: 8px;}
.hambergur.active:before { box-shadow: 0 0 0 #1E1E1C; transform: translateY(5px) rotate(45deg);-webkit-transform: translateY(5px) rotate(45deg);}
.hambergur.active:after{transform: translateY(-5px) rotate(-45deg);-webkit-transform: translateY(-5px) rotate(-45deg);}
/*Humbergur icon's look end*/
/*sandwich icon's look*//*70px=4.375em*/
.sandwich{  display:inline-block;position:relative; line-height:4.375em;width: 10px;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); }
.sandwich:before,.sandwich:after{background-color: #CCC;content: ''; display: block; height: 2px;
	             transform: translateY(0.188em) rotate(-45deg);-webkit-transform: translateY(0.188em) rotate(-45deg);}
.sandwich:after {transform: translateY(-0.313em) rotate(45deg);-webkit-transform: translateY(-0.313em) rotate(45deg);}
/*sandwich icon's look end*//*before是下面的三角 after是上面的三角*/

/*2-SideMenu Layout*/
#side_nav,#side_nav_sub{border-right:#CCC 1px solid ;background-color:#1E1E1C; color:#CCC;}
#side_nav li,#side_nav_sub li{text-indent :20px;letter-spacing:0.063em;border-top:#CCC 1px solid ;line-height:70px; height:70px; width:260px }
#side_nav li.side_title,#side_cart .side_title{;border:none;}
#side_nav a,#side_nav_sub a {color: #CCC;;text-decoration: none;}
#side_nav a:hover,#side_nav a:focus,#side_nav a:active,#side_nav_sub a:hover,#side_nav_sub a:focus,#side_nav_sub a:active {color: #CCC;text-decoration: none;}
#side_nav li:hover,#side_nav_sub li:hover{background-color:#141413; margin-left:-1px; padding-left:1px}
.side_search{line-height:70px; height:70px; width:86px; position: absolute; right:0; padding:0 40px 0 20px;}
.nav_li_sub {border-left:#CCC 1px solid ;line-height:70px; height:70px; width:86px; position: absolute; right:0; padding-left:10px}
.big_item{ font-weight:bold;}
#side_cart .side_title{line-height:70px; height:70px;}
#side_cart{padding: 0 1.25em}
#cart_subtotal{line-height:21px; height:29px; padding-top:7px; border-top:#E0E0E0 1px solid ;  position: absolute; bottom:calc(1.25em + 42px + 29px + 14px);width:calc(100% - 1.25em - 1.25em)}
#cart_shipping{line-height:21px; height:29px; padding-bottom:3px; border-bottom:#E0E0E0 1px solid ; position: absolute; bottom:calc(1.25em + 42px + 14px);width:calc(100% - 1.25em - 1.25em) }
#cart_shopping,#cart_checkout{line-height:42px; height:42px; width:calc(50% - 1.666em); border:#8A8A8A 1px solid ; position: absolute;text-align:center; bottom:1.25em;transition: all 0.2s ease-in-out; }
#cart_shopping{ left:1.25em; color:#1E1E1C}#cart_checkout{ right:1.25em; background-color:#8A8A8A; color:#FFF}
@media screen and (min-width: 768px)
{#side_cart{padding: 0 2.24em}#cart_shopping,#cart_checkout{width:calc(50% - 4.229em);bottom:26px;}
 #cart_shopping{ left:2.24em;}#cart_checkout{ right:2.24em;}
 #cart_subtotal,#cart_shipping{width:calc(100% - 2.24em - 2.24em)} #cart_subtotal{bottom:calc(26px + 42px + 29px + 26px);}#cart_shipping{bottom:calc(26px + 42px + 26px)}
}
.cart_uni{ position:relative;height:60px; width:100%; border-top:#E0E0E0 1px solid ; border-bottom:#E0E0E0 1px solid ;margin-top:-1px}
.cart_uni img{ height:58px; width:auto; }
.cart_uni_title,.cart_uni_qty,.cart_uni_price,.cart_uni_x{position:absolute; height::24px;line-height:24px}
.cart_uni_title{ top:7px;left:58px;text-indent:0.5em; width:calc(100% - 58px - 0.5em - 16px);white-space: nowrap;overflow:hidden;text-overflow:ellipsis;}
.cart_uni_qty{ bottom:3px;left:58px;text-indent:0.5em}
.cart_uni_price{bottom:3px;right:0}
.cart_uni_x{top:7px;right:0}
.triangle_l{width: 0;height: 0;border-style: solid;border-width: 8px 8px 8px 0;transition: all 0.2s ease-in-out; cursor:pointer;
border-color: transparent #E0E0E0 transparent transparent;display:inline-block; margin:0 10px -2px 14px}
.triangle_r{width: 0;height: 0;border-style: solid;border-width: 8px 0 8px 8px;transition: all 0.2s ease-in-out; cursor:pointer;
border-color: transparent transparent transparent #E0E0E0;display:inline-block; margin:0 14px -2px 10px}
.triangle_l:hover{ border-right-color:#8A8A8A ;transition: all 0.2s ease-in-out;}
.triangle_r:hover{ border-left-color:#8A8A8A ;transition: all 0.2s ease-in-out;}
.x_css{  display:inline-block;position:relative; line-height:14px;width: 14px;
transform: translate(0,-50%);-webkit-transform: translate(0,-50%); }
.x_css:before,.x_css:after{background-color: #E0E0E0;content: ''; display: block; height: 2px;transform: translateY(0px) rotate(-45deg);-webkit-transform: translateY(0px) rotate(-45deg);transition: all 0.2s ease-in-out;}
.x_css:after {transform: translateY(-2px) rotate(45deg);-webkit-transform: translateY(-2px) rotate(45deg);}
.x_css:hover:before,.x_css:hover:after{background-color: #8A8A8A;transition: all 0.2s ease-in-out; cursor:none}
/**/

#sky{position:fixed;top:0;left:0;right:0;padding:0 1.25em;width:100%;height:auto;font-size:1em;color:#8A8A8A;background-color:#FFF;letter-spacing:0.063em;transition: all 0.2s ease-in-out; z-index:5;}
#sky_sall li{float:left; margin-right:1em;height:70px;line-height:70px;  }
.sky_s1 {float:left;margin-right:1.5em;}
.sky_s2 {float:left;}
.sky_s3 {float:right;}

.ss11{  display:block;cursor: pointer;}/*hambergur*/
.ss12 a{color: #1E1E1C;}/*mumuWebTitle*/
.sky_s2{display:none}
.ss31{  display:none}/*|*/
.ss32{  display:none}/*SignIn*/
.ss33{  cursor: pointer;}/*cart*/

#sky_sall li{ /*set animation*/
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out; }        
#sky_sall li.sticky{height: 70px; line-height:70px;}
/*iphone5 320*568  iphone6 375*667 iphone6 414*736 ipad 1024*768 */
@media screen and (max-width: 480px){/* padding:0 1.25em; */} /*0-480 smartphone*/
@media screen and (min-width: 481px)  and (max-width: 767px)  {#sky{padding:0 1.5em; }} /*481-767 smartphone width*/
@media screen and (min-width: 768px)  and (max-width: 1024px) {#sky{padding:0 3.625em;}.ss11{ display:none}.sky_s2,.ss32{display:block}#sky_sall{ float:right;} .sky_s1{ float:none; position:absolute; left:3.625em;}.sky_s3{float:left;} .ss31{ display:inline-block;}} /*768- ipad*/
@media screen and (min-width: 1025px) and (max-width: 1099px) {#sky{padding:0 3.625em;}.ss11{ display:none}.sky_s2,.ss32{display:block}}
@media screen and (min-width: 1100px) and (max-width: 1599px) {#sky{padding:0 5.6em;}.ss11{ display:none}.sky_s2,.ss32{display:block}}
@media screen and (min-width: 1600px)                         {#sky{padding:0 6.8em; }   .ss11{ display:none}.sky_s2,.ss32{display:block}}
#bodykid{padding: 4.875em 1.25em 0; } 
@media screen and (max-width: 480px){}
@media screen and (min-width: 481px)  and (max-width: 767px)  {#bodykid{padding: 4.875em 1.5em   0;}}
@media screen and (min-width: 768px)  and (max-width: 1024px) {#bodykid{padding: 4.875em 3.625em 0;}}
@media screen and (min-width: 1025px) and (max-width: 1099px) {#bodykid{padding: 4.875em 3.625em 0;}}
@media screen and (min-width: 1100px) and (max-width: 1599px) {#bodykid{padding: 4.875em 5.6em 0;}}
@media screen and (min-width: 1600px) {#bodykid{padding:4.875em 6.8em 0; } #sky_sall li{height:90px; line-height:90px;} }

/*manege*/
#manege{width: 100%;
    height: auto;}
#manege .item img{
    display: block;
    width: 100%;
    height: auto;
}
/*manege End*/
/*minor*/
#minor_title{ line-height:1.5em; font-size:2.375em; margin-top:0.35em; font-weight:100;}
#minor{ height:2.8em;line-height: 2.8em; margin-bottom:0.8em }
#minor ul li a{display: block;float:left; margin-right:1.5em;/*height: 70px;line-height: 70px;*/  }
.small_tree{ font-size:1em; position:relative;top:-0.5em; margin-left:0.375em;/* vertical-align:super;*/}

@media screen and (max-width: 767px) {#minor,#minor_title{display: none}}


/*minor End*/
/*major*/
#major{ width:100%;}
#major a{color: #1E1E1C;}
#major .goonread a{color: #8A8A8A;}
.goonread .sandwich{ margin-left: 0.618em;}
/*use media fix the sandwich 1600px place bug*/
@media screen and  (min-width: 1600px){
	.goonread .sandwich:before{transform: translateY(0.065em) rotate(-45deg);-webkit-transform: translateY(0.065em) rotate(-45deg);}
	.goonread .sandwich:after {transform: translateY(-0.432em) rotate(45deg);-webkit-transform: translateY(-0.432em) rotate(45deg);}}
/*major End*/

/*goodslist*/
/*in the css:float.css*/
/*goodslist End*/


/*blog_uni.php*/
#blog_uni_side{width:20%;  float: left; margin-left: 0; /*margin-top: 4.375em*/}
#blog_uni_post{width:60%; float: right; margin-right: 0; /*margin-top: 4.375em*/}
@media screen and (max-width:  767px) {#blog_uni_side{display:none; } #blog_uni_post{ width: 100%}}  /*0-480 smartphone*//*481-767 smartphone width*/

.unipost_title{ color:#1E1E1C; margin-top:1.125em; font-size: 1.82em;line-height: 1.25em;}
.unipost_title_sub{ color:#8A8A8A;margin-top:0.375em;margin-bottom: 1.5em; font-size: 1.125em;line-height: 1.5em;}
.unipost_blog_posts{margin-bottom: 3em; padding:0 0.65em;}
.unipost_content{ color:#8A8A8A; font-size: 1.125em;line-height: 1.6875em;}
.unipost_content img{ margin: 1em 0;}
.unipost_cretime{ color:#9A9A9A; margin-top:1em;}


/*blog_uni.php end*/
/*disqus setting*/
#disqus_thread{ color:currentColor; margin-top: 1.618em; margin-bottom: 1.618em;
font-family:'Helvetica 45 Light','Futura Std Light','Myriad Pro Regular', Verdana ,/*'黑體-繁',*/'微軟正黑體',"Arial Light", Arial;
}
/*disqus setting end*/
/*footer*/
#footer{z-index:10;clear: both; position:relative;width:100%;height:4.5em;left:0;right:0; background-color:#1E1E1C;padding:0 3.625em; top:2.781em;transition: all 0.2s ease-in-out; }
#footer ul li a{display: block;float:left; margin-right:1em;height: 4.5em;line-height: 4.5em;  }
#footer a:hover,#footer a:focus,#footer a:active {color: #FFF;text-decoration: none;}
@media screen and (max-width:  767px) {#footer{display:none; }}  /*0-480 smartphone*//*481-767 smartphone width*/
@media screen and (min-width: 1100px) and (max-width: 1599px) {#footer{padding: 0 5.6em 0;}}

@media screen and (min-width: 1600px) {#footer{padding:0 6.8em; top:7.28em; }}
/*footer End*/
/*fast-use*/
.float_l{ float:left;}
.float_r{ float:right;}
.rotate180{  transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.stilllight{color: #FFF}
#footer li.stillnone a:hover{color: #8A8A8A;}