#nav-wrapper .btn-mobile-cart,
.scroll-to-top,
.mysony-adj .sony-dot-nav{
	display: none;
}
.mysony-adj .o0{
	opacity:0;
	filter: alpha(opacity=0);
	-moz-opacity:0;	
}
.mysony-adj .mb0{
	margin-bottom: 0!important;
}
.mysony-adj .hidden-mobile{
	display: block;
}
.mysony-adj .container{
	margin:0;
    width: 100%;
    color: #2f353d;
    margin: 0 auto;
}
.mysony-wrap .gray-bg{
	background-color: #e2e2e2;
}
.mysony-adj .container.p15{
	padding:0 15px;
}
.mysony-adj.mb-adj,
.mysony-adj .mb-adj,
.mysony-adj .item-container.clearfix.mb-adj{
	margin-bottom: 35px;
}
.mysony-adj .container.mysony-btm{
	padding:15px 15px 0;	
}
.mysony-adj .mysony-grid,
.mysony-adj .grid{
	width: 100%!important;
}
.mysony-adj .color01{
	display: block;
	background-color:#00c180;
}
.mysony-adj .color02{
	display: inline-block;
	background-color:#efad13;
}
.mysony-adj .color03{
	display: inline-block;
	background-color:#da628f;
}
.mysony-adj .color04{
	display: inline-block;
	background-color:#62d8d8;
}
.mysony-adj .color05{
	display: inline-block;
	background-color:#df0024;
}
.mysony-adj .color-label{
	padding:0 13px;
}
.mysony-adj .page-ttl{
	font-size: 14px;
	margin-top:0;
	margin-bottom: 18px;
	text-transform: uppercase;
    letter-spacing: 0;
}
.mysony-adj .item-ttl{
	color:#2f353d;
	font-size: 16px;
	line-height: 20px;
	font-weight: 900;
}
.mysony-adj .item-des{
	color:#83838f;
	font-size: 10px;
	margin-bottom: 0;
}
.mysony-adj .item-des .redeemed-items-hl{
	font-weight: 900;
	font-size: 13px;
}
.mysony-adj .cat{
}
.mysony-adj .cat p{
	font-size: 10px;
	color: white;
	font-weight: 900;
	display: inline-block;
}
.mysony-wrap .bold,
.mysony-wrap strong{
	font-family: "SST W01 Bold","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 900;
    font-style: normal;
}
.mysony-wrap .italic{
	font-style: italic;
	font-weight: 300;
}
.mysony-wrap  #nav_myprofile{
	background-color: white;
}
.mysony-wrap .nav-myprofile-container{
	height: 32px;
	line-height: 32px;
	border-bottom:solid 1px #83838f;
	/*border-bottom:solid 1px #e4e7eb;*/
}
.mysony-wrap .nav-myprofile-container  .btn{
/*	-moz-transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);*/
	line-height: 32px;
	width:100px;
	height:32px;
	line-height: 32px;
	border-radius:0;
	position: absolute;
	top: 0;
	left: 0;
	padding:0;
}

.mysony-wrap .nav-myprofile-container .btn span{
	font-size: 10px;
}
.mysony-wrap .nav-myprofile-container .points-label{
	font-size:14px;
    margin: 0 0 0 110px;
	line-height: 31px;
}
.mysony-wrap .nav-myprofile-container .points-label small{
	font-size: 14px;
	font-weight: bold;
}
.mysony-wrap .nav-myprofile-container-inner{
	max-width:100%;
	width: 100%;
	height: 31px;
	line-height: 31px;
	margin:0 auto;
	position: relative;
}
.mysony-wrap .mysony-label{
	margin-left: 56px;
	font-size: 14px;
}
.mysony-adj .section-title-wrap{
    margin-top: 20px;
    margin-bottom: 12px;
	height: 18px;
	line-height: 18px;
}
.mysony-adj .section-title {
    font-size: 12px;
    font-weight: 900;
    padding:0 15px;
    float: left;
    color: #2f353d;
    /* text-transform: uppercase; */
    margin-bottom: 0;
}
.mysony-adj .see-all{
	font-size: 12px;
	float: right;
	padding:0 15px;
	margin-bottom: 0;
}

@media (min-width: 481px) {
	.mysony-adj .hidden-desktop{
		display: none!important;
	}
	.mysony-adj .hidden-phone{
		display: block!important;
	}
	.mysony-wrap .nav-myprofile-container .points-label{
		margin: 0 0 0 70px;
	}
}
@media (min-width: 480px) {
	.mysony-wrap .nav-myprofile-container .points-label{
		margin: 0 0 0 70px;
	}
}

@media (min-width: 75em) {
	.nav-myprofile-container-inner{
		max-width:92.5%;
		margin:0 auto;
	}
	.mysony-adj .container.p15{
		padding:0 0 0 15px;
	}
	.mysony-wrap .nav-myprofile-container{
		height: 40px;
		line-height: 40px;
	}
	.mysony-wrap .nav-myprofile-container-inner{
		height: 39px;
		line-height:39px;
	}
	.mysony-wrap .nav-myprofile-container .btn{
		height: 40px;
		line-height: 40px;
	}
	.mysony-wrap .nav-myprofile-container .points-label{
		line-height: 39px;
	    text-align: left;
	    float: none;
	}
	.mysony-adj .see-all{
		float: left;
		line-height: 17px;
		text-align: left;
		padding: 0;
		margin: 2px 0 0;
	}
	.pc-clearfix:after{
		content:".";
		height:0;
		display:block;
		clear:both;
		visibility:hidden;
	}
}

