@charset "utf-8";

body {
background:#f3f3f3;
font-family:Arial,'微軟正黑體','Microsoft JhengHei','文泉驛正黑','WenQuanYi Zen Hei','儷黑 Pro','LiHei Pro','微软雅黑','メイリオ','맑은 고딕',sans-serif;
color:#444;
font-size:16px;
line-height:1.6;
letter-spacing:.075em
}

.container {
padding:0 15px;
max-width:1330px
}

.container.w2 {
max-width:1110px
}

:focus {
outline:none
}

.share_box .share-link .btn {
font-size:28px;
width:30px;
height:30px;
line-height:30px;
border-radius:15px;
border:1px solid transparent;
margin:2px 0
}

.share_box .share-link .btn.facebook {
color:#405D9A
}

.share_box .share-link .btn.google {
color:#F34537
}

.share_box .share-link .btn.twitter {
color:#39A0CE
}

.share_box .share-link .btn.plurk {
color:#E9443D
}

.share_box.product {
margin:10px auto 0;
max-width:840px
}

.share_box {
margin:10px 0 30px;
text-align:left
}

.share_box .share-link .btn.blogger,.share_box .share-link .btn.facebook,.share_box .share-link .btn.google,.share_box .share-link .btn.twitter,.share_box .share-link .btn.mail,.share_box .share-link .btn.linkedin,.share_box .share-link .btn.tumblr,.share_box .share-link .icon-ic-share-t,.share_box .share-link .btn.line,.share_box .share-link .icon-ic-share-linecall,.share_box .share-link .icon-ic-share-w,.share_box .share-link .btn.pinterest,.share_box .share-link .btn.plurk {
color:#d0d0d0
}

.share_box .share-link .btn.blogger:hover {
color:#F26C38
}

.share_box .share-link .btn.facebook:hover {
color:#405D9A
}

.share_box .share-link .btn.google:hover {
color:#F34537
}

.share_box .share-link .btn.twitter:hover {
color:#39A0CE
}

.share_box .share-link .btn.mail:hover {
color:#F6C13D
}

.share_box .share-link .btn.linkedin:hover {
color:#0177B5
}

.share_box .share-link .icon-ic-share-t:hover {
color:#36465C
}

.share_box .share-link .btn.line:hover {
color:#00C300
}

.share_box .share-link .icon-ic-share-linecall:hover {
color:#00C300
}

.share_box .share-link .icon-ic-share-w:hover {
color:#F70B19
}

.share_box .share-link .btn.pinterest:hover {
color:#DE220A
}

.share_box .share-link .btn.plurk:hover {
color:#E9443D
}

.share_box .share-link .icon-ic-share-t,.share_box .share-link .icon-ic-share-linecall,.share_box .share-link .icon-ic-share-w {
font-size:28px;
width:30px;
height:30px;
line-height:30px;
border-radius:15px;
margin:2px 0;
padding:0
}

.a2a_svg.a2a_s__default.a2a_s_tumblr,.a2a_svg.a2a_s__default.a2a_s_whatsapp,.a2a_svg.a2a_s__default.a2a_s_sina_weibo,.a2a_label {
display:none
}

.share .btn {
width:32px;
height:32px;
line-height:34px;
font-size:16px;
color:#fff;
border-radius:50%;
background:#555;
-webkit-transition:all .2s;
transition:all .2s;
border:2px solid #555;
box-sizing:border-box;
padding-left:5px
}

.share .btn:hover {
-webkit-transition:all .2s;
transition:all .2s;
line-height:31px;
border:2px solid #fff;
box-shadow:2px 2px 3px rgba(0,0,0,0.3);
border-color:#fff;
color:#fff
}

.ibtn.fb-fans-page {
background-image:url(../../images/tw/fb_page.png);
width:160px;
height:45px
}

.mmenu-show #mobile-menu .share .btn {
line-height:27px
}

.btn.login,.btn.arrowL,.btn.arrowR {
width:200px;
line-height:36px;
padding:0 15px;
color:#fff;
font-size:15px;
margin:0 0 10px;
position:relative
}

.btn.login,.btn.arrowL {
background:#bed839
}

.btn.arrowL {
text-align:right
}

.btn.arrowR {
background:#444;
text-align:left
}

.btn.login:hover,.btn.arrowL:hover,.btn.arrowR:hover {
background:#98c93c
}

.btn.arrowL .ic,.btn.arrowR .ic {
position:absolute;
font-size:36px;
top:-1px
}

.btn.arrowL .ic {
left:8px
}

.btn.arrowR .ic {
right:8px
}

.btn.normal {
border:1px solid #bed839;
width:150px;
height:36px;
line-height:34px;
color:#98c93c;
font-size:14px;
margin:0 5px 10px;
position:relative
}

.btn.normal:hover {
border-color:#98c93c;
color:#bed839
}

