@charset "utf-8";





/**思源黑體**/

@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);

/**黑體**/

@import url(https://fonts.googleapis.com/earlyaccess/cwtexhei.css);





body{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif !important;

}



/**版面中央寬度**/

.ctn-width{

	width:1200px;

	margin:0 auto 0 auto;

}



/**滿版寬度**/

.ctn-all-width{

	width:100%;

	margin:0 auto 0 auto;

}



/**head設定**/

.page-head{

	width:100%;

	height:100px;

	background-color:#ffffff;

}



/**手機/平板head設定**/

.m-head{

	width:100%;

	height:50px;

	background-color:#C19C5C;

}



.mcm-icons{

	color: #ffffff;

    padding: 0.7em;

    display: inline-block;

    width: 20%;

    text-align: center;

}





.head-padding{

	padding-top: 0.5em;

}



.ml-cart-wrap{

	float:right;

	padding: 0 5em 0 0;

	position: relative;

    top: -74px;

}



.member-login-icon{

	float:left;

}



.member-login-txt{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif ;

	color:#595757;

	font-size:16px;

	/*font-weight:bold;*/

	line-height:2;

	letter-spacing:1px;

	float:left;

	padding: 0 0 0 0.5em;

}



.member-login-txt a:link{

	color: #595757;

}



.member-login-txt a:visited{

	color: #595757;

}



.member-login-txt a:hover{

	color: #C19C5C;

	-webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.member-login-txt a:active{

	color: #595757;

}







.shopping-cart-icon{

	float:left;

	padding:0 0 0 1.5em;

}



.shopping-cart-txt{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif ;

	color:#595757;

	font-size:16px;

	/*font-weight:bold;*/

	line-height:2;

	letter-spacing:1px;

	float:left;

	padding: 0 0 0 0.5em;

}



.shopping-cart-txt a:link{

	color: #595757;

}



.shopping-cart-txt a:visited{

	color: #595757;

}



.shopping-cart-txt a:hover{

	color: #C19C5C;

	-webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.shopping-cart-txt a:active{

	color: #595757;

}





/**logo**/

.lasol-logo{

	text-align:center;

	padding: 1.5em 0 1.5em 0;

}



/**選單**/

.head-menu{

	height:45px;

	background-color:#C19C5C;

}




/**手機/平板產品選單文字設定**/
/**2017-07-10編輯**/
.links-list{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif ;
	color:#000000;
	font-size:16px;
	/*font-weight:bold;*/
	letter-spacing:1px;
	line-height:2;
	display:block;
}


.links-list a:link{
	color:#000000;
}

.links-list a:visited{
	color:#000000;
}

.links-list a:hover{
	color:#595757;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.links-list a:active{
	color:#000000;
}





/**強制pure-img執行inline-block**/

.index-news-title-pic{

	display:inline-block !important;

}



/**滑鼠scroll效果**/

.sd {

  margin: 0 auto;

  width:100%;

}



@-webkit-keyframes ani-mouse {

	0% {

	opacity: 1;

	top: 29%;

	}

	15% {

	opacity: 1;

	top: 50%;

	}

	50% {

	opacity: 0;

	top: 50%;

	}

	100% {

	opacity: 0;

	top: 29%;

	}

}

@-moz-keyframes ani-mouse {

	0% {

	opacity: 1;

	top: 29%;

	}

	15% {

	opacity: 1;

	top: 50%;

	}

	50% {

	opacity: 0;

	top: 50%;

	}

	100% {

	opacity: 0;

	top: 29%;

	}

}

@keyframes ani-mouse {

	0% {

	opacity: 1;

	top: 29%;

	}

	15% {

	opacity: 1;

	top: 50%;

	}

	50% {

	opacity: 0;

	top: 50%;

	}

	100% {

	opacity: 0;

	top: 29%;

	}

}

 .scroll-btn {

	display: block;

	/*position: absolute;

	left: 0;

	right: 0;*/

	text-align: center;

}

.scroll-btn > * {

	display: inline-block;

	line-height: 18px;

	font-size: 13px;

	font-weight: normal;

	color: #7f8c8d;

	color: #000000;

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif ;

	letter-spacing: 2px;

}

.scroll-btn > *:hover,

.scroll-btn > *:focus,

.scroll-btn > *.active {

	color: #000000;

}

.scroll-btn > *:hover,

.scroll-btn > *:focus,

.scroll-btn > *:active,

.scroll-btn > *.active {

	opacity: 0.8;

	filter: alpha(opacity=80);

}

.scroll-btn .mouse {

	position: relative;

	display: block;

	width: 23px;

	height: 35px;

	margin: 0 auto 13px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	border: 2px solid black;

	border-radius: 10px;

}

.scroll-btn .mouse > * {

	position: absolute;

	display: block;

	top: 29%;

	left: 51%;

	width: 8px;

	height: 8px;

	margin: -4px 0 0 -4px;

	background: black;

	border-radius: 50%;

	-webkit-animation: ani-mouse 2.5s linear infinite;

	-moz-animation: ani-mouse 2.5s linear infinite;

	animation: ani-mouse 2.5s linear infinite;

}



/**間距設定**/

.pad_btm{

	padding-bottom:2em;

}



.foot_table_btm{

	padding-bottom:0;

}



.sd-pad{

	padding-top: 2em;

}



.sh-pad{

	padding-top: 5em;

}



/**首頁產品介紹**/

.index-prdct-wrap{

	width:100%;

}



.p-item-wrap{

	display:inline-block;

}



.p-title{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif ;

	color:#ffffff;

	background-color:#77aece;

	font-size:15px;

	/*font-weight:bold;*/

	line-height:2;

	letter-spacing:4px;

	text-align:center;


	/**2018-02-26編輯**/
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 30px;

}



.p-title2{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif ;

	color:#ffffff;

	background-color:#e59fb3;

	font-size:15px;

	/*font-weight:bold;*/

	line-height:2;

	letter-spacing:4px;

	text-align:center;


	/**2018-02-26編輯**/
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 30px;

}



.p-title3{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif ;

	color:#ffffff;

	background-color:#83c4af;

	font-size:15px;

	/*font-weight:bold;*/

	line-height:2;

	letter-spacing:4px;

	text-align:center;

    /**2018-02-26編輯**/
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 30px;

}



.p-title4{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif ;

	color:#ffffff;

	background-color:#6b6b6b;

	font-size:15px;

	/*font-weight:bold;*/

	line-height:2;

	letter-spacing:4px;

	text-align:center;


	/**2018-02-26編輯**/
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 30px;

}



.p-title5{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif ;

	color:#ffffff;

	background-color:#aead5e;

	font-size:15px;

	/*font-weight:bold;*/

	line-height:2;

	letter-spacing:4px;

	text-align:center;


	/**2018-02-26編輯**/
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 30px;

}



.p-title6{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif ;

	color:#ffffff;

	background-color:#72d9e1;

	font-size:15px;

	/*font-weight:bold;*/

	line-height:2;

	letter-spacing:4px;

	text-align:center;


	/**2018-02-26編輯**/
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 30px;

}



.p-pic{

	vertical-align:middle;

}



/**睡眠屋系列**/

.index-sh-wrap{

	width:100%;

}



.sh-title{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif ;

	color:#ffffff;

	background-color:#C19C5C;

	font-size:16px;

	font-weight:bold;

	line-height:5;

	letter-spacing:4px;

	text-align:center;

}



.yj-title{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif ;

	color:#ffffff;

	background-color:#C19C5C;

	font-size:16px;

	/*font-weight:bold;*/

	line-height:3;

	letter-spacing:4px;

	text-align:center;

}



/**觀看更多**/

.read-more{

	position: absolute;

    margin: auto;

    width: 245px;

    height: 62px;

    top: 65%;

    bottom: 0;

    left: 0;

    right: 0;

}



/**優質推薦**/

.goods-title{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif ;

	color:#ffffff;

	background-color:#C19C5C;

	font-size:20px;

	font-weight:bold;

	line-height:2;

	letter-spacing:4px;

	text-align:center;

}



.goods-item-wrap{

	/*display:inline-block;*/

	padding: 4em;

}



.goods-pic{

	vertical-align:middle;

}



.goods-sub{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif ;

	color:#000000;

	font-size:16px;

	/*font-weight:bold;*/

	line-height:2;

	letter-spacing:1px;

	padding-top: 1em;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.goods-sub a:link{

	color:#000000;

}



.goods-sub a:visited{

	color:#000000;

}



.goods-sub a:hover{

	color:#C19C5C;

	-webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.goods-sub a:active{

	color:#000000;

}



.ta{

	text-align: center;

}



/**關於lasol**/

.about-lasol{

	width:100%;

	height:514px;

	background: url(../images/about_banner.jpg) top center no-repeat;

}



.al-circle-title{

	text-align: center;

}



.al-ctn{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif ;

	color:#ffffff;

	font-size:16px;

	/*font-weight:bold;*/

	line-height:2;

	letter-spacing:1px;

	padding-top: 1em;

	text-align:center;

	text-shadow:1px 2px 7px #3e3a39;

}



/**底部情境圖**/

.foot-pic{

}







/**FOOT設定**/

.foot-box{

	width:100%;

	background-color: #000;

	z-index: -1;

	position:absolute;

}



.foot-ctn-pd{

	padding: 3em 0 3em 0;

}



.foot-logo{

	vertical-align:middle;

	text-align: center;

	padding: 3em;

}



.foot-info{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif ;

	color:#4a1d0d;

	font-size:18px;

	line-height:2;

	letter-spacing:1px;

}

.foot-info a:link{

	color: #4a1d0d;

}



.foot-info a:visited{

	color: #4a1d0d;

}



.foot-info a:hover{

	color: #4a1d0d;

	text-decoration:underline;

}



.foot-info a:active{

	color: #4a1d0d;

}



.foot-info-pd{

	padding-left:0.5em;

	vertical-align: middle;

}



.foot-order{

	display:inline-block;

	padding: 0.1em;

	vertical-align:middle;

}



.foot-fb{

	display:inline-block;

	padding: 0.1em;

	vertical-align:middle;

}



.foot-qrc{

	display:inline-block;

	padding: 0.1em;

	vertical-align:middle;

}



.foot-nav{

	float: left;

}



.foot-nav li{

  float: left;

  margin: 0 auto 1em auto;

  border-left: 1px solid hsla(0,0%,100%,.5);

  border-left-color:#d6a59d;

}

.foot-nav li a{

  display: block;

  padding: 0 0.8em 0 0.2em;

}

.foot-nav li a:hover{

}



/**foot表格**/

.rms-table {

    width: 80%;

}



.rms-table-txt {

    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;

    font-size: 15px;

    /*font-weight:bold;*/

}



.rms-title-txt {

    color:#C19C5C;

	text-align:center;

	letter-spacing: 1px;

}



.rms-title-ul{

	border-bottom: 1px solid #b2c5ce !important;

}



.rms-sub-txt {

    color:#000000;

	text-align:center;

	letter-spacing: 1px;

}



.rms-sub-txt a:link{

	color: #FFF;

}



.rms-sub-txt a:visited{

	color: #FFF;

}



.rms-sub-txt a:hover{

	color: #C19C5C;

	-webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.rms-sub-txt a:active{

	color: #000000;

}



.pure-table-horizontal td, .pure-table-horizontal th {

    border-bottom: none !important;

}



.pure-table thead {

    background-color:transparent !important;

}



.pure-table {

    border: none !important;

}



.cs-wrap{

	

}



.cs-icon{

	display:inline-block;

}



.cs-info{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif ;

	color:#C19C5C;

	font-size:15px;

	line-height:1.5;

	letter-spacing:1px;

	display:inline-block;

	padding-left: 0.5em;

}



.cs-info-phone{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif ;

	color:#FFF;

	font-size:15px;

	line-height:1.5;

	letter-spacing:1px;

}



.cs-info-phone a:link{

	color: #FFF;

}



.cs-info-phone a:visited{

	color: #FFF;

}



.cs-info-phone a:hover{

	color: #C19C5C;

	-webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.cs-info-phone a:active{

	color: #FFF;

}



.cs-add{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif ;

	color:#FFF;

	font-size:15px;

	line-height:2;

	letter-spacing:1px;

}



/**購物車**/

.shopping-cart-number{

	position: absolute;

    top: 0px;

    right: 50%;

    display: inline-block;

    color: #fff;

    font-size: 12px;

    letter-spacing: 0;

    background: #e60012;

    line-height: 20px;

    padding: 0 4px;

	min-width: 20px;

	border-radius: 10px;

	text-align: center;

	box-sizing: border-box;

}



/**手機/平板購物車**/

.mscn{

	position: absolute;

    top: 7px;

    right: 53%;

    display: inline-block;

    color: #fff;

    font-size: 12px;

    letter-spacing: 0;

    background: #e60012;

    line-height: 20px;

    padding: 0 4px;

	min-width: 20px;

	border-radius: 10px;

	text-align: center;

	box-sizing: border-box;

}



/**會員登入/購物車二級選單**/

/* Style The Dropdown Button */

.drpbtn {

    background-color:transparent;

    /*color: white;*/

    /*padding: 16px;*/

    /*font-size: 16px;*/

    border: none;

    cursor: pointer;

}



/* The container <div> - needed to position the dropdown content */

.drpdown {

    position: relative;

    display: inline-block;

	margin-top: 0.2em;

}



/* Dropdown Content (Hidden by Default) */

.drpdown-content {

    display: none;

    position: absolute;

    background-color: #f9f9f9;

    min-width: 180px;

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

	z-index: 999;

	text-align:center;

}



/* Links inside the dropdown */

.drpdown-content a {

	font-size: 14px;

    color: black;

    padding: 12px 16px;

	letter-spacing:1px;

    text-decoration: none;

    display: block;

	font-weight: 300;

}



/* Change color of dropdown links on hover */

.drpdown-content a:hover {background-color: #f1f1f1}



/* Show the dropdown menu on hover */

.drpdown:hover .drpdown-content {

    display: block;

}



/* Change the background color of the dropdown button when the dropdown content is shown */

.drpdown:hover .drpbtn {

    /*background-color: #3e8e41;*/

}



/**手機/平板選單**/

.mmenu-icon{

	vertical-align:middle;

	display: inline-block;

    padding: 1em;

}



.mmenu-display{

	display:inline-block;

}



/**分隔線**/

.dash-line{

	border-bottom-style:dashed;

	border-bottom-color:#FFF;

	border-bottom-width:thin;

}



/**搜尋框**/

.pure-button {

    padding: 0 !important;

	background-color:transparent!important;

}



.search-box{

	display: inline-block;

    vertical-align: 10px; /**2017-08-21編輯**/

	padding: 0 0 0 1.5em;

}



/**手機/平板選單搜尋關鍵字列**/

.search-pd{

	padding-top:2em;

	padding-left: 1.5em;

}



.search-zoom{

	width: 32px;

    height: 32px;

    background-color: #e7c42b;

	border: solid 1px #e7c42b; /*2016-12-19編輯*/

    border-radius: 50px;

    vertical-align: middle;

}



.search-input{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif ;

	border-radius: 0.2em !important;

	color: #000000;

}



/**購物說明**/

.shopping-icon-bg{

	background-color:#dddddd;

}



.shopping-icon-txt{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif ;

	color:#686868;

	font-size:16px;

	/*font-weight:bold;*/

	line-height:2;

	letter-spacing:4px;

	text-align:center;

	padding-top: 1em;

}



/**睡眠屋系列banner**/

.sleep-house{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif ;

	width:100%;

	height:174px;

	background-image:url(../images/brown_banner.png);

	background-repeat:repeat-x;

	border-top-left-radius: 10px;

    border-top-right-radius: 10px;

	text-align: center;

	padding-top: 2.5em;

}





/*label設定*/

.label {

    text-align: left !important;

}





/**臉書icon設定**/
.fb-social-icon{
	padding: 0 0.5em 0 0.5em;
	color:#3b5998;
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.fb-social-icon:hover{
	color:#3b5998;
	opacity: .5;
}















































































/**底部copyright設定**/

.copyright-info{

	width:100%;

	background-color:#C19C5C;

	text-align:center;

    margin:0 auto;

}



.copyright-info-txt{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;

	font-size:14px;

	color:#ffffff;

	text-align:center;

	margin:0 auto;

	padding: 15px;

	display:inline-block;

	letter-spacing: 1px;

}



/**底部津淳連結**/

.jc-icon-txt{

	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;

	display:inline-block;

	font-size:12px;

	color:#ffffff;

	padding: 10px 0;

}



.jc-icon-txt a:link{

	color:#ffffff;

}



.jc-icon-txt a:visited{

	color:#ffffff;

}



.jc-icon-txt a:hover{

	color:#ffffff;

}



.jc-icon-txt a:active{

	color:#ffffff;

}





































































































/**清除浮動**/

.clear-b{

	clear:both;

	margin:0;

	padding:0;

}



/**動態流暢效果**/

.atmrun{

	-webkit-transition:all 0.4s ease;

	-moz-transition:all 0.4s ease;

	-o-transition:all 0.4s ease;

	transition:all 0.4s ease;

}



/**發光**/

.light-img {

    max-width: 100%;

	height:auto;

	

	/*--動畫--*/

	-webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.light-img:hover {

	-webkit-filter: drop-shadow(0px 0px 7px white);

    filter: drop-shadow(0px 0px 7px white);

	 

}



/**圖片滑鼠hover效果**/

.hiroki-img {

    max-width: 100%;

	height:auto;

	

	/*--動畫--*/

	-webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

}



.hiroki-img:hover {

	-webkit-filter: contrast(150%); /* Safari */

    -moz-filter: contrast(150%);

    -ms-filter: contrast(150%);

    -o-filter: contrast(150%);

    filter: contrast(150%);

	 

}







/**圖片圓角效果**/

.hiroki-br-img{

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

}



/**不規則圓形**/

.avatar {

    border-top-left-radius: 200px 100px;

    border-top-right-radius: 170px 115px;

    border-bottom-left-radius: 120px 130px;

    border-bottom-right-radius: 245px 125px;

}

.avatar img {

    width: 100%;

    height: 100%;

}



/**滑鼠移入轉圈效果**/

.rotate {

  -webkit-transition:all 0.5s ease-out;

  -moz-transition:all 0.5s ease-out;

  -ms-transition:all 0.5s ease-out;

  -o-transition:all 0.5s ease-out;

  transition:all 0.5s ease-out;

}



.rotate:hover {

  -webkit-transform:rotate(360deg);

  -moz-transform:rotate(360deg);

  -ms-transform:rotate(360deg);

  -o-transform:rotate(360deg);

  transform:rotate(360deg);

}




/**YOUTUBE RWD**/
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;left: 0;
  width: 100%;
  height: 100%;
}

































@media (min-width: 1195px){

.dash-line{

	border:none;

}

.m-head{

	display:none;

}

}























@media (max-width: 1336px){

.ctn-width{

	width:100%;

	margin:0 auto 0 auto;

}

}



@media (max-width: 1194px){

.head-menu{

	height:0;

	background-color:transparent;

}



.ml-cart-wrap {

    display:none;

}



.cd-morph-dropdown{

	background-color:transparent !important;

}



/**2017-07-10編輯**/
.links-list{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif ;
	color:#E7C42B;
	font-size:16px;
	/*font-weight:bold;*/
	letter-spacing:1px;
	line-height:2;
	display:block;
}


.links-list a:link{
	color:#E7C42B;
}

.links-list a:visited{
	color:#E7C42B;
}

.links-list a:hover{
	color:#ffffff;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.links-list a:active{
	color:#E7C42B;
}

/*.links-list{
	display:none !important;
}*/






.page-head {

    height: 150px;

}

.cd-morph-dropdown .label {

	width: 15em;

}

}









@media (max-width: 1024px){

.ctn-width{

	width:97%;

	margin:0 auto 0 auto;

}

.cd-morph-dropdown .label {

    width: 16em;

}

.mscn {

    right: 67%; /*2017-08-22編輯*/

}

}









@media (max-width: 768px){

.ctn-width{

	width:97%;

	margin:0 auto 0 auto;

}

.ctn-all-width {

    width: 80%;

    margin: 0 auto 0 auto;

}

.goods-item-wrap {

    padding: 2em;

}

.foot-logo {

    padding: 2em;

}

.cs-info {

    padding-left: 0.5em;

}

.mscn {
    right: 66%; /*2017-08-22編輯*/
}

.foot_table_btm{

	padding-bottom:1em;

}

}



@media (max-width: 767px){

.rms-table {

    width: 100%;

}

.cs-wrap{

	text-align: center;

    padding-top: 2em;

}

}



@media (max-width: 736px){

.ctn-width{

	width:95%;

	margin:0 auto 0 auto;

}

.si{

	padding: 2em 0 2em 0;

}

.mscn {

    right: 66%; /*2017-08-22編輯*/

}
}





@media (max-width: 568px){

.hiroki-u-ss-1{

	width:100%;

	max-width:100%;

	-webkit-transition:all 0.4s ease;

	-moz-transition:all 0.4s ease;

	-o-transition:all 0.4s ease;

	transition:all 0.4s ease;

}



.about-lasol{

	width:100%;

	height:673px;

	background: url(../images/m_about_banner.jpg) top center no-repeat;

}

.cd-morph-dropdown .label {

    width: 14em;

}

.mscn {

    right: 65%; /*2017-08-22編輯*/

}

}



@media only screen and (max-width: 480px){

.pure-form button[type=submit] {

    margin: 0 !important;

}

.pure-form input[type=text] {

	margin-bottom: 0 !important;

}

}



@media (max-width: 414px){

.ctn-width{

	width:90%;

	margin:0 auto 0 auto;

}

.mscn {

    right: 63%; /*2017-08-22編輯*/

}

}


@media (max-width: 375px){
.mscn {
    right: 62%; /*2017-08-22編輯*/
}
}



@media (max-width: 320px){

.mscn {

    right: 61%; /**2017-08-22編輯**/

}

}