@media (min-width: 64em) and (max-width: 74.9375em) {
	.nav-myprofile-container-inner{
		max-width:92.5%;
		margin:0 auto;
	}
}

@media (min-width: 35.5em) and (max-width: 63.9375em) {
	.nav-myprofile-container-inner{
		max-width:100%;
	}
}

@media (min-width: 30em) and (max-width: 35.4375em) {
	.nav-myprofile-container-inner{
		max-width:100%;
	}
}

@media (max-width: 30em) {
	.nav-myprofile-container-inner{
		max-width:100%;
	}
}
@media (min-width: 320px) and (max-width: 768px){
	.mysony-adj .hidden-mobile{
		display: none;
	}
}
@media (min-width: 768px){
	.mysony-adj .v-align-pc{
	  top: 50%;
	  -webkit-transform: translateY(-50%);
	  -ms-transform: translateY(-50%);
	  transform: translateY(-50%);
	  position: relative;
	}
}
@media (max-width: 47.9375em){
	.mysony-wrap .nav-myprofile-container .btn{
		width: 100px;
	}
	.mysony-wrap .mysony-label{
		font-size: 14px;
		margin-left: 60px;
	}
}
@media (max-width: 61.1875em) and (min-width: 48em){
	.mysony-wrap .nav-myprofile-container-inner{
		width: 91.80791%;
	}

}
@media (min-width: 768px) {
	.mysony-wrap .nav-myprofile-container .points-label{
		margin: 0 0 0 110px;
	}
}
@media (min-width: 980px){
	.mysony-wrap .nav-myprofile-container-inner{
		width: 92.76316%;
	}
	.mysony-wrap .nav-myprofile-container .btn{
	    margin-left: 2%;
	}
	.mysony-wrap .mysony-label{
		margin-left: 8.8%;
	}
	.mysony-adj .container.mysony-btm{
		padding: 15px 25px 0;
	}
	.mysony-wrap .nav-myprofile-container .points-label{
		margin:0 0 0 78px;
	}
}
@media (min-width: 75em){
	.mysony-wrap .nav-myprofile-container-inner{
		width: 91.89189%;
	    max-width: 1190px;
	    padding:0 0 0 25px;
	}
	.mysony-wrap .nav-myprofile-container .btn{
		margin-left:25px;
	}
	.mysony-wrap .mysony-label{
		margin-left: 56px;
	}

	.mysony-adj .container{
		max-width: 1190px;
		padding:0 0 0 25px;
	}
	.mysony-adj .section-title{
		padding:0 15px 0 0;
		font-size: 14px;
	}
	.mysony-wrap .nav-myprofile-container .points-label{
		margin:0 0 0 110px;
	}
}
@media (max-width: 479px) and (min-width: 320px){
	.mysony-wrap .nav-myprofile-container .btn{
		width: 100px;
	}
}

.mysony-wrap .eyecatch-container{
    position:relative;
}
.mysony-wrap .eyecatch-container .pc-eyecatch,
.mysony-wrap .eyecatch-container .sp-eyecatch{
    display:none;
    width: 100%;
    object-fit: cover;
}
.mysony-wrap .eyecatch-container .sub-title{
    font-size:20px;
    text-align:center;
    text-shadow: 0.755px 0.656px 4px rgba(0, 0, 0, 0.49);
    -moz-transform: matrix( 0.83131638756255,0,0,0.82519901266075,0,0);
    -webkit-transform: matrix( 0.83131638756255,0,0,0.82519901266075,0,0);
    -ms-transform: matrix( 0.83131638756255,0,0,0.82519901266075,0,0);
}
.mysony-wrap .eyecatch-container .main-title{
    font-size:36px;
    text-align:center;
    line-height:36px;
     text-shadow: 0.755px 0.656px 4px rgba(0, 0, 0, 0.49);
      -moz-transform: matrix( 0.83131638756255,0,0,0.82519901266075,0,0);
      -webkit-transform: matrix( 0.83131638756255,0,0,0.82519901266075,0,0);
      -ms-transform: matrix( 0.83131638756255,0,0,0.82519901266075,0,0);
}
.mysony-wrap .eyecatch-container .eyecatch-txt{
    position: absolute;
    color: white;
    width:100%;
    left: 0;
    text-align: center;
    top: 50%;
    margin-left: 0;
    margin-top: -63px;
}
.mysony-wrap .eyecatch-container .eyecatch-txt.before-login .sub-title{
    font-size:24px;
    display:block;  
}
.mysony-wrap .eyecatch-container .eyecatch-txt.before-login .btn{
    min-width: 150px;
}
@media (min-width: 768px) {
	.mysony-wrap .eyecatch-container .eyecatch-txt.before-login .sub-title{
		font-size: 30px;
		margin-bottom: 10px;
	}
	.mobile-br{
		margin-right: 5px;
	}
}

@media (min-width: 75em) {
    .mysony-wrap .eyecatch-container .pc-eyecatch{
        display:block;
    }
    .mysony-wrap .eyecatch-container .sp-eyecatch{
        display:none;
    }
}