.btn.normal:after {
content:'';
display:block;
width:0;
height:0;
border-style:solid;
border-width:0 0 12px 12px;
border-color:transparent transparent #bed839;
position:absolute;
right:2px;
bottom:2px
}

.btn.normal .ic {
color:#98c93c;
font-size:28px;
vertical-align:middle;
margin:0 0 5px
}

.btn.normal:hover .ic {
color:#444
}

.btn.pure {
color:#333;
font-size:15px;
font-weight:700;
line-height:30px;
padding:0 5px;
margin:0 5px 10px;
text-decoration:underline
}

.btn.pure:hover {
color:#bed839
}

.site-header {
background:url(../../images/common/header_bg.png) 50% 0 / cover no-repeat;
background:#fff;
box-shadow:0 0 10px rgba(0,0,0,0.35);
position:relative;
z-index:10
}

.site-header:before {
content:'';
display:block;
width:100%;
height:112px;
background:#bed839;
position:absolute;
left:0;
top:0
}

.site-header .container {
padding:0 15px;
max-width:1330px
}

.site-title {
position:relative;
text-align:center;
padding:15px 0;
background:#bed839
}

.site-title .logo {
background:url(../../images/common/logo.png) 50% 50% / contain no-repeat;
width:336px;
height:82px;
-webkit-transition:opacity .3s ease;
transition:opacity .3s ease;
-webkit-transition:height .4s ease,width .4s ease,opacity .4s ease,background-color .4s ease;
transition:height .4s ease,width .4s ease,opacity .4s ease,background-color .4s ease
}

.site-title .logo:hover {
opacity:.7
}

.top-nav {
background:#98c93c;
position:absolute;
z-index:10;
right:15px;
top:0;
padding:0 10px;
-webkit-transition:height .8s ease,width .8s ease,opacity .8s ease,background-color .8s ease;
transition:height .8s ease,width .8s ease,opacity .8s ease,background-color .8s ease;
border-bottom-left-radius:7px;
border-bottom-right-radius:7px
}

.top-nav > * {
display:inline-block;
vertical-align:middle
}

.site-header .search-box {
position:relative;
padding:10px 44px 10px 0;
box-sizing:border-box;
width:180px
}

.site-header .search-box .form-control {
height:25px;
line-height:25px;
border:0;
border-radius:0;
font-size:14px;
background:#fff;
color:#000;
margin:0
}

.site-header .search-box .form-control:focus {
border-bottom-color:#fff
}

.site-header .search-box .btn.search {
color:#fff;
width:30px;
height:30px;
line-height:30px;
font-size:28px;
position:absolute;
right:0;
top:50%;
margin-top:-15px;
content:'\e92a';
font-family:'icon-font-41'!important
}

.site-header .search-box .btn.search:hover {
color:#444
}

.site-header .search-box .btn.search:before {
content:'';
display:block;
position:absolute;
left:-15px;
top:50%;
margin-top:-7px;
width:0;
height:0;
border-style:solid;
border-width:7px 0 7px 7px;
border-color:transparent transparent transparent #fff
}

.site-header .language {
position:relative
}

.site-header .language .btn {
color:#fff;
font-size:13px;
padding:0 10px;
line-height:45px
}

.site-header .language .btn:after {
content:'\f107';
font-family:'icon-font'!important;
speak:none;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
margin:0 0 0 10px
}

.site-header .language ul {
display:none;
position:absolute;
top:100%;
left:0;
right:0
}

.site-header .language li {
display:block
}

.site-header .language li a {
display:block;
background:#444;
color:#fff;
padding:5px 10px;
margin-top:1px;
font-size:14px
}

.site-header .language li a:hover {
color:#000
}

.site-nav {
border-top:solid 1px #f3f3f3;
box-sizing:border-box;
text-align:center;
padding:5px 0
}

.site-nav > * {
display:inline-block;
vertical-align:middle
}

.site-nav .menu {
text-align:center;
margin:0 -20px
}

.site-nav .menu li {
position:relative
}

.site-nav .menu li a {
display:block
}

.site-nav .menu > li:nth-child(9),.site-nav .menu > li:nth-child(10),.site-nav .menu > li:nth-child(11),.site-nav .menu > li:nth-child(12),.site-nav .menu > li:nth-child(13),.site-nav .menu > li:nth-child(14),.site-nav .menu > li:nth-child(15),.site-nav .menu > li:nth-child(16),.site-nav .menu > li:nth-child(17),.site-nav .menu > li:nth-child(18) {
display:none
}

.site-nav .menu > li > a {
width:120px;
color:#444;
font-size:16px;
padding:10px 0;
text-align: center;
-webkit-transition:height .8s ease,width .8s ease,opacity .8s ease,background-color .8s ease;
transition:height .8s ease,width .8s ease,opacity .8s ease,background-color .8s ease
}

.site-nav .menu > li > a:hover,.site-nav .menu > li.active > a {
color:#98c93c
}

