@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700,800);

@import url(https://fonts.googleapis.com/css?family=Quicksand:400,300,700);

@import url(http://fonts.googleapis.com/css?family=Quicksand:700);

@import url(http://fonts.googleapis.com/css?family=Oswald);

@charset "utf-8";

/* CSS Document */

* {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	font-family: 'Open Sans', "微軟正黑體", sans-serif;

}

html {

}

body {

	margin: 0 auto;

	position: relative;

	background: #FFF;

}

#logo_box {

	height: 65px;

	max-width: 1200px;

	margin: 0 auto;

	padding-top: 15px;

	position: relative;

}

#logo {

	margin-left: 0px;

	float:left;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

	padding-bottom:15px;

}

#logo:hover{

	opacity:0.8;

}

#logo img, #logo2 img {

	max-width: 100%;

	vertical-align: middle;

}

/**************************************************************/

/**************************************************************/

#language{

	width:140px !important;

	float:right;

	margin-top:10px;

	margin-left:39px;

	margin-right:10px;

	position: relative;

}

#language i{

	position: absolute;

	right:10px;

	top:50%;

	margin-top:-10px;

}

#language select{

	width: 100%;

	padding-left:30px;

	height:37px;

	border:none;

	background:#CCBACF url(../images/lng_icon.png) 10px center no-repeat;

}

#language select::-ms-expand{

    display: none;

}

#language select{

    /* Chrome */

    -webkit-appearance: none;

    /* Firefox */

    -moz-appearance: none;

    text-indent: 0.01px;

    text-overflow: ' '; /* space */

}

/**************************************************************/

#top_box {

	background:url(../images/top_s.png) bottom center no-repeat;

	padding-bottom:33px;

}



#top_box_info {

	background:#6C1F76;

    position: relative;

	border-bottom:#E0BDEC 1px solid;

}



#top_menu_box {}





#top_menu {

	max-width:1300px;

	margin:0 auto;

	padding-top:25px;

}

/**************************************************************/

#top_u {

	height: 90px;

	cursor: pointer;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

	z-index: 999;

	background:rgba(87,26,96,0.25) url(../images/top_u.png) center no-repeat;

}

#top_u img {

}

#top_u:hover {
	background:rgba(87,26,96,0.25) url(../images/top_u_.png) center no-repeat;


}

/**************************************************************/

#rightnav {

	width: 90px;

	position: absolute;

	left: 50%;

	margin-left: 520px;

	z-index: 50;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

	z-index: 999;

}

#rightnav li {

	list-style: none;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

#rightnav .inquiry {

	height: 85px;

	width: 86px;

	margin: 0 auto;

	text-indent: -9999px;

	background: url(../images/rightnav/inquiry.png) no-repeat;

	margin-bottom: 10px;

}

#rightnav .inquiry:hover {

	background: url(../images/rightnav/inquiry_.png) no-repeat;

}

#rightnav .notice {

	width: 90px;

	height: 71px;

	margin: 0 auto;

	text-indent: -9999px;

	background: url(../images/rightnav/notice.png) no-repeat;

}

#rightnav .notice:hover {

	background: url(../images/rightnav/notice_.png) no-repeat;

}

#rightnav .order_btn {

	width: 90px;

	height: 81px;

	margin: 0 auto;

	text-indent: -9999px;

	background: url(../images/rightnav/order.png) no-repeat;

}

#rightnav .order_btn:hover {

	background: url(../images/rightnav/order_.png) no-repeat;

}

#rightnav .paid_inform {

	width: 90px;

	height: 98px;

	margin: 0 auto;

	text-indent: -9999px;

	margin-bottom: 5px;

	background: url(../images/rightnav/paid_inform.png) no-repeat;

}

#rightnav .paid_inform:hover {

	background: url(../images/rightnav/paid_inform_.png) no-repeat;

}

#rightnav .inquiry a, #rightnav .notice a, #rightnav .order_btn a, #rightnav .paid_inform a {

	width: 100%;

	height: 100%;

	display: block;

}

#rightnav .cart_bg {

	width: 90px;

	height: 128px;

	margin: 0 auto;

	position: relative;

	margin-bottom: 5px;

	background: url(../images/rightnav/cart.png) no-repeat;

}

#rightnav .cart_box:hover .cart_bg {

}

#rightnav .price {

	width: 100%;

	height: 25px;

	line-height: 25px;

	text-align: center;

	color: #FFF;

	font-size: 15px;

	font-weight: bold;

	position: absolute;

	top: 60px;

	left: 0px;

	text-decoration: none;

}

#rightnav .quantity {

	height: 25px;

	line-height: 25px;

	color: #FFFF00;

	font-size: 14px;

	position: absolute;

	top: 92px;

	left: 15px;

	text-decoration: underline;

}

#rightnav #btn {

	width: 90px;

	height: 66px;

	margin: 0 auto;

	text-indent: -9999px;

	background: url(../images/rightnav/cart_btn.png) no-repeat;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

#rightnav #btn:hover {

	background: url(../images/rightnav/cart_btn_.png) no-repeat;

}

#rightnav #btn a {

	width: 100%;

	height: 100%;

	display: block;

}

/**************************************************************/

@media (max-width: 1140px) {

#rightnav {

	display: none;

}

}

@media (max-width: 1050px) {

#logo{

	margin-left: 10px;

}

}

@media (max-width: 450px) {

#logo{

	width:100%;

	display: inline-block;

	text-align:center;

	margin:0px;

	margin-bottom:10px;

}

#language{

	width:100% !important;

	margin:0px;

}

#language select{

	height:25px;

}

}