@media (min-width: 64em) and (max-width: 74.9375em) {
    .mysony-wrap .eyecatch-container .pc-eyecatch{
        display:block;
    }
    .mysony-wrap .eyecatch-container .sp-eyecatch{
        display:none;
    }
}

@media (min-width: 35.5em) and (max-width: 63.9375em) {
    .mysony-wrap .eyecatch-container .sp-eyecatch{
        display:block;
    }
    .mysony-wrap .eyecatch-container .pc-eyecatch{
        display:none;
    }
}

@media (min-width: 30em) and (max-width: 35.4375em) {
    .mysony-wrap .eyecatch-container .sp-eyecatch{
        display:block;
    }
    .mysony-wrap .eyecatch-container .pc-eyecatch{
        display:none;
    }
}

@media (max-width: 30em) {
    .mysony-wrap .eyecatch-container .sp-eyecatch{
        display:block;
    }
    .mysony-wrap .eyecatch-container .pc-eyecatch{
        display:none;
    }
}
@media (min-width: 75em){
    .mysony-wrap .eyecatch-container .sub-title{
        font-size: 28px;
    }
    .mysony-wrap .eyecatch-container .main-title{
        font-size: 53px;
    }
}


.mysony-adj .menu-profile-container.container{
	/*margin-top:25px;*/
}
.mysony-adj .menu-profile-container .menuitem-profile{
}
.mysony-adj .menu-profile-container .menuitem{
	width:23%;
	text-align:center;
}
.mysony-adj .menu-profile-container [class*="menuitem"]{
	border-top:solid 1px gray;
	border-bottom:solid 1px gray;
	border-right:solid 1px gray;
	float:left;
	height:130px;
	padding:15px;
}
.mysony-adj .menu-profile-container [class*="menuitem"]:first-child{
	border-left:solid 1px gray;
}
.mysony-adj .menu-profile-container [class*="menuitem"] img{
	width:60px;
}
.mysony-adj .menu-profile-container .profile-inner{
	display:table;
	width: 100%;
}
.mysony-adj .menu-profile-container .profile-img-box,
.mysony-adj .menu-profile-container .profile-desc-box{
	display:table-cell;
	vertical-align:middle;
}
.mysony-adj .menu-profile-container .profile-desc-wrap{
	margin-bottom:2px;
	line-height: 14px;
}
.mysony-adj .menu-profile-container .user-name{
	font-size:16px;
	line-height: 14px;
	float: left;
	margin-right: 8px;
	color: #2f353d;
	margin-bottom: 0;
}
.mysony-adj .menu-profile-container .profile-edit{
	float: left;
	margin-bottom: 0;
}
.mysony-adj .menu-profile-container .profile-img-box{
	width: 60px;	
}
.mysony-adj .menu-profile-container .progress-bar-outer{
	border:solid 1px #2f353d;
	width:100%;
}
.mysony-adj .menu-profile-container .profile-note{
	font-size: 10px;
	margin-bottom: 2px;
	text-align: left;
}

.mysony-adj .menu-profile-container .progress-bar-indicator{
	width:80%;
	background-color:#5584BA;
	color:white;
	position: relative;
}

.mysony-adj .menu-profile-container .progress-bar-indicator-txt{
	position: absolute;
	color: #afaeae;
	left: 10px;
    top: 1px;
    line-height: 18px;
    margin-bottom: 0;
}
.mysony-adj .menu-profile-container .profile-ext{
	border:solid 1px #2f353d;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	display: block;
	float: left;
	text-align: center;
	width: 22px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    margin-left: 10px;
    margin-top: 2px;
}

.mysony-adj .menu-profile-container .profile-desc-box{
    padding-left:15px;
    font-size:12px;
}
.mysony-adj .menu-profile-container .progress-bar-outer{
	min-width:110px;
	float: left;
	position: relative;
}
.mysony-adj .menu-profile-container .progress-bar-indicator{
	/* padding:2px 8px; */
	height:26px;
}