.site-nav .menu ul {
display:none;
font-family:Arial,'微軟正黑體','Microsoft JhengHei','文泉驛正黑','WenQuanYi Zen Hei','儷黑 Pro','LiHei Pro','微软雅黑','メイリオ','맑은 고딕',sans-serif;
position:absolute;
z-index:600;
width:190px;
box-sizing:border-box
}

.site-nav .menu > li > ul {
top:100%;
left:50%;
margin-left:-95px
}

.site-nav .menu ul li a {
color:#444;
font-size:15px;
text-align:center;
padding:8px 12px;
margin-bottom:1.5px;
box-sizing:border-box;
border-radius:7px;
position:relative;
background:#f3f3f3;
z-index:4
}

.site-nav .menu ul li a:hover,.site-nav .menu ul li.active > a {
color:#fff
}

.site-nav .menu ul li a:before {
content:'';
display:block;
width:0;
height:100%;
background:#bed839;
position:absolute;
left:0;
top:0;
-webkit-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
box-sizing:border-box;
border-radius:7px;
z-index:-1
}

.site-nav .menu ul li a:hover:before,.site-nav .menu ul li.active > a:before {
width:100%
}

.site-nav .menu ul ul {
left:100%;
top:0;
margin-left:1px
}

.site-nav .menu ul ul:before {
content:'';
display:block;
position:absolute;
top:0;
bottom:0;
right:100%;
width:2px
}

.header-fixed {
padding-top:147px
}

.header-fixed .site-header {
position:fixed;
top:0;
left:0;
right:0;
z-index:99;
box-shadow:0 0 10px 0 rgba(0,0,0,0.2)
}

.header-fixed .site-header:before {
height:100%;
background:#98c93c
}

.header-fixed .site-title {
padding:5px 0;
float:left;
background:#98c93c
}

.header-fixed .site-title .logo {
background:url(../../images/common/logo02.png) 50% 50% / contain no-repeat;
width:60px;
height:60px;
text-align:left;
-webkit-transition:height .4s ease,width .4s ease;
transition:height .4s ease,width .4s ease
}

.header-fixed .site-header .search-box .btn.search:hover {
color:#bed839
}

.header-fixed .site-nav {
padding:17.5px 0;
margin-left:90px;
text-align:left;
border-top:none
}

.header-fixed .site-nav .menu {
text-align:left;
margin:0
}

.header-fixed .site-nav .menu > li > a {
width:104px;
height:auto;
padding:5px 0;
-webkit-transition:height .8s ease,width .8s ease;
transition:height .8s ease,width .8s ease;
color:#fff;
text-align: center;
}

.header-fixed .site-nav .menu > li > a:hover,.header-fixed .site-nav .menu > li.active > a {
color:#444
}

.header-fixed .site-nav .menu > li > ul {
/*margin-left:-112px*/
/*    margin-left: 0;*/
}

.header-fixed .site-header .language {
display:none
}

.header-fixed .site-header .search-box {
padding:22.5px 44px 22.5px 0;
width:200px;
-webkit-transition:height .8s ease,width .8s ease;
transition:height .8s ease,width .8s ease
}

.header-fixed .top-nav {
padding:0 15px;
border-radius:0;
background:#444
}

.banner {
position:relative;
background:#f3f3f3;
padding:0;
text-align:center
}

.banner .container {
max-width:100%;
padding:0
}

.main-top {
padding:50px 0 0
}

.main-title {
color:#444;
font-size:32px;
text-align:center;
font-weight:400;
margin:0
}

.main-title span {
display:block;
color:#bed839;
font-family:'Oswald',sans-serif;
font-size:38px;
font-weight:400
}

.main-content {
padding:30px 0 70px
}

.main-content .container {
display:table;
width:100%
}

.content {
min-height:300px;
box-sizing:border-box
}

.content-top {
box-sizing:border-box;
border-radius:7px;
border:solid 3px #bed839;
margin:0 0 35px;
padding:8px 15px;
min-height:32px
}

.content-top .content-title {
float:left
}

.content-title {
color:#444;
font-size:20px;
font-weight:400;
position:relative;
min-height:32px;
padding-left:30px;
margin:0;
font-weight:bold
}

.content-title .ic {
color:#98c93c;
font-size:22px;
position:absolute;
left:0;
top:4px
}

.content-title2 {
position:relative;
color:#444;
font-size:18px;
font-weight:400;
border-bottom:2px solid #bed839;
padding-bottom:4px;
margin:0 0 10px;
text-align:center
}

.content-title2 span {
display:inline-block;
vertical-align:bottom;
color:#AAA;
font-family:'Oswald',sans-serif;
font-size:20px;
font-weight:400;
margin-right:5px
}

.content-title2:after {
content:'';
display:block;
position:absolute;
left:0;
right:0;
margin:0 auto;
bottom:-2px;
border-top:2px solid #444;
width:76px
}

.shopping-title {
color:#000;
font-size:18px;
font-weight:700;
line-height:1.2;
margin-bottom:10px
}

