/* body {overflow-y:scroll; overflow-x:hidden; } */

h1{font-size:48px;font-family: 'Fjalla One', sans-serif;}
p{font-size:14px; letter-spacing:1px; line-height:20px;font-family: Microsoft JhengHei ;font-weight:400;}

@media screen and (min-width: 1800px){
	h1{font-size:58px;}
	p{font-size:18px; letter-spacing:1px; line-height:24px;font-family: Microsoft JhengHei ;font-weight:400;}
}
@media screen and (max-width: 1799px) and (min-width: 1599px){
	h1{font-size:48px;}
	p{font-size:16px; letter-spacing:1px; line-height:22px;font-family: Microsoft JhengHei ;font-weight:400;}
}

@media screen and (max-width: 700px){
	h1{font-size:38px;}
}

.scroll_top_arrow{width:40px;position:fixed; bottom:10px;right:20px;z-index:9990; transform:translateY(300px); -webkit-transform:translateY(300px);transition:0.8s;-webkit-transition:0.8s;}
.scroll_top_arrow img{width:100%;}
.scroll_top_arrow.hover{transform:translateY(0px);-webkit-transform:translateY(0px);}

@media screen and (min-width: 1800px){
	.scroll_top_arrow{width:55px;position:fixed; bottom:6px;right:20px;z-index:99999; transform:translateY(300px); -webkit-transform:translateY(300px);transition:0.8s;-webkit-transition:0.8s;}
}
@media screen and (max-width: 700px){
	.scroll_top_arrow{width:35px;right:13px}
}

.wrap{width:100%;overflow:hidden;}