.mysony-adj .menuitem a,
.mysony-adj .menuitem p {
	color: #2f353d;
	margin-bottom: 0;
}
.mysony-adj .menu-profile-container .menuitem a{
	width: 100%;
	display: block;
}
.mysony-adj .menu-profile-container .profile-pts{
	text-align: left;
}
@media (min-width: 769px){
	.mysony-adj .menu-profile-container .progress-bar-indicator-txt{
	    top: 4px;
    }
}
@media (min-width: 320px) and (max-width: 768px) {
	.mobile-br{
		display: block;
	}
	.mysony-adj .menu-profile-container .profile-inner{
		padding:15px 0;
	}
	.mysony-adj .menu-profile-container.container{
		width:100%;
		/*margin-top:10px;*/
	}
	.mysony-adj .menu-profile-container [class*="menuitem"]{
		border-top:none;
		border-bottom:solid 1px gray;
		border-right:none;
		border-left:none;
		float:none;
		height:70px;
		padding:0;
		width:100%;
		padding: 0 15px;
	}

	.mysony-adj .menu-profile-container [class*="menuitem"]:first-child{
		height:auto;
		border-left:none;
	}
	.mysony-adj .menuitem {
		position: relative;
	}
	.mysony-adj .menuitem img {

	}
	.mysony-adj .menuitem a,
	.mysony-adj .menuitem p {
		width: 100%;
	}
	.mysony-adj .menu-profile-container .profile-edit{
		font-size: 8px;
	}
	.mysony-adj .menu-profile-container .progress-bar-indicator{
		height: 20px;
		line-height: 18px;
		font-size: 11px;
	}
	.mysony-adj .menu-profile-container .progress-bar-outer {
		width: 170px;
		margin-top: 2px;
		margin-bottom: 2px;
	}
	.mysony-adj .menu-profile-container .profile-ext{
		/*width: 22px;
	    height: 22px;
	    line-height: 22px;
	    font-size: 12px;
	    margin-left: 10px;
	    margin-top: 2px;*/
	}
	.mysony-adj .menu-profile-container .profile-pts{
		font-size: 10px;
		margin-bottom: 0;
	}
	.mysony-adj .menu-profile-container .menuitem {
		height: 70px;
	}
	.mysony-adj .menu-profile-container .menuitem img{
		width: 50px;
		float: left;
		margin-top:10px;
		margin-bottom: 10px; 
		margin-right: 16px;
		margin-left: 5px;
	}
	.mysony-adj .menu-profile-container .menuitem .first{
		width: 50px;
		float: left;
		margin-top:10px;
		margin-bottom: 10px; 
		margin-right: 16px;
		margin-left: 5px;
	}
	.mysony-adj .menu-profile-container .menuitem .desc-box{
	    float: left;
	    line-height: 70px;
	    font-size: 16px;
	    width: 70%;
	    text-align: left;
	}
}
@media (min-width: 769px){
	.mysony-adj .menu-profile-container.container{
		margin-top: 25px;
	}
	.mysony-adj .menu-profile-container .profile-img-box{
		vertical-align: top;
	}
	.mysony-adj .menu-profile-container .user-name{
		font-size: 18px;
		/* float: none; */
	    margin-bottom: 6px;
	}
	.mysony-adj .menu-profile-container .profile-edit{
		float: none;
		display: block;
	}
	.mysony-adj .menu-profile-container .profile-note{
		font-size: 12px;
		margin-top: 2px;
	}
	.mysony-adj .menu-profile-container .progress-bar-outer{
		max-width: 166px;
	}
	.mysony-adj .menu-profile-container .profile-ext{
		margin-top: 3px;
	}
	.mysony-adj .menu-profile-container .profile-pts{
		font-size: 12px;
		margin-top: 4px;
		margin-bottom: 0px;
	}
	.mysony-adj .menu-profile-container .menuitem-profile{
		width: 30%;
	}
	.mysony-adj .menu-profile-container .menuitem{
		width: 17.5%
	}
	.mysony-adj .menuitem a,
	.mysony-adj .menuitem p{
		font-size: 14px;
		line-height: 16px;
	}
	.mysony-adj .menu-profile-container .menuitem a{
		padding:17px 0;
	}
	.mysony-adj .menu-profile-container .menuitem img{
		width: 40px;
		margin-bottom: 6px;
	}
	.mysony-adj .menu-profile-container .menuitem .first{
		width: 70px;
		margin-bottom: 20px;
	}
}
@media (min-width: 769px) and (max-width: 1099px){
	.mysony-adj .menu-profile-container.container{
		margin-top: 20px;
	    padding: 0 15px;
	}
	.menu-row{
		display: table;
		width: 100%;
	}
	.mysony-adj .menu-profile-container .menuitem-profile,
	.mysony-adj .menu-profile-container .menuitem{
		display: table-cell;
	    float: none;
	    vertical-align: middle;
	    height: auto;
	}
	.mysony-adj .menu-profile-container .progress-bar-outer {
    	max-width: 83%;
	}
	.mysony-adj .menu-profile-container .menuitem-profile{
		height: auto;
	}
	.mysony-adj .menu-profile-container .profile-inner{
		display: block;
	}
	.mysony-adj .menu-profile-container .profile-img-box{
		display: block;
	    margin: 0 auto 20px;
	}
	.mysony-adj .menu-profile-container .profile-desc-wrap{
		display: block;
	}
	.mysony-adj .menu-profile-container .profile-desc-box{
		text-align: center;
		padding:0;
		display: block;
	}
	.mysony-adj .menu-profile-container .profile-ext {
	    float: right;
	}

}
@media (min-width: 980px){
	.mysony-adj .menu-profile-container.container{
		margin-top: 20px;
	    padding: 0 15px;
	}
}
@media (min-width: 75em){
	.mysony-adj .menu-profile-container.container{
	    padding: 0 0 0 25px;
	}
}
.mysony-adj .l-box{
	float: left;
}
.mysony-adj .r-box{
	float: right;
}
a { text-decoration: none !important; outline: none !important; }
.spacer-5 { height: 5px; }
.spacer-10 { height: 10px; }
.spacer-15 { height: 15px; }
.spacer-40 { height: 40px; }
.spacer-50 { height: 50px; }
.mb-0 { margin-bottom: 0; }
.item { padding: 0 15px; }
.item.slide { padding: 0 !important; }
.desc { height: 54px; }
.products { width: 100%; }
.gallery-content { margin-bottom: 0; margin-top: 0; }
.infobox.info { background: #e5f1fd url("img/info.png") no-repeat scroll 17px 17px; border-color: #e5f1fd; }
.infobox { border: 1px solid; margin: 40px 0; padding: 15px 15px 15px 53px; }
section:not(.gallery-compare) .product-img { background-color: transparent; max-width: 100%; }
.grid .span1, .grid .grid .span1 { width: 10%; }
.subnav-module .subnav-tray .subcategory .image img { margin: 0; width: 80%; }
.owl-theme .owl-controls { margin-top: 0; padding-top: 40px; }
.owl-theme .owl-controls .owl-buttons div { background: #869791 none repeat scroll 0 0; border-radius: 30px; color: #fff; display: inline-block; font-size: 12px; margin: 5px; opacity: 0.5; padding: 3px 10px; }
.owl-pagination { bottom: 0; left: 0; line-height: 1; margin: 0 auto; position: absolute; text-align: center; transition: opacity 0.2s ease 0s; width: 100%; z-index: 35; }
.owl-theme .owl-controls.clickable .owl-buttons div:hover { opacity: 1; text-decoration: none; }
.owl-theme .owl-controls .owl-page { display: inline-block; }
.owl-theme .owl-controls .owl-page span { background-color: #bcbccc; border-radius: 0.25em; cursor: pointer; display: inline-block; height: 0.5em; margin-left: 0.3125em; transition: all 0.2s ease-out 0s; width: 0.5em; }
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { background-color: #2f353d; }
.pagination-paddles .nav-paddle, .pagination-paddles .pagination-paddle { background-color: rgba(33, 37, 48, 0.4); border: medium none; border-radius: 0.1875em; cursor: pointer; display: block; height: 4.75em; margin-top: -2.375em; opacity: 0; padding: 0; position: absolute; transition: all 0.2s ease-out 0s; width: 3em; z-index: 1; }
.nav-wrapper { padding: 0; }
.hkgwt-preorder-tag { position: absolute; top: 0; right: 0; height: 20px; line-height: 20px; background-color: #4e7e54; color: #fff; font-size: 12px; padding: 0 5px; }
.hkgwt-footer-wrapper { width: 100%; height: auto; overflow: hidden; }
#hk-nav { width: 100%; height: auto; overflow: hidden; }

@media (min-width: 768px) {
}

@media (min-width: 48em) and (max-width: 61.1875em) {
.ma03-icon { background-image: url("menu.png"); display: inline-block; margin-top: 30px; }
}

@media (max-width: 47.9375em) {
.ma03-icon { background-image: url("menu.png"); display: inline-block; margin-top: 30px; }
}

@media (max-width: 29.9375em) {
.subnav-module .subnav-tray .subcategory .image { float: left; width: 30% }
}

// boo
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px }
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left }
.col-xs-12 { width: 100% }
.col-xs-11 { width: 91.66666667% }
.col-xs-10 { width: 83.33333333% }
.col-xs-9 { width: 75% }
.col-xs-8 { width: 66.66666667% }
.col-xs-7 { width: 58.33333333% }
.col-xs-6 { width: 50% }
.col-xs-5 { width: 41.66666667% }
.col-xs-4 { width: 33.33333333% }
.col-xs-3 { width: 25% }
.col-xs-2 { width: 16.66666667% }
.col-xs-1 { width: 8.33333333% }
.col-xs-pull-12 { right: 100% }
.col-xs-pull-11 { right: 91.66666667% }
.col-xs-pull-10 { right: 83.33333333% }
.col-xs-pull-9 { right: 75% }
.col-xs-pull-8 { right: 66.66666667% }
.col-xs-pull-7 { right: 58.33333333% }
.col-xs-pull-6 { right: 50% }
.col-xs-pull-5 { right: 41.66666667% }
.col-xs-pull-4 { right: 33.33333333% }
.col-xs-pull-3 { right: 25% }
.col-xs-pull-2 { right: 16.66666667% }
.col-xs-pull-1 { right: 8.33333333% }
.col-xs-pull-0 { right: auto }
.col-xs-push-12 { left: 100% }
.col-xs-push-11 { left: 91.66666667% }
.col-xs-push-10 { left: 83.33333333% }
.col-xs-push-9 { left: 75% }
.col-xs-push-8 { left: 66.66666667% }
.col-xs-push-7 { left: 58.33333333% }
.col-xs-push-6 { left: 50% }
.col-xs-push-5 { left: 41.66666667% }
.col-xs-push-4 { left: 33.33333333% }
.col-xs-push-3 { left: 25% }
.col-xs-push-2 { left: 16.66666667% }
.col-xs-push-1 { left: 8.33333333% }
.col-xs-push-0 { left: auto }
.col-xs-offset-12 { margin-left: 100% }
.col-xs-offset-11 { margin-left: 91.66666667% }
.col-xs-offset-10 { margin-left: 83.33333333% }
.col-xs-offset-9 { margin-left: 75% }
.col-xs-offset-8 { margin-left: 66.66666667% }
.col-xs-offset-7 { margin-left: 58.33333333% }
.col-xs-offset-6 { margin-left: 50% }
.col-xs-offset-5 { margin-left: 41.66666667% }
.col-xs-offset-4 { margin-left: 33.33333333% }
.col-xs-offset-3 { margin-left: 25% }
.col-xs-offset-2 { margin-left: 16.66666667% }
.col-xs-offset-1 { margin-left: 8.33333333% }
.col-xs-offset-0 { margin-left: 0 }

@media (min-width:768px) {
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left }
.col-sm-12 { width: 100% }
.col-sm-11 { width: 91.66666667% }
.col-sm-10 { width: 83.33333333% }
.col-sm-9 { width: 75% }
.col-sm-8 { width: 66.66666667% }
.col-sm-7 { width: 58.33333333% }
.col-sm-6 { width: 50% }
.col-sm-5 { width: 41.66666667% }
.col-sm-4 { width: 33.33333333% }
.col-sm-3 { width: 25% }
.col-sm-2 { width: 16.66666667% }
.col-sm-1 { width: 8.33333333% }
.col-sm-pull-12 { right: 100% }
.col-sm-pull-11 { right: 91.66666667% }
.col-sm-pull-10 { right: 83.33333333% }
.col-sm-pull-9 { right: 75% }
.col-sm-pull-8 { right: 66.66666667% }
.col-sm-pull-7 { right: 58.33333333% }
.col-sm-pull-6 { right: 50% }
.col-sm-pull-5 { right: 41.66666667% }
.col-sm-pull-4 { right: 33.33333333% }
.col-sm-pull-3 { right: 25% }
.col-sm-pull-2 { right: 16.66666667% }
.col-sm-pull-1 { right: 8.33333333% }
.col-sm-pull-0 { right: auto }
.col-sm-push-12 { left: 100% }
.col-sm-push-11 { left: 91.66666667% }
.col-sm-push-10 { left: 83.33333333% }
.col-sm-push-9 { left: 75% }
.col-sm-push-8 { left: 66.66666667% }
.col-sm-push-7 { left: 58.33333333% }
.col-sm-push-6 { left: 50% }
.col-sm-push-5 { left: 41.66666667% }
.col-sm-push-4 { left: 33.33333333% }
.col-sm-push-3 { left: 25% }
.col-sm-push-2 { left: 16.66666667% }
.col-sm-push-1 { left: 8.33333333% }
.col-sm-push-0 { left: auto }
.col-sm-offset-12 { margin-left: 100% }
.col-sm-offset-11 { margin-left: 91.66666667% }
.col-sm-offset-10 { margin-left: 83.33333333% }
.col-sm-offset-9 { margin-left: 75% }
.col-sm-offset-8 { margin-left: 66.66666667% }
.col-sm-offset-7 { margin-left: 58.33333333% }
.col-sm-offset-6 { margin-left: 50% }
.col-sm-offset-5 { margin-left: 41.66666667% }
.col-sm-offset-4 { margin-left: 33.33333333% }
.col-sm-offset-3 { margin-left: 25% }
.col-sm-offset-2 { margin-left: 16.66666667% }
.col-sm-offset-1 { margin-left: 8.33333333% }
.col-sm-offset-0 { margin-left: 0 }
}

@media (min-width:992px) {
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left }
.col-md-12 { width: 100% }
.col-md-11 { width: 91.66666667% }
.col-md-10 { width: 83.33333333% }
.col-md-9 { width: 75% }
.col-md-8 { width: 66.66666667% }
.col-md-7 { width: 58.33333333% }
.col-md-6 { width: 50% }
.col-md-5 { width: 41.66666667% }
.col-md-4 { width: 33.33333333% }
.col-md-3 { width: 25% }
.col-md-2 { width: 16.66666667% }
.col-md-1 { width: 8.33333333% }
.col-md-pull-12 { right: 100% }
.col-md-pull-11 { right: 91.66666667% }
.col-md-pull-10 { right: 83.33333333% }
.col-md-pull-9 { right: 75% }
.col-md-pull-8 { right: 66.66666667% }
.col-md-pull-7 { right: 58.33333333% }
.col-md-pull-6 { right: 50% }
.col-md-pull-5 { right: 41.66666667% }
.col-md-pull-4 { right: 33.33333333% }
.col-md-pull-3 { right: 25% }
.col-md-pull-2 { right: 16.66666667% }
.col-md-pull-1 { right: 8.33333333% }
.col-md-pull-0 { right: auto }
.col-md-push-12 { left: 100% }
.col-md-push-11 { left: 91.66666667% }
.col-md-push-10 { left: 83.33333333% }
.col-md-push-9 { left: 75% }
.col-md-push-8 { left: 66.66666667% }
.col-md-push-7 { left: 58.33333333% }
.col-md-push-6 { left: 50% }
.col-md-push-5 { left: 41.66666667% }
.col-md-push-4 { left: 33.33333333% }
.col-md-push-3 { left: 25% }
.col-md-push-2 { left: 16.66666667% }
.col-md-push-1 { left: 8.33333333% }
.col-md-push-0 { left: auto }
.col-md-offset-12 { margin-left: 100% }
.col-md-offset-11 { margin-left: 91.66666667% }
.col-md-offset-10 { margin-left: 83.33333333% }
.col-md-offset-9 { margin-left: 75% }
.col-md-offset-8 { margin-left: 66.66666667% }
.col-md-offset-7 { margin-left: 58.33333333% }
.col-md-offset-6 { margin-left: 50% }
.col-md-offset-5 { margin-left: 41.66666667% }
.col-md-offset-4 { margin-left: 33.33333333% }
.col-md-offset-3 { margin-left: 25% }
.col-md-offset-2 { margin-left: 16.66666667% }
.col-md-offset-1 { margin-left: 8.33333333% }
.col-md-offset-0 { margin-left: 0 }
}

@media (min-width:1200px) {
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float: left }
.col-lg-12 { width: 100% }
.col-lg-11 { width: 91.66666667% }
.col-lg-10 { width: 83.33333333% }
.col-lg-9 { width: 75% }
.col-lg-8 { width: 66.66666667% }
.col-lg-7 { width: 58.33333333% }
.col-lg-6 { width: 50% }
.col-lg-5 { width: 41.66666667% }
.col-lg-4 { width: 33.33333333% }
.col-lg-3 { width: 25% }
.col-lg-2 { width: 16.66666667% }
.col-lg-1 { width: 8.33333333% }
.col-lg-pull-12 { right: 100% }
.col-lg-pull-11 { right: 91.66666667% }
.col-lg-pull-10 { right: 83.33333333% }
.col-lg-pull-9 { right: 75% }
.col-lg-pull-8 { right: 66.66666667% }
.col-lg-pull-7 { right: 58.33333333% }
.col-lg-pull-6 { right: 50% }
.col-lg-pull-5 { right: 41.66666667% }
.col-lg-pull-4 { right: 33.33333333% }
.col-lg-pull-3 { right: 25% }
.col-lg-pull-2 { right: 16.66666667% }
.col-lg-pull-1 { right: 8.33333333% }
.col-lg-pull-0 { right: auto }
.col-lg-push-12 { left: 100% }
.col-lg-push-11 { left: 91.66666667% }
.col-lg-push-10 { left: 83.33333333% }
.col-lg-push-9 { left: 75% }
.col-lg-push-8 { left: 66.66666667% }
.col-lg-push-7 { left: 58.33333333% }
.col-lg-push-6 { left: 50% }
.col-lg-push-5 { left: 41.66666667% }
.col-lg-push-4 { left: 33.33333333% }
.col-lg-push-3 { left: 25% }
.col-lg-push-2 { left: 16.66666667% }
.col-lg-push-1 { left: 8.33333333% }
.col-lg-push-0 { left: auto }
.col-lg-offset-12 { margin-left: 100% }
.col-lg-offset-11 { margin-left: 91.66666667% }
.col-lg-offset-10 { margin-left: 83.33333333% }
.col-lg-offset-9 { margin-left: 75% }
.col-lg-offset-8 { margin-left: 66.66666667% }
.col-lg-offset-7 { margin-left: 58.33333333% }
.col-lg-offset-6 { margin-left: 50% }
.col-lg-offset-5 { margin-left: 41.66666667% }
.col-lg-offset-4 { margin-left: 33.33333333% }
.col-lg-offset-3 { margin-left: 25% }
.col-lg-offset-2 { margin-left: 16.66666667% }
.col-lg-offset-1 { margin-left: 8.33333333% }
.col-lg-offset-0 { margin-left: 0 }
}