.shopping-title .en {
color:#aaa;
font-family:'Oswald',sans-serif;
font-size:20px;
font-weight:400
}

.shopping-title .ic {
margin:0 3px 3px 0;
font-size:32px;
color:#bed839
}

.shopping-title .ic-wrap {
display:inline-block;
width:40px;
height:40px;
line-height:35px;
text-align:center;
letter-spacing:0;
border:1px solid #bed839;
border-radius:50%;
margin-right:6px;
box-sizing:border-box
}

.shopping-title .ic-wrap .ic {
vertical-align:middle;
margin:0 0 3px
}

.btn-box {
clear:both;
padding:10px 0 50px;
position:relative;
text-align:center
}

.btn-box:after {
visibility:hidden;
display:block;
font-size:0;
content:' ';
clear:both;
height:0
}

.btn-box.align-left {
text-align:left;
padding:40px 0 50px
}

.btn-box.wide-spacing {
letter-spacing:15px
}

.btn-box.wide-spacing * {
letter-spacing:.1em
}

.warning-sect {
padding-bottom:50px
}

.breadcrumb-box {
padding:20px 0;
position:relative;
background:#fff
}

.breadcrumb {
position:absolute;
color:#444;
font-size:13px;
right:15px;
top:18px
}

.breadcrumb a:hover {
color:#98c93c
}

.breadcrumb li,.breadcrumb li a {
display:inline
}

.breadcrumb li+li:before {
content:'| ';
display:inline-block;
margin:0 4px 0 2px
}

.breadcrumb li:last-child a {
color:#444
}

.breadcrumb li a:hover {
text-decoration:underline
}

.breadcrumb li a .ic {
font-size:16px;
vertical-align:text-bottom
}

.content-top .breadcrumb {
float:right;
position:initial;
z-index:2;
margin:5px 0 5px 10px
}

.content-top .breadcrumb li+li:before {
content:'/ ';
margin:0
}

.content-top .breadcrumb,.content-top .breadcrumb li a {
color:#999
}

.content-top .breadcrumb li a:hover {
color:#98c93c
}

.side {
width:200px;
background:#fff;
box-sizing:border-box;
border-radius:7px;
padding:8px 15px;
position:relative;
padding-bottom:20px;
display:table-cell;
vertical-align:top
}

.has-side .content {
width:calc(100% - 245px);
display:table-cell;
padding-left:44px
}

.side-title {
color:#444;
font-size:20px;
border-width:0 1px;
padding:3px 15px 8px 36px;
border-bottom:2px solid #bed839;
background-size:18px
}

.side-title:after {
content:'';
display:block
}

.side-nav-top {
border:1px solid #f3f3f3;
border-width:0 1px;
padding:8px 15px;
color:#444;
font-size:14px
}

.side-nav-top li a {
line-height:1.4;
text-decoration:underline;
position:relative;
padding:6px 0 6px 26px
}

.side-nav-top li a:hover {
color:#bed839
}

.side-nav-top li a .ic {
font-size:20px;
position:absolute;
left:0
}

.side-nav {
margin-top:30px
}

.side-nav > li {
margin-top:10px;
padding:0
}

.side-nav li a {
line-height:1.4
}