.header_bar{width:100%;height:91px; border-bottom:1px solid #cdcdcd;position:fixed;  background-color:#fff;top:0px;left:0px;z-index:9999; box-shadow:1px 1px 10px rgba(0,0,0,0.2); display:block; transition:0.4s;-webkit-transition:0.4s;}
.header_bar .logo_box{width:1050px; height:45px; background-color:#fff; margin:2px auto 0 auto;position:relative; }
.header_bar .search_box_pad{display: none;}
.header_bar .logo_box .search_box{float:left;overflow:hidden; margin-left:0px; margin-top:8px;}
.header_bar .logo_box .search_box .search{float:left; margin-top:10px;}
.header_bar .logo_box .search_box select {float:left; max-width:150px; border:1px solid #cecece; border-radius:4px; margin-left: 8px; font-size:14px;padding:3.5px 5px;line-height:190%;}
.header_bar .logo_box .search_box input[type=text]{height:25px;width:150px;float:left; border:1px solid #cecece; border-radius:4px; margin:0 8px; font-size:14px;padding:0px 5px;line-height:190%;}
.header_bar .logo_box .search_box input[type=submit]{border:0px;width:20px;height:20px;background:url(../png/search.png)center center no-repeat #fff; background-size:cover;cursor:pointer;margin-top:3px; }

.header_bar .logo_box .logo{width:150px;height:45px;display:block;float:left; margin-left:30px;}
.header_bar .logo_box .logo img{width:100%; margin:5px auto;}
.header_bar .logo_box .right_box{width:auto;position:absolute;top:10px;right:5px;}
.header_bar .logo_box .right_box .menu{width:25px; height:25px;float:right;cursor: pointer; margin:6px 12px;position:relative; background:url(../png/menu2.png) top center no-repeat; background-size:contain;}
.header_bar .logo_box .right_box .menu.active{background:url(../png/menu3.png) top center no-repeat; background-size:contain;}
.header_bar .logo_box .right_box .login{float:right;margin:4px 5px; font-size:15px; letter-spacing:0.5px; color:#777;}
.header_bar .logo_box .right_box .username{float:right; margin:2px 0; font-size:15px; letter-spacing:0.5px; color:#777; display:inline-block; overflow:hidden; white-space:nowrap;overflow:hidden; font-weight:300; text-align:right;padding-top:3px;}
.header_bar .logo_box .right_box .username span{max-width:180px;float:right;overflow:hidden;text-overflow:ellipsis; text-align:left;}
.header_bar .logo_box .right_box .username img{float:right;width:42px;margin-right:5px;margin-top:-2px;}
.header_bar .logo_box .right_box .username:hover{color:#000;}
.header_bar .logo_box .right_box .cart_box{padding:0px 10px ; float:right;float:right;position:relative; }
.header_bar .logo_box .right_box .cart_box .cart{width:40px;position:relative;float:left; margin:-3px 12px 0px 0px;}
.header_bar .logo_box .right_box .cart_box .cart img{width:100%;}
.header_bar .logo_box .right_box .cart_box .cart p{position:absolute; top:2px; right:5px; color:#2a56b4;font-size:13px;letter-spacing:1px; font-weight:600;}
.header_bar .logo_box .right_box .cart_box .price_box{float:right; padding:1px 8px 1px 12px;background-color:#2a56b4; color:#fff; border-radius:100px; font-size:14px;position:relative;margin-top:0px;}
.header_bar .logo_box .right_box .cart_box .price_box p{position:relative;z-index:1;letter-spacing:1px;font-size:13px;}
.header_bar .logo_box .right_box .cart_box .price_box .triangle{width:14px;height:14px;background-color:#2a56b4;transform:rotate(45deg);-webkit-transform:rotate(45deg);position:absolute;left:-1px; top:4px;}

.header_bar .nav{width:100%;height:45px;background-color:#eee;margin:0 auto;border-top:1px solid #cdcdcd;overflow:hidden;}
.header_bar .nav .nav_box{width:1050px;height:45px;background-color:#eee;margin:0 auto; padding-left:10px;overflow:hidden;}
.header_bar .nav .nav_box .li{width:260px; height:45px;padding:0px 0px; float:left;line-height:25px;position:relative;}
.header_bar .nav .nav_box .li .title{display:block;color:#999;height:20px;border-left:1px solid #999;font-family: 'Fjalla One', sans-serif; font-size:20px; font-weight:100;  text-align:center; margin:12px auto 0 auto; }
.header_bar .nav .nav_box .li .title.color{color:#2a56b4;}
.header_bar .nav .nav_box .li:nth-of-type(1) .title{border-left:0px;}
.header_bar .nav .nav_box .li .title:hover{color:#2a56b4;transition:0.3s;-webkit-transition:0.3s;}

/***********************downbox****************/
.header_bar .logo_box .right_box  .downbox{display:none;opacity:1;width:210px;height:auto;background-color:#eee;box-shadow:2px 2px 8px rgba(0,0,0,0.2);position:absolute;right:10px;top:36px; border-radius:0px 0px 5px 5px; overflow:hidden;z-index:3;}
/*.header_bar .downbox.active{display:block;opacity:1;}*/

.header_bar .logo_box .right_box  .downbox.active{display:block;opacity:1;}
.header_bar .downbox a{display:block;}
.header_bar .downbox  .item{width:100%;padding:10px 0px; border-top:1px solid #cdcdcd;overflow:hidden;position:relative;}
.header_bar .downbox  .item:nth-of-type(1){border-top:0px;}
.header_bar .downbox  .item p{float:left;font-size:15px; letter-spacing:0.5px;color:#777; width:170px; margin-left:15px;position:relative; }
.header_bar .downbox  .item:hover{background-color:#2a56b4; }
.header_bar .downbox  .item:hover p{color:#fff; }

.header_bar_mobile { display: none; }
.header_bar_mobile_content { display: none; }
.wrap_shadow { display: none; }
.header_nav_mobile{display: none;}
.header_li_customize_mobile{position:fixed;left:0px;top:92px;transform:translateY(-600px);-webkit-transform:translateY(-600px);}
.header_li_product_mobile{position:fixed;left:0px;top:92px;transform:translateY(-600px);-webkit-transform:translateY(-600px);}

@media screen and (min-width: 1800px){
	.header_bar{width:100%;height:121px; border-bottom:1px solid #cdcdcd;position:fixed; top:0px; background-color:#fff; top:0px;left:0px;z-index:9999; box-shadow:1px 1px 10px rgba(0,0,0,0.2);}
	.header_bar .logo_box{width:1430px; height:60px; background-color:#fff; margin:0 auto;position:relative; }
	
	.header_bar .logo_box .search_box{float:left;overflow:hidden; margin-left:10px; margin-top:16px;}
	.header_bar .logo_box .search_box .search{float:left; margin-top:10px;}
	.header_bar .logo_box .search_box select { max-width:200px; padding:6px 5px; }
	.header_bar .logo_box .search_box input[type=text]{width:200px;float:left; border:1px solid #cecece; border-radius:4px; margin:0 8px; font-size:14px;padding:3px 6px;}
	.header_bar .logo_box .search_box input[type=submit]{ border:0px;width:22px;height:22px;background:url(../png/search.png)center center no-repeat #fff; background-size:cover;cursor:pointer;margin-top:6px; }
	
	.header_bar .logo_box .logo{width:200px;height:60px;display:block; margin-left:10px;}
	.header_bar .logo_box .right_box{position:absolute;top:16px;right:0px;}
	.header_bar .logo_box .right_box .menu{width:35px; height:35px;margin:6px 12px;}
	.header_bar .logo_box .right_box .login{margin:6px 10px; font-size:18px; letter-spacing:0.5px;}
	.header_bar .logo_box .right_box .username{margin:4px 0; font-size:18px; letter-spacing:1px; }
	.header_bar .logo_box .right_box .username span{max-width:320px;}
	.header_bar .logo_box .right_box .username img{float:right;width:52px;margin-right:10px;margin-top:-2px;}
	.header_bar .logo_box .right_box .cart_box .cart{width:48px; margin:-5px 12px 0px 0px;}
	.header_bar .logo_box .right_box .cart_box .cart p{position:absolute;top:2px; right:6px;font-size:16px;}
	.header_bar .logo_box .right_box .cart_box .price_box{padding:2px 10px 2px 14px;font-size:16px;margin-top:2px;}
	.header_bar .logo_box .right_box .cart_box .price_box p{font-size:16px;}
	.header_bar .logo_box .right_box .cart_box .price_box .triangle{width:15px;height:15px;left:-3px; top:7px;}

	.header_bar .nav{width:100%;height:60px;background-color:#eee;margin:0 auto;border-top:1px solid #cdcdcd;}
	.header_bar .nav .nav_box{width:1530px;height:60px;background-color:#eee;margin:0 auto; }
	.header_bar .nav .nav_box .li{width:380px; height:60px;padding:0px 0px;float:left;line-height:40px;position:relative;}
	.header_bar .nav .nav_box .li .title{display:block;height:30px;font-size:25px; font-weight:100; margin:12px auto 0 auto; }	
	
	.header_bar .logo_box .right_box  .downbox{top:45px;width:260px; }
	.header_bar .downbox{width:300px;right:0px;top:48px;}
	.header_bar .downbox.active{display:block;opacity:1;}
	.header_bar .downbox a{display:block;}
	.header_bar .downbox  .item{width:100%;padding:13px 0px; border-top:1px solid #cdcdcd;overflow:hidden;position:relative;}
	.header_bar .downbox  .item:nth-of-type(1){border-top:0px;}
	.header_bar .downbox  .item p{float:left;font-size:18px;width:230px; margin-left:15px; }
}
@media screen and (max-width: 1799px) and (min-width: 1400px){
	.header_bar{width:100%;height:111px;}
	.header_bar .logo_box{width:1200px; height:60px; margin:0 auto;position:relative; }
	
	.header_bar .logo_box .search_box{float:left;overflow:hidden; margin-left:0px; margin-top:17px;}
	.header_bar .logo_box .search_box .search{float:left; margin-top:10px;}
	.header_bar .logo_box .search_box select { max-width:150px; padding:6px 5px; }
	.header_bar .logo_box .search_box input[type=text]{width:150px;float:left;  border-radius:4px; margin:0 8px; font-size:14px;padding:3px 6px;}
	.header_bar .logo_box .search_box input[type=submit]{ border:0px;width:22px;height:22px; }
	
	.header_bar .logo_box .logo{width:200px;height:60px;display:block; margin-left:10px;margin-top:3px;}
	.header_bar .logo_box .right_box{width:auto;position:absolute;top:16px;right:0px;}
	.header_bar .logo_box .right_box .menu{width:30px; height:30px;margin:6px 12px;}
	.header_bar .logo_box .right_box .login{margin:4px 10px; font-size:18px; letter-spacing:0.5px;}
	.header_bar .logo_box .right_box .username{margin:5px 0; font-size:18px; letter-spacing:1px;}
	.header_bar .logo_box .right_box .username span{max-width:250px;}
	.header_bar .logo_box .right_box .cart_box .cart{width:48px; margin:-5px 12px 0px 0px;}
	.header_bar .logo_box .right_box .cart_box .cart p{position:absolute;top:2px; right:6px;font-size:16px;}
	.header_bar .logo_box .right_box .cart_box .price_box{padding:2px 10px 2px 14px;font-size:16px;margin-top:2px;}
	.header_bar .logo_box .right_box .cart_box .price_box p{font-size:16px;}
	.header_bar .logo_box .right_box .cart_box .price_box .triangle{width:15px;height:15px;left:-2px; top:6px;}

	.header_bar .nav{width:100%;height:50px;background-color:#eee;margin:0 auto;}
	.header_bar .nav .nav_box{width:1280px;height:50px;margin:0 auto; }
	.header_bar .nav .nav_box .li{width:320px; height:50px;padding:0px 0px;float:left;line-height:30px;position:relative;}
	.header_bar .nav .nav_box .li .title{display:block;height:20px;font-size:24px; font-weight:100; margin:12px auto 0 auto; }
	
	.header_bar .logo_box .right_box  .downbox{top:48px; }
}
@media screen and (max-width: 1024px) and (min-width: 960px){
	.header_bar{width:100%;height:91px; }
	.header_bar .logo_box{width:1000px;}

	.header_bar .logo_box .search_box select{width:120px;}
	.header_bar .logo_box .search_box input[type=text]{width:130px;}

	.header_bar .logo_box .right_box .username span {max-width:180px;}

	.header_bar .nav{width:100%;height:45px;}
	.header_bar .nav .nav_box{width:1050px; padding-left:0px;margin-left:-17px;}
	.header_bar .nav .nav_box .li{width:260px;;}
}
@media screen and (max-width: 959px) and (min-width: 700px){
	.header_bar{width:100%;height:91px;}
	.header_bar .logo_box{width:730px; height:45px; background-color:#fff; margin:0 auto;position:relative; }
	.header_bar .logo_box .search_box{display:none;}
	.header_bar .logo_box .right_box .username span {max-width:210px;}
	.header_bar .logo_box .logo{width:150px;height:45px;display:block;margin:0px 0px; float:left;}
	.header_bar .logo_box .logo img{width:100%; margin:5px auto;}
	.header_bar .logo_box .right_box{width:auto;position:absolute;top:10px;right:0px;}
	.header_bar .logo_box .right_box .menu{width:28px; height:28px;margin:4px 12px;position:relative;}
	.header_bar .logo_box .right_box .login{margin:4px 5px; }
	
	
	.header_bar .nav{width:100%;height:45px;background-color:#eee;margin:0px auto 0 auto;border-top:1px solid #cdcdcd;overflow:hidden;}
	.header_bar .nav .nav_box{width:720px;height:45px;margin:0px auto 0 auto;overflow:hidden;}
	.header_bar .nav .nav_box .li{width:180px; height:45px;padding:0px 0px; float:left;line-height:25px;position:relative;cursor: pointer; }
	.header_bar .nav .nav_box .li .title{display:block;color:#999;height:20px;border-left:1px solid #999;font-family: 'Fjalla One', sans-serif; font-size:20px; font-weight:100;  text-align:center; margin:12px auto 0 auto; }
	.header_bar .nav .nav_box .li .title.color{color:#2a56b4;}
	.header_bar .nav .nav_box .li:nth-of-type(1) .title{border-left:0px;}
	.header_bar .nav .nav_box .li .title:hover{color:#2a56b4;transition:0.3s;-webkit-transition:0.3s;}

	.header_bar .search_box_pad{display:block;width:100%;overflow:hidden;padding:10px 0px; border-top:1px solid #cdcdcd;overflow:hidden;margin: 0 auto;}
	.header_bar .search_box_pad .center{width: 90%; margin: 0 auto;}
	.header_bar .search_box_pad .search{float:left; margin-top:10px;}
	.header_bar .search_box_pad select{width:150px; margin-bottom:5px; float:left; border:1px solid #cecece; border-radius:4px;padding:3px 4px;font-size:13px;line-height:150%;}
	.header_bar .search_box_pad input[type=text]{width:140px;float:left; border:1px solid #cecece; border-radius:4px; margin:0 8px 0 0px; font-size:13px;padding:3px 4px;font-size:13px;line-height:150%;}
	.header_bar .search_box_pad input[type=submit]{ border:0px;width:18px;height:18px;background:url(../png/search.png)center center no-repeat; background-size:cover;cursor:pointer;float:left; margin-top:3px;}
	
	.header_bar .logo_box .right_box  .downbox{top:36px;right:10px;}
}
@media screen and (max-width: 700px) {
	.header_bar{display:none;}
	.header_bar_mobile { display: block; width: 100%;  height: 55px; line-height: 55px; padding: 0 0px 0 0px; position: fixed; top: 0; background: #fff; z-index: 9999;border-bottom:1px solid #cdcdcd; }
	.header_bar_mobile h2 { display: block;  float: left; width: 125px; height:55px;background:url(../png/logo.png)center center  no-repeat ; background-size:contain; margin-left:6px;margin-top:-3px;}
	.header_bar_mobile .cart_box{padding:0px 0px ; float:right;float:right;position:relative;margin-right:55px;margin-top:3px; }
	.header_bar_mobile .cart_box .cart{width:42px;position:relative;float:left; margin:5px 12px 0px 0px;}
	.header_bar_mobile .cart_box .cart img{width:100%;}
	.header_bar_mobile .cart_box .cart p{position:absolute; top:1px; right:5px; color:#2a56b4;font-size:14px;letter-spacing:1px; font-weight:600;}
	.header_bar_mobile .cart_box .price_box{display:none;float:right; padding:1px 8px 1px 12px;background-color:#2a56b4; color:#fff; border-radius:100px; font-size:14px;position:relative;margin-top:10px;}
	.header_bar_mobile .cart_box .price_box p{position:relative;z-index:1;letter-spacing:1px;font-size:13px;}
	.header_bar_mobile .cart_box .price_box .triangle{width:14px;height:14px;background-color:#2a56b4;transform:rotate(45deg);-webkit-transform:rotate(45deg);position:absolute;left:-1px; top:4px;}

	/* .header_bar_mobile p{float: right; font-size:14px;color:#777;margin:0px 3px; line-height:40px;letter-spacing:0.5px;} */
	.header_bar_mobile .menu { position:absolute;padding: 10px 11px 10px 10px; width: 30px; height: 30px; transition: all 0.3s; margin-top:-1px;cursor: pointer; right:5px;}
	.header_bar_mobile.clicked .menu { transform: rotate(90deg); -webkit-transform: rotate(90deg);margin-top:0px;}
	.header_bar_mobile .menu img { float: left; width: 100%; height: 100%; }
	.header_nav_mobile{display: block; width: 100%; height: 40px; line-height: 40px; padding: 0 0px 0 0px; position: fixed; top: 50px; background: #eee; z-index: 9999;border-bottom:1px solid #cdcdcd;border-top:1px solid #cdcdcd;overflow:hidden;}
	.header_nav_mobile  a{display:block;float:left;cursor: pointer; }
	.header_nav_mobile  a.li{padding:0px 0px; font-size:17px; letter-spacing:0px;font-family: 'Fjalla One', sans-serif;border-left:1px solid #cdcdcd;text-align:center; line-height:45px; color:#777;}
	.header_nav_mobile  a.li:nth-of-type(1){width:28%}
	.header_nav_mobile  a.li:nth-of-type(2){width:28%}
	.header_nav_mobile  a.li:nth-of-type(3){width:21%}
	.header_nav_mobile  a.li:nth-of-type(4){width:21%}

	/*********************下拉式選單**************************************/	
	.header_li_product_mobile{width:100%;position:fixed;left:0px;top:97px;z-index:9998; background-color:#fff;transform:translateY(-600px);-webkit-transform:translateY(-600px);transition:0.5s;overflow:hidden;}
	.header_li_product_mobile.active{transform:translateY(0px);-webkit-transform:translateY(0px);}
	
	.header_li_customize_mobile{width:100%;position:fixed;left:0px;top:92px;z-index:9998; background-color:#fff;transform:translateY(-600px);-webkit-transform:translateY(-600px);transition:0.5s;overflow:hidden;}
	.header_li_customize_mobile.active{transform:translateY(0px);-webkit-transform:translateY(0px);}
	.nav_shadow{ display: none; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 9997; opacity: 1;cursor: pointer; }
	.nav_shadow.active{ display: block;}
	
	#mobile_downbox  .item{display:block;width:100%;padding:10px 0px; border-top:1px solid #cdcdcd;overflow:hidden;position:relative;}
	#mobile_downbox  .item:nth-of-type(1){border-top:0px;}
	#mobile_downbox  .item p{float:left;font-size:15px; letter-spacing:0.5px;color:#777; width:170px; margin-left:15px;position:relative; }
	#mobile_downbox  .item .arrow{width:5px;height:5px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg); border-bottom:2px solid #777;border-right:2px solid #777; float:left;position:absolute;top:50%;right:10px; margin-top:-2px;}
	#mobile_downbox  .item:hover{background-color:#2a56b4; }
	#mobile_downbox  .item:hover p{color:#fff; }
	#mobile_downbox  .item:hover .arrow{border-bottom:2px solid #fff;border-right:2px solid #fff; }
	
	#subscribe_btn{cursor: pointer;}
	
	/**********************左邊滑出選單*************************************/	
	.header_bar_mobile_content { display: block; width: 240px; height: 100%; right: 0; margin-right: -240px; padding-top: 95px; position: fixed; top: 0; background: #fff; transform: translateX(0px); z-index: 9998; }
	.header_bar_mobile_content a { display: block; width: 100%; padding: 0 20px; height: 45px; line-height: 45px; color: #777;  border-bottom:1px solid #eee; position:relative; font-size:15px;letter-spacing:0.5px;}
	.header_bar_mobile_content a.search { height:80px; }

	.header_bar_mobile_content .login img{width:42px;float:left;margin-top:12px;margin-right:5px;}
	
	.header_bar_mobile_content .search_box{width:200px;float:left;overflow:hidden; margin-left:0px; margin-top:10px;}
	.header_bar_mobile_content .search_box .search{float:left; margin-top:10px;}
	.header_bar_mobile_content .search_box select{width:170px; margin-bottom:5px; float:left; border:1px solid #cecece; border-radius:4px; padding:5px 4px;font-size:13px;line-height:150%;}
	.header_bar_mobile_content .search_box input[type=text]{width:160px;float:left; border:1px solid #cecece; border-radius:4px; margin:0 8px 0 0px; font-size:13px;padding:3px 4px;font-size:13px;line-height:150%;}
	.header_bar_mobile_content .search_box input[type=submit]{ border:0px;width:18px;height:18px;background:url(../png/search.png)center center no-repeat #fff; background-size:cover;cursor:pointer;float:left; margin-top:3px;}
	
	.header_bar_mobile_content .cart{width:40px;height:30px;border-radius:50px; background-color:#2a56b4; position:absolute; top:6px; right:60px; z-index:9898; color:#fff; line-height:30px; text-align:center; letter-spacing:1px;}
	.wrap_shadow { display: none; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.85); z-index: 9997; opacity: 1; cursor: pointer;}
	
	/* theme: "dark" */
	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color: rgba(0,0,0,0.3);}
	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #999999; }
	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #2a56b4; }
	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{  background-color: #2a56b4; }
}

.subscribe_box{ width:350px;height:auto;padding:20px 0px 0px 0px;background-color:rgba(255,255,255,0.9); box-shadow:2px 2px 10px rgba(0,0,0,0.5);border:1px solid #fff;  position:fixed;left:50%; margin-left:-175px; top:50%; margin-top:-190px;z-index:100001; border-radius:10px 10px 10px 10px;opacity:0;transform:scale(0);-webkit-transform:scale(0);transition:0.3s;-webkit-transition:0.3s;}
.subscribe_box.active{opacity:1;transform:scale(1);-webkit-transform:scale(1);}
.subscribe_box .leave{position:absolute;right:15px;top:15px;width:15px;cursor: pointer;transition:0.3s;-webkit-transition:0.3s;}
.subscribe_box .leave:hover{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);}
.subscribe_box .title_box{width:100%;margin:15px auto 0 auto; margin-bottom:25px; padding-bottom:25px;overflow:hidden;border-bottom:1px solid #cdcdcd;position:relative;}
.subscribe_box .title_box h4{font-size:22px;text-align:center; color:#515151;}
.subscribe_box .title_box .triangle_arrow_box_bg{width:40px;height:55px;overflow:hidden;position:absolute;top:-12px;right:90px;transform:scale(0.5);-webkit-transform:scale(0.5);}
.subscribe_box .title_box .triangle_arrow_box_bg .box{width:40px;height:50px;background:url(../png/dot_bg.png) center center ;position:absolute;top:-12px;left:-25px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);opacity:0.4;}
.subscribe_box p{text-align:center;color:#666;font-size:16px;}
.subscribe_box .text{margin-bottom:5px;}
.subscribe_box .box{width:80%; margin:13px auto;}
.subscribe_box .box p{text-align:left;  margin-bottom:6px; padding-left:3px;font-size:16px;}
.subscribe_box .box p.verification_text{margin-bottom:0px;font-size:14px;color:#2a56b4;display:none;}
.subscribe_box .box p.verification_text2{margin-bottom:0px;font-size:14px;color:#2a56b4;display:none;}
.subscribe_box .box input{width:95%;padding:3px 6px; border:1px solid #cdcdcd; background-color:#fff; border-radius:6px;font-size:14px;font-weight:400;}
.subscribe_box .submitLine{width:100px; margin:28px auto; position:relative;}
.subscribe_box .submitLine input[type=button]{width:100px;height:35px;border-radius:6px;border:1px solid #999999;  background-color:#b7b7b7; color:#fff; font-weight:300;-webkit-appearance: none;appearance: none;cursor: pointer;transition:0.3s;-webkit-transition:0.3s;letter-spacing:0px;position:absolute;}
.subscribe_box .submitLine input[type=submit]{width:100px;height:35px;border-radius:6px;border:1px solid #999999;  background-color:#b7b7b7; color:#fff; font-weight:300;-webkit-appearance: none;appearance: none;cursor: pointer;transition:0.3s;-webkit-transition:0.3s;letter-spacing:0px;}
.subscribe_box .submitLine:hover input[type=button]{background-color:#2a56b4;}
.subscribe_box .submitLine:hover input[type=submit]{background-color:#2a56b4;}
.subscribe_box .submitLine:active input[type=submit]{background-color:#072d7c;}

.over_shadow { display:none;position:fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75);top:0px;left:0px;cursor: pointer;}
.over_shadow.active {display:block;z-index:9999;} 

@media screen and (min-width: 1600px) {
	.subscribe_box{ width:400px;height:auto;padding:20px 0px 0px 0px;left:50%; margin-left:-205px; top:50%; margin-top:-220px;}

	.subscribe_box .leave{position:absolute;right:18px;top:18px;width:18px;}
	.subscribe_box .title_box h4{font-size:26px;}
	.subscribe_box .title_box .triangle_arrow_box_bg{top:-12px;right:105px;}
	.subscribe_box p{font-size:18px;}
	.subscribe_box .text{margin-bottom:25px;}
	.subscribe_box .box{width:80%; margin:13px auto;}
	.subscribe_box .box p{text-align:left;  margin-bottom:6px; padding-left:3px;font-size:18px;}
	.subscribe_box .box input{font-size:16px;}
	.subscribe_box .submitLine{width:120px; margin:30px auto;}
	.subscribe_box .submitLine input[type=button]{width:120px;height:45px;font-size:22px;letter-spacing:0px;}
	.subscribe_box .submitLine input[type=submit]{width:120px;height:45px;font-size:22px;letter-spacing:0px;}
}
@media screen and (max-width: 700px) {
	.subscribe_box{width:280px;height:auto;padding:20px 0px 0px 0px; margin-left:-140px;margin-top:-190px;}
	.subscribe_box .title_box .triangle_arrow_box_bg{top:-14px;right:60px;}
	.subscribe_box .box{width:90%; margin:13px auto;}
	.subscribe_box .leave{position:absolute;right:13px;top:13px;width:18px;cursor: pointer;transition:0.3s;-webkit-transition:0.3s;}
}

/*商品分類*/
.header_bar .nav .nav_box .li .title.product { cursor:pointer; }
.header_bar .nav .nav_box .li .title { margin:13px auto 13px auto;}
.header_bar .nav .nav_box .li .downbox.product {
	display: none;
	border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    margin-left:0;
    background-color:#eee;
    max-height: 500px;
    overflow-y: scroll;
}
.header_bar .nav .nav_box .li:hover .title{color:#2a56b4;}
/*.header_bar .nav .nav_box .li:hover .downbox.product { display:block; }*/
.header_bar .nav {overflow: initial;}
.header_bar .nav .nav_box {overflow: initial;}

.header_bar .downbox.product .item.blue { background-color:#2a56b4; }
.header_bar .downbox.product .item.blue p { color:#fff; }

.header_bar .downbox.product .item:hover:not(.blue) { background-color:#ddd; }
.header_bar .downbox.product .item:hover:not(.blue) p { color:#666; }

@media screen and (max-width: 1799px) and (min-width: 1400px){
	.header_bar .nav .nav_box {
	    width: 1280px;
	    height: 50px;
	    position: absolute;
	    left: 50%;
	    margin-left: -640px;
	}
	.header_bar .nav .nav_box .li .title { height:25px; }
}
@media screen and (min-width: 1800px){
	.header_bar .nav .nav_box .li .title { height:35px; }
	.header_bar .downbox.product { width:auto; }
}
.header_bar .downbox.product .item p { width:95%; }
@media screen and (max-width: 959px) and (min-width: 700px){
	.header_bar .downbox.product .item p { width:90%; }
}
@media screen and (max-width: 1023px) and (min-width: 960px){
	.header_bar .nav .nav_box .li .title { margin:12px auto 13px auto;}
	.header_bar .nav .nav_box .li .downbox.product { margin-left:10px; }
}