.visible-lg, .visible-md, .visible-sm, .visible-xs { display: none!important }
.visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block { display: none!important }

@media (max-width:767px) {
.visible-xs { display: block!important }
table.visible-xs { display: table!important }
tr.visible-xs { display: table-row!important }
td.visible-xs, th.visible-xs { display: table-cell!important }
}

@media (max-width:767px) {
.visible-xs-block { display: block!important }
}

@media (max-width:767px) {
.visible-xs-inline { display: inline!important }
}

@media (max-width:767px) {
.visible-xs-inline-block { display: inline-block!important }
}

@media (min-width:768px) and (max-width:991px) {
.visible-sm { display: block!important }
table.visible-sm { display: table!important }
tr.visible-sm { display: table-row!important }
td.visible-sm, th.visible-sm { display: table-cell!important }
}

@media (min-width:768px) and (max-width:991px) {
.visible-sm-block { display: block!important }
}

@media (min-width:768px) and (max-width:991px) {
.visible-sm-inline { display: inline!important }
}

@media (min-width:768px) and (max-width:991px) {
.visible-sm-inline-block { display: inline-block!important }
}

@media (min-width:992px) and (max-width:1199px) {
.visible-md { display: block!important }
table.visible-md { display: table!important }
tr.visible-md { display: table-row!important }
td.visible-md, th.visible-md { display: table-cell!important }
}