.side-nav > li > a {
color:#444;
font-size:15px;
padding:4px 5px;
text-align:center;
color:#fff;
background:#98c93c;
background-image:-webkit-linear-gradient(#bed839,#98c93c);
background-image:linear-gradient(#bed839,#98c93c);
background-size:auto 200%;
background-position:0 100%;
-webkit-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}

.side-nav > li > a:hover,.side-nav > li.active > a {
color:#444;
background-position:0 0
}

.side-nav > li > a .ic-caret-right {
float:left;
vertical-align:middle;
padding:3px 8px 0 6px;
display:none
}

.side-nav > li > a:hover .ic-caret-right,.side-nav > li.active > a .ic-caret-right {
color:#98c93c
}

.side-nav ul {
display:none;
padding:2px 0
}

.side-nav ul li a {
color:#bbb;
font-size:14px;
padding:2px 5px 2px 15px
}

.side-nav ul li a:hover,.side-nav ul li.active > a {
color:#98c93c;
text-decoration:underline
}

.site-footer {
background:url(../../images/common/footer_bg.png) 50% 0 / cover no-repeat #444;
position:relative
}

.footer-top {
color:#444;
font-size:12px;
padding:40px 0
}

.site-map {
float:left;
font-size:14px;
width:50%
}

.site-map .item {
float:left;
width:20%;
padding-right:5%;
box-sizing:border-box
}

.site-map ul li {
margin-bottom:14px
}

.site-map ul li a {
padding:0 5px
}

.site-map ul li a:hover {
color:#98c93c;
text-decoration:underline
}

.follow-box {
float:right;
width:370px
}

.follow {
position:relative;
margin:0 5px;
padding-left:120px;
letter-spacing:.05em
}

.follow a:hover {
color:#bed839
}

.follow p {
margin:0
}
.follow p.author{
	display: none;
}

.follow .share {
letter-spacing:6px
}

.copyright-box {
margin-bottom:24px
}

.qrcode {
position:absolute;
left:0;
top:0
}

.footer-bottom {
background:#444;
font-size:14px;
color:#fff
}

.footer-bottom a:hover {
color:#bed839;
text-decoration:underline
}

.footer-bottom .ibtn.fb-fans-page {
float:left;
background-position:0 100%
}

.footer-bottom .ibtn.fb-fans-page:hover {
background-position:0 0
}

.site-info {
margin-left:190px;
padding:9px 0
}

.site-info-list li {
margin-right:25px
}

.site-info-list .ic {
font-size:24px;
vertical-align:middle;
margin:0 4px 3px 0
}

.floating,.floating.fancybox-margin {
display:none;
position:absolute;
right:50%;
bottom:100%;
margin-right:-27px;
z-index:400;
-webkit-transition:all .3s ease;
transition:all .3s ease
}

.floating .ibtn.gotop {
background-image:url(../../images/common/gotop.png);
width:54px;
height:27px
}

body #keyreply-container {
right:0;
bottom:0
}

.keyreply-brand {
display:none
}

body .keyreply-launcher,.keyreply-chat-icon {
box-shadow:none
}

.btn.logout {
display:block;
background:#241711;
color:#fff;
font-size:14px;
width:90px;
line-height:25px;
margin:5px auto 0
}

.btn.logout:hover {
background:#bed839
}

.content-nav {
margin-top:30px;
text-align:center
}

.content-nav li a {
color:#545454;
font-size:14px;
font-weight:700;
padding:4px 10px
}

.content-nav li a:hover,.content-nav li.active > a {
color:#000
}

.content-nav li a .ic {
vertical-align:middle;
width:40px;
height:40px;
line-height:40px;
font-size:34px;
background:#fff;
border-radius:50%;
margin:0 8px 3px 0
}

.content-nav li a:hover .ic,.content-nav li.active > a .ic {
background:#bed839;
color:#fff
}

.pagination {
padding:0;
margin:0;
text-align:center;
letter-spacing:0;
list-style-type:none
}

.pagination li {
display:inline-block;
vertical-align:middle
}

.pagination li a {
display:block;
min-width:30px;
height:30px;
line-height:28px;
color:#444;
border:1px solid #98c93c;
font-size:15px;
padding:0 5px;
margin:0 3px;
border-radius:50%;
box-sizing:border-box
}

.pagination li a:hover,.pagination li.active a {
background:#98c93c;
border-color:#98c93c;
color:#fff
}

.pagination li a.controls {
color:#444;
font-size:22px;
line-height:30px;
border:0;
padding:0
}

.pagination li a.controls:hover {
color:#98c93c;
background:none
}

.pagination li a.prev {
margin-right:10px
}

.pagination li a.next {
margin-left:10px
}

.page-info {
display:none
}

.page-info .form-control {
margin:0
}

.reminder {
position:relative;
margin:0 0 30px
}

.reminder.align-center {
text-align:center
}

.reminder .ic {
font-size:18px;
vertical-align:text-bottom
}

.reminder span {
color:#98c93c
}

.qty-box {
position:relative;
display:inline-block;
width:100px;
max-width:none;
padding:0 30px;
box-sizing:border-box
}

.qty-box .form-control {
position:relative;
text-align:center;
margin:0;
padding:0 5px;
z-index:1;
border-radius:0
}

.qty-box .btn {
width:30px;
height:30px;
line-height:30px;
font-size:18px;
color:#fff;
background:#ccc;
position:absolute!important;
z-index:0;
top:0
}

.qty-box .btn:hover {
background:#888;
z-index:2
}

.qty-box .less {
left:0
}

.qty-box .add {
right:0
}

.form-control {
display:block;
width:100%;
height:30px;
line-height:28px;
padding:0 10px;
color:#444;
border:1px solid #ddd;
background:#fff;
border-radius:8px;
box-sizing:border-box;
margin-bottom:6px
}

.form-control:focus {
outline:none;
border-color:#98c93c
}

textarea.form-control {
padding:8px 10px;
line-height:1.4;
resize:vertical
}

.static-control {
line-height:inherit;
color:#bed839;
margin:0 0 6px;
padding:0 5px
}

.form-wrap {
margin:0 auto;
box-sizing:border-box;
background:#fff;
border-radius:10px;
border:solid 3px #bed839;
padding:20px 25px 0
}

.form-wrap .btn-box {
margin:0 auto;
max-width:900px;
padding:30px 0 50px
}

.form-box {
margin:0 auto
}

.form-box .row {
margin:0 -12px;
position:relative
}

.form-box .col {
float:left;
width:50%;
padding:0 12px
}

.form-box .required {
position:relative
}

.form-box .required:after {
content:'\e928';
color:#98c93c;
font-family:'icon-font-41'!important;
speak:none;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font-size:18px;
position:absolute;
padding-left:5px;
top:6px
}

.form-box .form-group {
padding:12px 0 6px;
line-height:30px;
border-bottom:1px solid #f3f3f3
}

.form-box .form-group:after {
content:'';
display:block;
clear:both
}

.form-box .control-label {
display:block;
color:#444;
font-size:15px;
line-height:inherit;
float:left;
padding-left:0
}

.form-box .control-box {
position:relative;
margin-left:130px
}

.form-box .control-box select {
display:block;
height:30px;
line-height:30px;
color:#444;
border:1px solid #f3f3f3;
background:#f3f3f3;
box-sizing:border-box;
margin-bottom:6px;
font-size:14px;
padding:0 10px;
border-radius:8px
}

.form-box .control-box label {
display:inline-block;
line-height:inherit;
margin:0 10px 6px 5px
}

.form-box .captcha .form-control {
display:inline-block;
vertical-align:top;
width:49%;
max-width:280px
}

.form-box .captcha a {
display:inline-block;
vertical-align:top;
color:#aaa;
font-size:30px;
line-height:inherit;
margin-left:5px;
margin-bottom:6px;
-webkit-transition:all .3s ease;
transition:all .3s ease
}

.form-box .captcha a:hover {
color:#bed839
}

.form-box .captcha a * {
vertical-align:middle
}

.form-box .captcha a .ic {
-webkit-transition:-webkit-transform .3s;
transition:-webkit-transform .3s;
transition:transform .3s;
transition:transform .3s, -webkit-transform .3s;
transition:transform .3s,-webkit-transform .3s
}

.form-box .captcha a:hover .ic {
-webkit-transform:rotate(270deg);
transform:rotate(270deg)
}

.form-box .name .control-box {
position:relative
}

.form-box .name .radio-box {
line-height:36px;
position:absolute;
right:0;
bottom:100%
}

.form-box .name .radio-box label {
display:inline-block;
margin-bottom:0
}

.form-box .name2 .control-box {
padding-right:150px
}

.form-box .name2 .radio-box {
line-height:inherit;
position:absolute;
right:0;
bottom:0
}

.form-box .name2 .radio-box label {
margin-bottom:0
}

.form-box .tips {
line-height:1.2;
margin-bottom:6px;
color:#444;
font-size:13px;
padding:0 5px
}

.form-wrap.type1 .tips {
min-height:36px;
line-height:18px
}

.form-box .input-group {
margin:0 -3px
}

.form-box .input-group:after {
visibility:hidden;
display:block;
font-size:0;
content:' ';
clear:both;
height:0
}

.form-box .input-group .input-box {
float:left;
width:50%;
padding:0 3px;
box-sizing:border-box
}

.form-box .input-group .form-control {
display:inline-block
}

.form-box .name .control-box {
position:relative
}

.form-box .name .radio-box {
line-height:36px;
position:absolute;
right:0;
bottom:100%
}

.form-box .name .radio-box label {
display:inline-block;
margin-bottom:0
}

.form-box .account .control-label {
float:left
}

.form-box .account .control-box {
margin-left:40px
}

.form-box .address .input-box:last-child {
width:100%
}

.form-box .address2 .input-box {
width:22%
}

.form-box .address2 .input-box:last-child {
width:56%
}

.form-radio,.form-checkbox {
display:inline-block;
position:relative
}

.form-radio input[type=radio],.form-checkbox input[type=checkbox] {
cursor:pointer;
position:absolute;
top:0;
left:0;
opacity:0!important;
visibility:hidden;
outline:0;
z-index:3;
width:17px;
height:17px
}

.form-radio:before,.form-checkbox:before {
content:'';
display:inline-block;
vertical-align:middle;
background:50% 0 / 100% auto no-repeat;
width:16px;
height:16px;
margin:0 0 3px
}

.form-radio:before {
background-image:url(../../images/common/form_radio.svg)
}

.no-svg .form-radio:before {
background-image:url(../../images/common/form_radio.png)
}

.form-checkbox:before {
background-image:url(../../images/common/form_checkbox.svg)
}

.no-svg .form-checkbox:before {
background-image:url(../../images/common/form_checkbox.png)
}

.form-radio.checked:before,.form-checkbox.checked:before {
background-position:0 100%
}

.success-box {
text-align:center;
line-height:2
}

.success-msg {
font-size:21px;
font-weight:700;
line-height:1.5;
margin:10px auto
}

.success-msg .ic {
color:#bed839;
font-size:35px
}

.success-msg b {
color:#bed839
}

.success-msg span {
color:#999;
font-family:'Oswald',sans-serif;
font-size:20px;
font-weight:300
}

.success-txt {
font-size:14px;
line-height:1.7;
padding:20px 0
}

.success-txt b {
color:#444
}

.success-txt .ic {
color:#555;
font-size:24px;
vertical-align:middle;
margin:0 4px 3px 0
}

.success-txt.has-border {
padding-top:15px
}

.success-txt.has-border:before {
content:'';
display:block;
width:58px;
border-top:2px dotted #ddd;
margin:0 auto 15px
}

.success-txt a {
text-decoration:underline;
color:#bed839
}

.success-txt a:hover {
text-decoration:none;
color:#bed839
}

.table-h {
color:#666
}

.table-h td {
padding:10px 6px;
line-height:1.4;
text-align:center;
min-width:76px
}

.table-h .btn-holder {
min-width:30px
}

.table-h thead th {
background:#333;
color:#fff;
font-size:15px;
font-weight:400;
padding:8px 12px
}

.table-h tbody {
border-top:1px solid #ccc
}

.table-h tbody tr+tr {
border-top:2px dotted #DCDCDC
}

.table-h .align-left {
text-align:left
}

.table-h a {
display:inline-block;
vertical-align:middle
}

.table td span {
color:#C3995B
}

.table-v {
color:#666;
font-size:14px
}

.table-v th,.table-v td {
padding:12px 20px;
vertical-align:middle
}

.table-v th {
background:#333;
color:#fff;
text-align:right;
width:120px;
font-weight:400;
position:relative
}

.table-v tr + tr th {
border-top:1px solid #444
}

.table-v tr td {
background:rgba(255,255,255,0.85)
}

.table-v tr + tr td {
border-top:2px dotted #ddd
}

.table-v strong {
color:#bed839
}

.table-v b {
color:#444
}

.fancybox-album .fancybox-close {
background:url(../../images/common/lightbox_close.png) no-repeat;
width:45px;
height:44px;
right:0;
top:0
}

.fancybox-album .fancybox-close:hover {
background-position:0 100%
}

.fancybox-album .fancybox-skin {
background:#fff;
border-radius:0;
margin:0 50px 80px
}

.fancybox-album .fancybox-nav span {
background:url(../../images/common/album/lightbox_arrow.png) no-repeat;
width:35px;
height:70px;
margin-top:-35px;
visibility:visible
}

.fancybox-album .fancybox-prev span {
background-position:0 0;
left:-60px
}

.fancybox-album .fancybox-next span {
background-position:100% 0;
right:-60px
}

.fancybox-album .fancybox-prev:hover span {
background-position:0 100%
}

.fancybox-album .fancybox-next:hover span {
background-position:100% 100%
}

.fancybox-album .fancybox-title {
color:#ECECEC;
font-family:Arial,'文泉驛正黑','WenQuanYi Zen Hei','儷黑 Pro','LiHei Pro','微軟正黑體','Microsoft JhengHei','微软雅黑','メイリオ','맑은 고딕',sans-serif;
font-size:18px;
font-weight:700;
letter-spacing:.075em;
border-left:1px solid #444;
padding:0 50px 0 15px;
margin:0 50px 20px
}

.fancybox-album .fancybox-title:before {
content:'ALBUM';
display:block;
color:#bed839;
font-family:'Oswald',sans-serif;
font-size:28px;
line-height:1.5
}

.fancybox-album .photo-pager {
color:#545454;
font-size:12px;
text-align:center;
border-bottom:2px dotted #ddd;
padding:8px 20px
}

.fancybox-album .photo-pager b {
color:#bed839;
font-size:14px;
text-decoration:underline
}

.fancybox-album .photo-intro {
padding:10px 5px;
font-size:15px
}

.mmenu-show #mobile-menu .main-menu {
font-size:15px
}

