@charset "utf-8";
@import url("../css/reset.css");
@import url("../css/font-awesome.min.css");/*ICON API*/

/*0.--- reset重置區 start ---*/

*,*:before,*:after{
	margin: 0;
	padding: 0;
	font-weight: normal;
	box-sizing: border-box;
}
body{
	font-family: "微軟正黑體",Arial,sans-serif;
	-webkit-text-size-adjust: none;
}
ol,ul{list-style-type: none;}
a{text-decoration:none;color:#000;}
img{
	max-width:100%;
	height: auto;
	object-fit: cover;
}

/*0.--- reset重置區 end ---*/

/*0.--- Shared共用區 start ---*/

.container{
	width: 100%;
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
}
.img_box{
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
}
.img_box > img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

/*0.--- Shared共用區 end ---*/

.wrapper{background-color: #fff;}
	
	/*1.--- header 頁首 start ---*/
	header{}
	header .container{
		display: flex;
		justify-content: space-around;/*平均分配內容元素，間距也是平均分配*/
    	flex-wrap: wrap;/*超出限定範圍就換行*/
    	padding: 40px 0;
	}
			/*3.--- logo start ---*/
			.logo{
				margin-top: 4%;
    			margin-right: 1%;
    			margin-bottom: 1%;
			}
			.logo h1{
				font-size: 0;
			    line-height: 0;
			    overflow: hidden;
			}
			.logo .img_box{
				display: block;
				width: 302px;
	    		height: 219px;
			}
			.logo .img_box img{}
			/*3.--- logo end ---*/
			/*3.--- header_banner 頁首輪播廣告 start ---*/
			.header_banner{
				margin-right: 1.35%;
				width: 975px;
    			height: 358px;
    			opacity: 0;
    			animation: op .2s .5s linear;
    			animation-fill-mode:forwards ;
			}
			@keyframes op{
				0%{opacity:0;}
				100%{opacity:1;}
			}
			.header_banner:before{
			  	content:"";
			  	display: block;
			  	width: 100.3%;
			  	height: 100.3%;
			  	border:1px solid #423415;
			  	position: absolute;
			  	top: 0;
			  	bottom: 0;
			  	left: -2px;
			  	right: 0;
			  	margin: auto;
			}
			.header_banner .img_box{
				display: block;
			    width: 975px;
			    height: 358px;
			    cursor: default;
			    position: relative;
			    overflow: hidden;
			}
			.header_banner .img_box img{}
			.slick-dots,.slick-slider button{display: none !important;}
			/*3.--- header_banner 頁首輪播廣告 end ---*/
			/*3.--- shoplol 當鋪聯盟 start ---*/
			.shoplol{margin-top: 4%;}
			.shoplol h4{
				background-color: #bc853e;
			    color: #fff;
			    padding: 1% 0;
			    font-size: 24px;
			    text-align: center;
			}
			.shoplol h4:before{
				content: "";
				display: inline-block;
				width: 30px;
				height: 30px;
				vertical-align: sub;
				background-image: url(../images/icon.png);
			    background-repeat: no-repeat;
			    margin-right: 10px;
			}
				/*4.--- marquee 跑馬燈 start ---*/
				.marquee{
					height: 190px;
					overflow: hidden;
				}
				.marquee > div{
					width: 200px;
					height: 22px;
    				position: relative;
				}
				.marquee::-webkit-scrollbar
				{
				    width:0px;
				}
				.marquee::-webkit-scrollbar-track-piece
				{
				    background-color: transparent;
				    -webkit-border-radius:6px;
				}
				.marquee ul{
					position: absolute;
				}
				.marquee ul li{margin: 3% 0;}
				.marquee ul li a{
					font-size: 13.25px;
				}
				.marquee ul li a:before,
				.marquee ul li a:after{
					content: "";
					display: block;
				}
				.marquee ul li a:before{}
				.marquee ul li a:after{}
				/*4.--- marquee 跑馬燈 end ---*/
			/*3.--- shoplol 當鋪聯盟 end ---*/
		/*2.--- nav主選單 start ---*/
		nav{background-color: #bc853e;}
		nav ul{
			display: flex;
		    width: 77%;
		    font-size: 27.47px;
		    margin: 0 auto;
		    text-align: center;
		}
		nav ul li{
			width: 20%;
		}
		nav ul li a{
			display: block;
		    padding: 8px 0;
		    color: #fff;
		    font-weight: bold;
		    margin-right: 25px;
		}
		nav ul li a:hover{
			color: #edd6c3;
			background-color: #b17b31;
		}
		nav ul li a:before{
			content: "";
		    display: inline-block;
		    width: 30px;
		    height: 30px;
		    background-repeat: no-repeat;
		    vertical-align: sub;
		    margin-right: 25px;
		}
		nav ul li a:hover:before{
		    background-image: url(../images/icon.png);
			background-position: -30px 0;
		}
		nav ul li a.active:before{
			content: "";
		    display: inline-block;
		    width: 30px;
		    height: 30px;
		    background-image: url(../images/icon.png);
		    background-repeat: no-repeat;
		    vertical-align: sub;
		    margin-right: 25px;
		}
		/*2.--- nav主選單 end ---*/
	/*1.--- header 頁首 end ---*/

	/*1.--- article 內容 start ---*/
	article{
		background-image: url(../images/bg1.jpg);
    	background-size: cover;
	}
	article section{}
	section .container{background-color: hsla(0,100%,100%,0.4);}
		/*2.--- 首頁內容index start ---*/
		.index{}
		.index .container{
			width: 78.5%;
			padding: 1.5%;
		}
		.index .container > div:last-child{margin-bottom: 5%;}
			/*3.--- 隨機排序 start ---*/
			.index .outset{}
			.index .outset .inset{
			  	display: flex;
    			justify-content: space-between;
			}
			.index .outset .inset li{
			  	width: 18.4%;
			  	background-color: #fff;
			  	padding: 0.8% 1.3%;
			  	box-shadow: 4px 4px 0px #e7e6e5;
			  	transition: box-shadow .5s ease-in-out;
			}
			.index .outset .inset li:hover{
			  	box-shadow: 1px 1px 12px #000;
			}
			.index .outset .inset.inset_one li:nth-of-type(2){
				box-shadow:none;
				background-color: transparent;
			}
			.inset li a >*{
				margin-bottom: 4%;
			}
			.index .inset li a{
				display: block;
				font-size: 16.37px;
			}
			.index .inset li a h5{
				font-size:27.47px;
				font-weight: bold;
			}
			.index .inset li a .img_box{
			  width: 100%;
			  height: 230px;
			}
			.index .inset li a .img_box img{/*@ROCKY@*/
				/*background-image: url(http://www2.cool-style.com.tw/cool/2016/05/hyuna8.jpg);*/
			    height: 100%;
			    background-size: cover;
			    background-position: center;
			}
				/*4--- youtube start ---*/
				.index .outset .inset .youtube{
					width: 38%;
					padding: 0;
				}
				.index .outset .youtube .img_box{
				  	width: 100%;
				  	height: 424px;
    				margin: 0;
				}
				.index .outset .youtube .img_box iframe{
				  	max-width:100%;
				  	width: 100%;
				  	height: 100%;
				  	object-fit:cover;
				  	transform:translate(-50%,-50%);
				  	position: absolute;
				  	top: 50%;
				  	left: 50%;
				  	border: 12px solid #fadaa0;
				}
				/*4.--- youtube end ---*/
			.index .tel{margin: 8% 0;}
			.index .tel span{
				font-size: 21px;
    			font-family: "微軟正黑體";
			}
			.index .tel + p:nth-of-type(1){font-size:18px;}
			
			.index_content .outset{margin-bottom: 3%;}
			/*3.--- 隨機排序 end ---*/
			.index .br{
				display: block;
				width: 100%;
				height: 8px;
				background-image: url(../images/icon_2.png);
				margin: 3% 0;
			}
			.index .index_banner{
				width: 100%;
				height: 125px;
				margin-bottom: 3%;
			}
		/*2.--- 首頁內容index end ---*/
		
		
		/*2.--- 關於我們、店家資訊、借款流程、常見問題
							內容共用的	start			 ---*/
		.information .container,
		.process .container,
		.about .container,
		.qa .container
		{
			display: flex;
    		padding: 116px 88px 0 88px;
		}
			/*3.--- 左邊 start ---*/
			.left{
				text-align: center;
				top: 116px;/*JStext*/
				margin-right: 70px;
			}
			.left .icon_logo{
				width: 317px;
				height: 317px;
			}
			.left h5{
				margin: 12.65% 0;
			    font-size: 60px;
			    font-weight: bold;
			    cursor: default;
			}
			.left .left_menu{}
			.left .left_menu ul{}
			.left .left_menu ul li{
				font-size: 24px;
    			margin-bottom: 6.31%;
			}
			.left .left_menu ul li:hover{}
			.left .left_menu ul li a{}
			.left .left_menu ul li a:before,
			.left .left_menu ul li a:after{}
			.left .left_menu ul li a:before{}
			.left .left_menu ul li a:after{}
			.left .left_menu ul li a.active{
				position: relative;
				top: 0;
			}
			.left .left_menu ul li a.active:before,
			.left .left_menu ul li a.active:after{}
			.left .left_menu ul li a.active:before{
				content: "";
			    display: inline-block;
			    width: 30px;
			    height: 30px;
			    background-image: url(../images/icon_3.png);
			    background-repeat: no-repeat;
			    vertical-align: sub;
			    margin-right: 25px;
			    position: absolute;
			    left: -55px;
			}
			.left .left_menu ul li a.active:after{}
			.left.openxx{opacity:0;display: none;}
			/*3.--- 左邊 end ---*/
			/*3.--- 右邊 start ---*/
			.right{}
			.about .right .loan,
			.process .right .loan,
			.qa .right .loan{
				font-size: 24px;
			    letter-spacing: 12px;
			    margin-bottom: 103px;
			}
			.about .right .loan b,
			.process .right .loan b,
			.qa .right .loan b{font-weight:bold;}
			.about .right .loan > div,
			.process .right .loan > div,
			.qa .right .loan > div{margin: 60px 0;}
			.about .right .loan div:not(.step) p,
			.process .right .loan div:not(.step) p,
			.qa .right .loan div:not(.step) p{margin-bottom: 44px;}
			.about .right .loan h5,
			.process .right .loan h5,
			.qa .right .loan h5{
				font-size: 40px;
			    color: #7a1a1a;
			    margin-bottom: 30px;
			    font-weight: bold;
			}
			.about .right .loan > .br_2,
			.process .right .loan > .br_2,
			.qa .right .loan > .br_2{
				display: block;
			    width: 100%;
			    height: 29px;
			    background-image: url(../images/icon_3.png);
			}
			/*3.--- 右邊 end ---*/
		/*2.--- 關於我們、店家資訊、借款流程、常見問題
							內容共用的	end			 ---*/


		/*2.--- 關於我們內容about start ---*/
			/*3.--- 左邊 start ---*/
			.about .left .icon_logo{
				background-image: url(../images/about_logo.png);
			}
			/*3.--- 左邊 end ---*/
			/*3.--- 右邊 start ---*/
			.about .right .loan{text-align:justify;letter-spacing:8px;}
			.about .right .loan > div:first-child{margin:0 0 60px 0;}
			.about .right .loan > div:nth-of-type(2) p{margin:1% 0;}
			.about .right .loan > div:last-child{margin-bottom:260px;}
			.about .right .loan > .br_2{margin:11% 0;}
				/*4.--- 標語 start ---*/
				.about .right .slogan p{
					font-size: 24px;
				    margin-bottom: 23px;
				    letter-spacing: 10px;
				}
				/*4.--- 標語 end ---*/
			/*3.--- 右邊 end ---*/
		/*2.--- 關於我們內容about end ---*/
		
		/*2.--- 店家資訊內容information start ---*/
		.information{}
			/*3.--- 左邊 start ---*/
			.information .left{}
			.information .left .icon_logo{
			    background-image: url(../images/information_logo.png);
			}
			.information .left h5{}
			.information .left .left_menu{}
			.information .left .left_menu ul{}
			.information .left .left_menu ul li{}
			.information .left .left_menu ul li:hover{}
			.information .left .left_menu ul li a{}
			.information .left .left_menu ul li a:before,
			.information .left .left_menu ul li a:after{}
			.information .left .left_menu ul li a:before{}
			.information .left .left_menu ul li a:after{}
			.information .left .left_menu ul li a.active{}
			.information .left .left_menu ul li a.active:before,
			.information .left .left_menu ul li a.active:after{}
			.information .left .left_menu ul li a.active:before{}
			.information .left .left_menu ul li a.active:after{}
			/*3.--- 左邊 end ---*/

			/*3.--- 右邊 start ---*/
			.information .right{}
				/*4.--- 搜尋 start ---*/
				.information .right .search{margin-bottom: 85px;margin-top: 15px;}
				.information .right .search form{}
				.information .right .search form fieldest{}
				.information .right .search form fieldest input[name="search"]{
					background-color: transparent;
				    border: 1px solid #7b7978;
				    font-size: 24px;
				    border-radius: 20px;
				    width: 470px;
				    height: 40px;
				    outline: none;
				    text-indent: 40px;
				}
				.information .right .search form fieldest a{
					display: inline-block;
					vertical-align: sub;
					background-color: transparent;
				    background-image: url(../images/icon.png);
				    background-position: 0 -30px;
				    border: none;
				    width: 28px;
				    height: 28px;
				    outline: none;
				    cursor: pointer;
				    margin-left: 10px;
    				padding: 7px;
				}
				/*4.--- 搜尋 end ---*/
				/*4.--- 當鋪資訊 start ---*/
					/*共用*/
				.information .right .shop_info{margin-bottom: 64px;}
				.information .right .shop_info ul{}
				.information .right .shop_info ul li{
					font-size: 24px;
				    cursor: default;
				    position: relative;
				}
				.information .right .shop_info ul li a{cursor: default;}
					/*針對*/
				.information .right .shop_info ul li:first-child{
					font-size: 36px;
				    font-weight: bold;
				    margin-bottom: 47px;
				}
				.information .right .shop_info ul li.liB {margin-bottom: 5px;}
				.information .right .shop_info ul li.liC {margin-bottom: 55px;}
				
				.information .right .shop_info ul li.liB a,
				.information .right .shop_info ul li.liC a{
					width: 175px;
					height: 45px;
				    display: inline-block;
				    white-space: nowrap;
				    color: #fff;
				    margin-left: 5px;
				    background-color: #ccc;
				}
				.information .right .shop_info ul li.liB a{background-color: red;}
				.information .right .shop_info ul li a span{color: #000;margin-left: 20%;}
				.information .right .shop_info ul li.liC a span{margin-left: 30%;}
				.fa{
					font-size: 33px;
    				padding: 5px;
				}


				.information .right .shop_info ul li.liD {
					margin-bottom: 72px;
    				text-indent: 24px;
    				pointer-events: none;
				}
				.information .right .shop_info ul li.liE {
					margin-bottom: 60px;
				    text-indent: 180px;
				    pointer-events: none;
				    margin-left: 8px;
				}
				.information .right .shop_info ul li.liD a,
				.information .right .shop_info ul li.liE a {
					cursor: pointer;
					pointer-events: auto;
				}
				.information .right .shop_info ul li.liD a span{display: inline-block;}
				.information .right .shop_info ul li.liE a span{margin-left: 0;}
				.information .right .shop_info ul li.qrIcon{
					background-image: url(../images/icon.png);
				    width: 38px;
				    height: 38px;
				    background-position: 0 -134px;
				}
				.information .right .shop_info ul li.liD:before,
				.information .right .shop_info ul li.liE:before{
					content: "";
					display: block;
					background-image: url(../images/icon.png);
					position: absolute;
				    white-space: nowrap;
				    text-indent: 35px;
				    background-color: #ccc;
				    color: #fff;
				    width: 170px;
				    height: 38px;
				    background-repeat: no-repeat;
				    outline: 2px solid #ccc;
				}
				.information .right .shop_info ul li.liD:before{
					content: "Google地圖";
				    background-position: 0px -58px;
				    left: 8px;
				}
				.information .right .shop_info ul li.liE:before{
					content: "LINE ID";
					background-position: 0 -96px;
					text-indent: 44px;
				}
				.information .right .shop_info ul li.qrIcon .img_box{opacity:0;transition:opacity 1s;}
				.information .right .shop_info ul li.qrIcon .img_box{
					display: block;
				    width: 100px;
				    height: 100px;
				    opacity: 1;
				    z-index: 1;
				    left: 50px;
				}
				/*4.--- 當鋪資訊 end ---*/
				/*4.--- 當鋪地址圖片 start ---*/
				.information .right .shop_add{margin-bottom: 55px;}
				.information .right .shop_add > .img_box{
					clear: both;
				    width: 97%;
				    height: 399px;
				}
				.information .right .shop_add > .img_box img{}
				.information .right .shop_add .top{}
				.information .right .shop_add .top .img_box{
					width: 346px;
				    height: 258px;
				    float: left;
				    margin-right: 24px;
				    margin-bottom: 24px;
				}
				.information .right .shop_add .top .img_box img{}
				/*4.--- 當鋪地址圖片 end ---*/
				/*4.--- 標語 start ---*/
				.information .right .slogan{margin-bottom: 195px;}
				.information .right .slogan p{
					font-size: 24px;
				    margin-bottom: 23px;
				    letter-spacing: 10px;
				}
				/*4.--- 標語 end ---*/
			/*3.--- 右邊 end ---*/


			/*3.--- 店家資訊搜尋後內容information_search start---*/
			.information .right .search_content{font-size: 24px;}
			.information .right .search_content .error{
				color: #d21e38;
			    margin-top: -40px;
			    margin-bottom: 30px;
			}
			.information .right .search_content .search_shop{letter-spacing: 4px;}
			.information .right .search_content .search_shop ul{}
			.information .right .search_content .search_shop ul > li{
				width: 135%;
			    background-color: #fff;
			    box-sizing: content-box;
			  	transition: box-shadow .5s ease-in-out;
			  	margin-bottom: 1%;
			}
			.information .right .search_content .search_shop ul > li:hover{
				box-shadow: 1px 1px 12px #000;
			  }
			.information .right .search_content .search_shop ul > li > a{
				display: flex;
			    width: 100%;
			    height: 100%;
			    padding: 2.5%;
			    align-items: center;
			    justify-content: space-between;
			}
			.information .right .search_content .search_shop ul > li > a .sea_left{}
			.information .right .search_content .search_shop ul > li > a .sea_left div{}
			.information .right .search_content .search_shop ul > li > a .sea_left div:first-child{margin-bottom: 10px;}
			.information .right .search_content .search_shop ul > li > a .sea_left div:last-child{}
			
			.information .right .search_content .search_shop ul > li > a .sea_right{
				display: none;
    			justify-content: space-around;
			}
			.information .right .search_content .search_shop ul > li > a .sea_right p{
				width: 70px;
			    height: 38px;
			    background-image: url(../images/icon.png);
			}
			.information .right .search_content .search_shop ul > li > a .sea_right p:nth-of-type(1){background-position: 13px -58px;}
			.information .right .search_content .search_shop ul > li > a .sea_right p:nth-of-type(2){background-position: 0 -96px;}
			.information .right .search_content .search_shop ul > li > a .sea_right p:nth-of-type(3){background-position: 0 -134px;}
			/*3.--- 店家資訊搜尋後內容information_search end ---*/
			/*--- ROCKY start ---*/
			.rwd_infor_control{display: none;}
			.information .left .left_menu .rwd_infor_menu_nav{display: block;}
			.information .left .left_menu .rwd_infor_menu_nav ul li a.active:after{opacity: 0;}


			.information .right .shop_info ul li.liB,
			.information .right .shop_info ul li.liC,
			.information .right .shop_info ul li.liD,
			.information .right .shop_info ul li.liE,
			.information .right .shop_info ul li.liF{display: none;}

			.information .right .shop_info ul .texthtml{
				max-width: 600px;
			    text-align: justify;
			    line-height: 2em;
			}
			.information .right .search_content .search_shop ul > li > a .more{
				display: flex;
			}
			.information .right .search_content .search_shop ul > li > a .more p{
				width: 70px;
			    height: 70px;
			    background-image: url(../images/more.png);
			    background-repeat: no-repeat;
			    background-size: cover;
			}
			.information .right .search_content .search_shop ul > li > a .more p:nth-of-type(1){background-position: 0px 0px;}
			/*--- ROCKY end ---*/
		/*2.--- 店家資訊內容information end ---*/
			
		/*2.--- 借款流程內容process start ---*/
		.process{}
			/*3.--- 左邊 start ---*/
			.process .left .icon_logo{
				background-image: url(../images/process_logo.png);
			}
			.process .left .left_menu ul li{
				letter-spacing: 4px;
				margin-bottom: 8%;
			}
			.process .left .left_menu ul li a{position: relative;}
			.process .left .left_menu ul li a:before{
				content: "";
				display: block;
				background-image: url(../images/icon.png);
				background-position: -120px -174px;
				background-repeat: no-repeat;
				position: absolute;
				top: 100%;
				left: 0;
				width: 100%;
				height: 100%;
				transition: background-position 1s .3s;
			}
			.process .left .left_menu ul li a:hover:before{background-position: -8px -174px;}
			/*3.--- 左邊 end ---*/
			/*3.--- 右邊 start ---*/
			.process .right{}
			
				/*step*/
			.process .right .loan .step{margin-top: 0;}
			.process .right .loan .step p{}
				/*car*/
			.process .right .loan .car{}
			.process .right .loan .car h5{}
			.process .right .loan .car b{}
			.process .right .loan .car p{}
				/*locomotive*/
			.process .right .loan .locomotive{}
			.process .right .loan .locomotive h5{}
			.process .right .loan .locomotive b{}
			.process .right .loan .locomotive p{}
				/*fine*/
			.process .right .loan .fine{}
			.process .right .loan .fine h5{}
			.process .right .loan .fine b{}
			.process .right .loan .fine p{}
				/*compensation*/
			.process .right .loan .compensation{}
			.process .right .loan .compensation h5{}
			.process .right .loan .compensation b{}
			.process .right .loan .compensation p{}
				/*enterprise*/
			.process .right .loan .enterprise{}
			.process .right .loan .enterprise h5{}
			.process .right .loan .enterprise b{}
			.process .right .loan .enterprise p{}
				/*house*/
			.process .right .loan .house{}
			.process .right .loan .house h5{}
			.process .right .loan .house b{}
			.process .right .loan .house p{}
			/*3.--- 右邊 end ---*/
		/*2.--- 借款流程內容process end ---*/

		/*2.--- 常見問題內容qa start ---*/
		.qa{}
		.qa .right .loan h5{
			font-size: 36px;
		    margin-top: 80px;
		    font-weight: bold;
		    letter-spacing: 7px;
		    color: #af6b12;
		}
		.qa .right .loan > .br_2{width: 89%;}
			/*3.--- 左邊 start ---*/
			.qa .left .icon_logo{
				background-image: url(../images/qa_logo.png);
			}
			/*3.--- 左邊 end ---*/
			/*3.--- 右邊 start ---*/
			.qa .right .question{letter-spacing:8px;text-align: justify;}
			.qa .right .loan .question:first-child{margin: 0 0 60px 0;}
			.qa .right .question > div{font-weight: bold;}
			.qa .right .question > div:nth-of-type(1){margin-bottom: 42px;}
			.qa .right .question > div:nth-of-type(2){text-align: left;}
			.qa .right .question > div:nth-of-type(2) b{}
			.qa .right .question > div:nth-of-type(2) ul{margin-left: 53px;}
			.qa .right .question > div:nth-of-type(2) ul > li{
				font-weight: bold;
				margin:1% 0;
			}
			.qa .right .question > div:nth-of-type(2) ul > li > span{
				font-weight: bold;
			    display: block;
			    margin-left: 63px;
			}
			.qa .right .question div ul{margin-top: -40px;text-align:justify;}
			/*3.--- 右邊 end ---*/
		/*2.--- 常見問題內容qa end ---*/

	/*1.--- article 內容 end ---*/

	/*1.--- footer 頁尾 start ---*/
	footer{
		background-color: #bc853e;
    	color: #fff;
    	position: relative;/*JStext*/
	}
	footer .container{width: 73%;}
		/*2.--- 頁尾資訊 start ---*/
		h6{
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			justify-content: space-between;
			align-items: flex-end;
		    font-size: 18px;
		    padding: 4.5% 0;
		}
		h6 div{}
		h6 .copy{letter-spacing:1px;}
		h6 .copy p:first-child{margin-bottom: 2%;}
		h6 .copy p:nth-of-type(2){}
		h6 .photonic a{color: #fff;}
		/*2.--- 頁尾資訊 end ---*/
		/*2.--- Gotop start ---*/
		.gotop{
			width: 43px;
		    height: 54px;
		    cursor: pointer;
		    position: fixed;
		    right: 12%;
		    bottom: 20%;
		    color: #000;
		    font-size: 18px;
		    letter-spacing: 3px;
		    transition: color .2s,
		    			opacity .5s;
		}
		.gotop:hover{color:#999;}
		.gotop:before,
		.gotop:after{
			content: "";
			display: block;
		}
		.gotop:hover:before,
		.gotop:hover:after{}
		.gotop:before{
			width: 26px;
		    height: 26px;
		    border: 5px solid #2d2d2d;
		    border-left-color: transparent;
		    border-bottom-color: transparent;
		    transform: rotate(-45deg);
		    position: absolute;
		    left: 6px;
		    top: -15px;
		    transition: border-color .2s,
		    			opacity .5s;
		}
		.gotop:after{}
		.gotop:hover:before{
			border-color:#999;
			border-left-color: transparent;
		    border-bottom-color: transparent;
		}
		.gotop:hover:after{}
		/*2.--- Gotop end ---*/
	/*1.--- footer 頁尾 end ---*/


/*0.--- RWD ---*/
@media screen and (max-width:1920px){
}
@media screen and (max-width:1907px){
	/*.shoplol{display: none;}*/
}
@media screen and (max-width:1600px){
	nav ul {
		font-size: 1.1em;
	}
	nav ul li a {
		font-weight: 100;
		padding: 7px 0;
	}
	nav ul li a:before, 
	nav ul li a:hover:before, 
	nav ul li a.active:before, 
	.shoplol h4:before {
		width: 22px;
		height: 22px;
		background-size: 156px 262px;
		background-position: 0 0;
		margin-right: 10px;
	}
	header .container{
		justify-content: center;
		padding: 28px 0;
	}
	.logo{
		order:1;
		margin: 0 .5%;
	}
	.logo .img_box {
		margin-left: 1.6vw;
	}
	.logo .img_box>img {
		top: 50%;
		width: 97%;
	}
	.header_banner{
		order:3;
		width: 50vw;
    	height: 100%;
	}
	.header_banner:before{
		width: 100.5%;
    	height: 101%;
	}
	.header_banner .img_box {
		height: 250px;
	}
	.logo .img_box {
		width: 16vw;
	}
	.shoplol{
		order:3;
		display: block;
		width: 12vw;
		margin-top: 4vw;
	}
	.shoplol h4 {
		font-size: 1.1em;
	}
	.marquee {
		height: 10vw;
	}
	.marquee ul {
		width: 100%;
	}
	.marquee ul li {
		width: 80%;
		border-bottom: 1px #ccc solid;
		margin: 0;

		overflow : hidden;
		text-overflow : ellipsis;
		white-space : nowrap;
	}
	.index .container {
		padding: 2.4vw 1.5% 1.5% 1.5%;
	}
	.index .inset li a .img_box{height: 125px;}
	.index .outset .youtube .img_box{height: 325px;}
	.index .tel span{display: block;}
	.information .right .search form fieldest input[name="search"]{width: 395px;}
	.information .right .search_content .search_shop ul > li{width: 100%;}
}
@media screen and (max-width:1250px){
	nav ul li a{
		width: 85%;
	    height: 100%;
	    text-align: right;
	    padding-right: 12px;
	}
	.information .container,
	.process .container,
	.about .container,
	.qa .container{
		flex-wrap: wrap;
		justify-content:center;
	}
}
@media screen and (max-width:768px){
	.header_banner {
		width: 80%;
	}
	.logo {
	    margin-right: 1%;
	    margin-bottom: 1%;
	}
	.logo .img_box {
		width: 302px;
    	margin-left: 0;
	}
	.logo .img_box>img {
		top: 50%;
		width: 100%;
	}
	.shoplol {
    	order: 2;
    	width: 36%;
    	height: 219px;
    	margin: 0;
    }
    .marquee {
	    height: 190px;
	}
}
/*0.--- RWD ---*/