@media (min-width:992px) and (max-width:1199px) {
.visible-md-block { display: block!important }
}

@media (min-width:992px) and (max-width:1199px) {
.visible-md-inline { display: inline!important }
}

@media (min-width:992px) and (max-width:1199px) {
.visible-md-inline-block { display: inline-block!important }
}

@media (min-width:1200px) {
.visible-lg { display: block!important }
table.visible-lg { display: table!important }
tr.visible-lg { display: table-row!important }
td.visible-lg, th.visible-lg { display: table-cell!important }
}

@media (min-width:1200px) {
.visible-lg-block { display: block!important }
}

@media (min-width:1200px) {
.visible-lg-inline { display: inline!important }
}

@media (min-width:1200px) {
.visible-lg-inline-block { display: inline-block!important }
}

@media (max-width:767px) {
.hidden-xs { display: none!important }
}

@media (min-width:768px) and (max-width:991px) {
.hidden-sm { display: none!important }
}

@media (min-width:992px) and (max-width:1199px) {
.hidden-md { display: none!important }
}

@media (min-width:1200px) {
.hidden-lg { display: none!important }
}
.visible-print { display: none!important }

@media print {
.visible-print { display: block!important }
table.visible-print { display: table!important }
tr.visible-print { display: table-row!important }
td.visible-print, th.visible-print { display: table-cell!important }
}
.visible-print-block { display: none!important }