.mmenu-show #mobile-menu .language-menu {
color:#fff
}

.mmenu-show #mobile-menu .language-menu,.mmenu-show #mobile-fixed li,.mmenu-show #mobile-search,.mmenu-show #member-box li a {
background:#98c93c
}

.mmenu-show #mobile-menu .share .btn {
padding-left:0
}

.mmenu-show #member-box li a:hover {
background:#98c93c
}

.mmenu-show #mobile-fixed ul,.mmenu-show #member-box li {
border-bottom-color:#f3f3f3
}

.mmenu-show #mobile-menu .side-nav-top > li a:before {
border-color:#bed839
}

.mmenu-show #mobile-menu .side-nav-top li a .ic {
display:none
}

.mmenu-show #mobile-menu .side-nav > li {
margin:0;
background:none
}

.mmenu-show #mobile-menu .menu li a .en {
display:none
}

.mmenu-show #mobile-menu .menu li a:hover,.mmenu-show #mobile-menu .menu li.active > a {
color:#98c93c
}

.mmenu-show #mobile-menu .share .btn .ic {
vertical-align:middle
}

.mmenu-show #mobile-fixed li .icon-ic-earth {
font-size:24px;
margin:0 auto
}

.mmenu-show #mobile-fixed .qty {
background:#bed839
}

.mmenu-show #mobile-search .search-box .btn.search {
font-size:30px;
width:30px;
height:30px;
line-height:30px;
position:absolute;
right:5px;
top:0
}

.mmenu-show #mobile-search .form-control {
color:#000
}

@media screen and (max-width: 1320px) {
.top-nav {
right:0
}
}

@media screen and (max-width: 1170px) {
.header-fixed .site-title .logo,.header-fixed .top-nav {
display:none
}

.header-fixed .site-nav {
margin-left:0;
text-align:center
}
}

@media screen and (max-width: 1000px) {
.top-nav,.site-nav {
display:none
}

.site-title .logo {
width:220px;
height:60px;
-webkit-transition:height .4s ease,width .4s ease;
transition:height .4s ease,width .4s ease
}

.site-header .container {
background:#bed839
}

.site-header::before {
display:none
}

.header-fixed {
padding-top:90px
}

.has-side .content {
display:block;
padding-left:0
}

.main-content .container {
display:block
}

.banner {
padding-top:0;
background:none
}

.footer-top {
text-align:center;
padding:25px 0
}

.footer-title,.site-map,.follow .share {
display:none
}

.follow-box {
float:none;
width:auto
}

.follow {
padding:0
}

.qrcode {
position:static;
margin-bottom:15px
}

.copyright-box {
margin:0
}

.content-nav {
display:none
}

.floating,.floating.fancybox-margin {
position:fixed;
background:none;
right:50%;
bottom:5px;
margin-right:-15px
}

.floating .ibtn.gotop,.floating .ibtn.gotop:hover {
background:url(../../images/common/mobile_gotop.svg) 50% 50% no-repeat;
width:30px;
height:30px;
border:0
}

.no-svg .floating .ibtn.gotop,.no-svg .floating .ibtn.gotop:hover {
background-image:url(../../images/common/mobile_gotop.png)
}

.breadcrumb {
display:none
}
}