@media print {
.visible-print-block { display: block!important }
}
.visible-print-inline { display: none!important }

@media print {
.visible-print-inline { display: inline!important }
}
.visible-print-inline-block { display: none!important }

@media print {
.visible-print-inline-block { display: inline-block!important }
}

@media print {
.hidden-print { display: none!important }
}


.hkgwt-table { display: table; table-layout: fixed; }
.hkgwt-table-cell { display: table-cell; vertical-align: middle; float: none; text-align: center; }
@media (min-width: 768px) and (max-width:1199px) {
    .mysony-adj .col-sm-4 {
        width: 50%;
        padding-right: 24px;
    }
}

@media (min-width: 768px){
    .mysony-adj .col-sm-4 {
        padding-right: 24px;
    }
}
.mysony-pagination{
	padding:33px 0;
	text-align: center;
}

.mysony-pagination span,
.mysony-pagination a{
	display: inline-block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
}
.mysony-pagination a:hover,
.mysony-pagination .current{
	background-color:#2f353d;
	color: white; 
}
.mysony-pagination .skip{
	color: #2f353d;
}
.mysony-adj .filter-ttl{
	font-size: 14px;
	margin-top:0;
	margin-bottom: 16px;
	color: #2f353d;
}
.mysony-filter-form{
	margin-bottom: 15px;
}

.mysony-filter-form .input-wrap{
	height: 20px;
	line-height: 20px;
	margin-right: 20px;
    margin-bottom: 12px;
    float: left;
}
.mysony-filter-form input{
    vertical-align: baseline;
}
.mysony-filter-form label{
	color:#83838f;
	font-size: 16px;
	line-height: 20px;
	display: inline-block;
	margin-bottom: 0;
	margin-left: 8px;
    vertical-align: top;
}
.mysony-filter-form input[type="checkbox"],
.mysony-filter-form input[type="radio"]{
	margin:0;
    vertical-align: unset;
    width: 20px;
	height: 20px;
}
.mysony-filter-form .submit{
    padding: 5px;
    max-width: 100px;
    margin: 12px auto 0;
    display: block;
}
@media (min-width: 980px){
	.mysony-adj .pc-mb-adj{
		margin-bottom: 2px;
	}
	.mysony-filter-form .input-row-wrap{
		max-width: 80%;
	}
	.mysony-adj .page-ttl{
		font-size: 16px;
	}
	.mysony-adj .filter-ttl{
		font-size: 16px;
		float: left;
		min-width: 170px;
		line-height: 30px;
		margin-bottom: 0;
	}
	.mysony-filter-form {
	    margin-bottom: 20px;
	    position: relative;
	    /*height: 30px;*/
	}
	.mysony-filter-form .input-wrap{
		line-height: 30px;
	}
	.mysony-filter-form .submit{
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
    	padding: 0;
    	height: 30px;
    	line-height: 30px;
    	width: 100px;
	}
	.mysony-pagination{
		padding:40px 0 60px;
		text-align: center;
	}
	.mysony-pagination span, .mysony-pagination a{
		width: 34px;
		height: 34px;
		line-height: 34px;
    	font-size: 14px;
	}
	.mysony-filter-form label{
		line-height: 30px;
	}
	.mysony-filter-form input[type="checkbox"], .mysony-filter-form input[type="radio"]{
		margin: 5px 0 0;
	}
}
@media (min-width: 320px)and (max-width:979px) {
    .mysony-adj .col-sm-4 {
        
    }
    .mysony-adj .page-ttl{
		font-size: 12px;
		margin-top:0;
		margin-bottom: 8px;
	}
	.mysony-adj .filter-ttl{
		font-size: 12px;
		margin-top:0;
		margin-bottom: 6px;
	}

    .mysony-adj .mobile-clearfix:before,
    .mysony-adj .mobile-clearfix:after {
	    display: table;
	    content: "";
	    line-height: 0;
	}
	.mysony-adj .mobile-clearfix:after {
		clear: both;
	}
	.mysony-filter-form label{
		font-size: 12px;
		margin-left: 4px;
	}
	.mysony-filter-form {
	    margin-bottom: 15px;
	}

}
.mysony-wrap .logout-btn{
	cursor: pointer;
	color: #4572ed;
	margin-bottom: 0;
    text-align: left;
}
.mysony-wrap .lang-btns{
	margin-top: -1px;
}
.mysony-wrap .lang-btns a{
    font-size: 0.85em;
	display: inline-block;
	width: 30px;
	margin-right: 4px;
	height: 31px;
	text-align: center;
	color: #1b1b1b;
}
.mysony-wrap .lang-btns a:last-child{
	margin-right: 15px;
	margin-left: 4px;
}
.mysony-wrap .lang-btns a.current span{

	padding:0 0 1px;
	border-bottom: 1px solid #1b1b1b;
}
.mysony-wrap .lang-btns a span{
	font-size: 0.85em;
}
.mysony-wrap .lang-btns .divider{
	width: 1px;
	height: 12px;
    vertical-align: middle;
	display: inline-block;
	background-color: #1b1b1b;
}
@media (min-width: 769px){
	.mysony-wrap .logout-btn{
		font-size: 12px;
	}
}