@media screen and (max-width: 900px) {
.table-h td {
min-width:40px
}
}

@media screen and (max-width: 767px) {
.main-top {
padding:30px 0 0
}

.main-content {
padding-top:20px
}

.main-title span {
font-size:32px
}

.content-top {
padding:0
}

.content-title,.content-top .content-title {
float:none;
padding:8px 15px 8px 45px
}

.content-title .ic,.content-top .content-title .ic {
left:15px;
top:11px
}

.content-top .breadcrumb {
display:none
}

.footer-bottom {
text-align:center
}

.footer-bottom .ibtn.fb-fans-page {
float:none
}

.site-info {
margin:5px 0 0
}

.site-info-list li {
margin:0 10px
}

.page-info {
display:block;
padding:0 32px
}

.pagination {
position:relative;
display:block;
height:0
}

.pagination li a {
display:none
}

.pagination li a.controls {
display:block;
position:absolute;
bottom:-30px;
margin:0
}

.pagination li a.prev {
left:0
}

.pagination li a.next {
right:0
}

.reminder {
margin-bottom:15px
}

.form-title {
font-size:36px
}

.form-box .col {
width:100%
}

.form-box .control-label {
float:none
}

.form-box .control-box {
margin-left:0
}

.form-box .name2 .control-box {
padding:0
}

.form-box .name2 .radio-box {
bottom:100%
}

.form-box .address2 .input-box {
width:50%
}

.form-box .address2 .input-box:last-child {
width:100%
}

.form-wrap .form-box .tips {
min-height:0
}

.table-h thead {
display:none
}

.table-h tr,.table-h td {
display:block;
text-align:left
}

.table-h td+td {
border-left:0
}

.table-h td[data-title]:before {
content:attr(data-title);
display:inline-block;
color:#aaa;
font-size:13px
}

.table-h tr {
padding:10px 0;
position:relative
}

.table-h td {
padding:0;
line-height:2
}

.fancybox-album .fancybox-skin {
margin:0 0 80px
}

.fancybox-album .fancybox-title {
margin:0 0 20px
}

.fancybox-album .fancybox-nav span {
top:100%;
margin:0;
background-color:rgba(0,0,0,0.3);
width:20px;
height:40px;
background-size:40px 80px
}

.fancybox-album .fancybox-prev span {
left:0
}

.fancybox-album .fancybox-next span {
right:0
}
}

@media screen and (max-width: 500px) {
.table-v tr,.table-v th,.table-v td {
display:block;
width:auto;
text-align:left
}

.table-v th {
border:0
}
}

@media screen and (max-width: 450px) {
.main-top {
padding:10px 0 0
}

.main-content {
padding:10px 0 30px
}

.main-title {
font-size:24px
}

.content-title {
font-size:18px;
min-height:28px
}

.breadcrumb-box {
padding:10px 0
}

.btn-box {
padding:10px 0
}

.btn-box.align-left {
padding:40px 0 0
}
}

@media screen and (max-width: 400px) {
.form-box .form-group .input-box {
width:100%
}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
img {
max-width:none;
max-height:none;
width:100%!important
}
}