@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */
/*font-family: 'Playfair Display', serif;
font-family: 'Noto Sans TC', sans-serif;*/
body{ 
	margin:0;
	padding:0;
	font-size:13px;	
	font-family: 'Roboto', sans-serif;
	font-family: 'Noto Sans TC', sans-serif;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;	
	color:#fff;	
}
a{ text-decoration:none;}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
button,.btn{transition: 0.5s ease;}
button:hover,.btn:hover{ opacity:0.6;}
button,select{ cursor:pointer; font-family: 'Source Sans Pro', sans-serif;}
h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0;}
.toggle_btn{ display:none; border:none; background:none; padding:0; width:38px; height:24px; position:fixed; top:10px; left:20px; transition: 0.5s ease; z-index:999; }
.toggle_btn:hover{
	-ms-transform: scale(1.05, 1.05); /* IE 9 */
    -webkit-transform: scale(1.05, 1.05); /* Safari */
    transform: scale(1.05, 1.05);
	cursor:pointer;
}

::-webkit-input-placeholder {  color: #fff;}
:-ms-input-placeholder { color:  #fff;}
::placeholder {  color:  #fff;}
.toggle_btn span{ display:block; width:100%; height:3px; background:#9fa1a0; margin:5px 0;transition: 0.5s ease;}
.toggle_btn b{ display:block; color:#9fa1a0;}
.toggle_btn:hover span{ background:#331a04;}
.toggle_btn.active{ z-index:999;}
.toggle_btn.active b{ display:none;}
.toggle_btn.active span{ background: #331a04;}
.toggle_btn.active span:nth-child(1){ transform: rotate(-45deg);}
.toggle_btn.active span:nth-child(2){ transform: rotate(-135deg);    position: absolute; top: 6px;}
.toggle_btn.active span:nth-child(3){ display:none;}
.hide{ display:none;}

.body_home .header_section{ position:absolute; left:0; top:0; width:100%; z-index:2; padding-bottom:10px;transition: 0.5s ease; }
.body_content .header_section{ position:fixed;left:0; top:0; width:100%; z-index:2; padding-bottom:10px;transition: 0.5s ease; }
.body_content .header_section.scroll{ background:#fff;-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);}
.header_section .society{  padding-right:20px; padding-top:10px;text-align: right;}
.header_section .society .links{ display: inline-flex; align-items: center;}
.header_section .society .links a{ display:inline-block;}
.header_section .society .links a.facebook img{ height:24px;}
.header_section .society .links a.pixnet img{ height:28px; margin-left:30px;}
.header_section .outer{ max-width:1280px; margin:0 auto; text-align:center;margin-top: -1.5vw;}
.header_section .outer ul{ display:inline-flex;flex-wrap:wrap;    align-items: center; padding-left:0; list-style:none;}
.header_section .outer ul li{ position:relative;}
.header_section .outer ul li a{font-size:20px; color:#fff; display:inline-block; padding:0 50px; letter-spacing:12px;}
.header_section.scroll .outer ul li a{color:#000;}
.body_home .header_section .outer ul li a{color:#000;}
.body_contact .header_section .outer ul li a{color:#000;}
.header_section .outer ul li a:hover{ color:#ed1c24;}
.header_section .outer ul li.active a{color:#ed1c24;}
.header_section .outer ul li .sub_navi{ display:none; position:absolute; width:100%; padding:15px 0; }
.header_section.scroll .outer ul li .sub_navi{/* -webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);*/}
.header_section .outer ul li .sub_navi a { background:#ed1c24;display:block; padding:10px 10px; text-align:center; font-size:17px;    color: #f2d04a; letter-spacing:5px;}
.header_section .outer ul li .sub_navi a:hover{ color:#000000;}
.header_section .outer ul li:hover .sub_navi{ display:block;}
.header_section .outer ul li.logo a img{ width:70px;  transition: 0.5s ease; }
.body_content .header_section.scroll .outer ul li.logo a img{ width:50px;}
.body_content .header_section.scroll{ padding-bottom:0;}

.mobile_navi{ display:none; overflow:hidden;}
.mobile_navi .brand{ display:block; text-align:center; margin-top:20vw; margin-bottom:5vw;}
.mobile_navi ul{ margin:0; padding:0;}
.mobile_navi ul li{ display:block; text-align:center;}
.mobile_navi ul li.logo{ display:none;}
.mobile_navi ul li .sub_navi{ display:none;}
.mobile_navi ul li .sub_navi a{ padding:10px;}
.mobile_navi ul li:hover .sub_navi{ display:block;}
.mobile_navi ul li a{ text-align:center; font-size:18px; color:#331a04; padding:15px 10px; display:block; transition: 0.5s ease; letter-spacing:8px;}
.mobile_navi ul li a:hover{
	-ms-transform: scale(1.3, 1.3); /* IE 9 */
    -webkit-transform: scale(1.3, 1.3); /* Safari */
    transform: scale(1.3, 1.3);
	cursor:pointer;
}
.mobile_nav_active #mobile-nav{ display:block; z-index:998; position:absolute; left:0; top:0; width:100%;}
.home_web_animate{ width:100vw; min-width: 100vw;  height:108vh; overflow:hidden; position:fixed; left:0; top:-8vh; right:0; bottom:0; border:none;}
.home_mobile_animate{ display:none;width:100vw; min-width: 100vw; height:110vh; overflow:hidden; position:fixed; left:0; top: -10vw; right:0; bottom:0; }
.home_mobile_animate02{ display:none;width:100vw; min-width: 100vw; height:110vh; overflow:hidden; position:fixed; left:0; top: -10vw; right:0; bottom:0; }
.home_main iframe{
	max-width: 100%; /* Limits width to 100% of container */
	width: 100vw; /* Sets width to 100% of the viewport width while respecting the max-width above */
}




.web_home img{ width:100%;}
.mobile_home{ display:none;height: 100vh;}
.mobile_home img{ width:100%;}

#mobile-body-overly{ display:none; position:fixed; left:0; top:0; width:100%; height:100vh; background:#eadcdb; z-index:997; border:none;}
.mobile_nav_active{}

.main_section{ position:relative;}
.product_header{ background-size:100% auto; background-repeat:no-repeat; display:flex; flex-wrap:wrap;justify-content: center;  align-items: center;}
.product_header:before{ content:''; position:absolute; width:100%; height:15vw; top:7vw; right:0; background:url(../images/gold_cloud_line002.png)  right top no-repeat; background-size:30vw auto;  }
.product_header:after{ content:''; position:absolute; width:100%; height:15vw; top:40vw; right:0; background:url(../images/gold_cloud_line003.png)  right top no-repeat; background-size:50vw auto;   }
.product_header .outer{width: 60vw; color:#fff; padding:9vw 20px 23vw 20px;}
.product_header .outer .title{ font-size:50px; font-weight:200;  position: relative; letter-spacing:2px;}
.product_header .outer .title:before{ 
	content:''; 
    position: absolute;
    left: -14vw;
    bottom: -4.5vw;
    background: url(../images/gold_cloud_line001.png) left center no-repeat;
	background-size:50vw auto;
    width: 100%;
    height: 12vw;

}
.product_header .outer .title div:last-child{/*padding-left:15vw;*/padding-left: 150px;}
.product_header .outer .info{ margin-top:3vw;}
.product_header .outer .info .sub_title{ font-size:28px; margin-bottom:20px;}
.product_header .outer .info .sub_title h3{ display:inline-block; border-top:1px solid #fff; border-bottom:1px solid #fff; font-weight:400;padding:3px 0; letter-spacing:10px;}
.product_header .outer .info .desc{ font-size:24px; line-height:44px; font-weight:400;}
.product_img{ position:relative;}
.product_img .outer{ max-width:880px; margin:0 auto;display:flex; flex-wrap:wrap;  align-items: baseline; margin-top:-36vw; padding:0 20px;}

.product_img .outer .col01{ width:55%; text-align:center;}
.product_img .outer .col01 img{ width:100%; margin-bottom:-10vw;}
.product_img .outer .col02{ width:45%; text-align:center;}
.product_img .outer .col02 img{ width:85%;}

.product_img_web{ position:relative; max-width:60%; margin:0 auto;display:flex; flex-wrap:wrap;  align-items: baseline; margin-top:-42vw; padding:0 20px;}

.product003 .product_img_web{  margin-top: -40vw; }
.product005 .product_img_web{  margin-top: -40vw; }
.product007 .product_img_web{  margin-top: -45vw; }
.product008 .product_img_web{  margin-top: -45vw; }
.product009 .product_img_web{  margin-top: -38vw;    max-width: 65%; }


.product_img_web img{ max-width:100%;}
.product_spec{ font-size:18px; color:#010101; /*margin-top:8vw;*/ margin-top:0; letter-spacing:2px;}
.product_spec .outer{ max-width:1140px; margin:0 auto; padding:0 20px;}
.product_spec .outer div{ margin-bottom:20px;}
.product_spec .outer div span{ display:inline-block;}
.product_spec .outer div span:first-child{ margin-right:100px;}
.product_spec .outer div:nth-child(2) span:first-child{ margin-right:0;}
.product_spec .outer div:nth-child(2) span:nth-child(2){ margin-right:100px;}
.product_foreword{ display:none; text-align:center;}
.product_foreword .outer{ max-width:1140px; margin:0 auto;color:#010101; font-size:18px; line-height:2em; ; font-weight:200; padding:0 20px;}
.product_foreword .sub_title{ font-size:24px; margin:60px 0 15px 0; }
.product_foreword .sub_title h3{ display:inline-block; border-top:1px solid #010101; border-bottom:1px solid #010101; font-weight:400; padding:2px 0;}
.product_foreword .desc{ }
.product_img_mobile{ display:none; text-align:center; margin-top:40px;}

.product_introduce .outer{ max-width:1140px; margin:0 auto;color:#010101; font-size:20px; line-height:2em; ; font-weight:200; padding:0 20px; letter-spacing:2px;}
.product_introduce .sub_title{ font-size:22px; margin:60px 0 15px 0; }
.product_introduce .sub_title h3{ display:inline-block; border-top:1px solid #010101; border-bottom:1px solid #010101; font-weight:400; padding:2px 0;}
.product_introduce .desc .bigger{font-size:22px;}
.product_introduce .desc .chart{ margin:30px 0;}
.product_introduce .desc .chart img{ width:100%;}

.product_introduce .desc .icon_list{ margin:50px auto 80px auto; max-width:900px;  color:#c9a771; font-size:22px; display:flex; flex-wrap:wrap;    justify-content: space-between;  align-items: center;}

.product001 .product_introduce .desc .icon_list{ color:#c9a771;}
.product002 .product_introduce .desc .icon_list{ color:#7f1416;}
.product003 .product_introduce .desc .icon_list{ color:#8a4a26;}
.product004 .product_introduce .desc .icon_list{ color:#473a16;}
.product005 .product_introduce .desc .icon_list{ color:#d5537b;}
.product006 .product_introduce .desc .icon_list{ color:#315729;}
.product007 .product_introduce .desc .icon_list{ color:#c45527;}
.product008 .product_introduce .desc .icon_list{ color:#e8816d;}
.product009 .product_introduce .desc .icon_list{ color:#c9a771;}

.product_introduce .desc .icon_list .item{ text-align:center; width:33.333333%;}
.product_introduce .desc .icon_list .item .img img{ max-width:190px;}
.product_introduce .desc .icon_list .item .desc{ margin-top:15px; font-weight:800;}

.product_slider{ background:url(../images/product_shadow.jpg) repeat-x; background-size:auto 100%;}
.product_slider .outer{ max-width:1200px; margin:0 auto; padding:0 20px;}
.product_slider .outer .slider{ /*margin-bottom:-10px;*/}

.product_slider .outer .slider .owl-nav button{ text-indent:-9999px; position:absolute; width:30px; height:40px; top:40%;}
.product_slider .outer .slider .owl-nav .owl-prev{ background:url(../images/icon_orange_arrow_left.png) center no-repeat; background-size:cover; left:-10px;}
.product_slider .outer .slider .owl-nav .owl-next{ background:url(../images/icon_orange_arrow_right.png) center no-repeat; background-size:cover; right:-10px;}



.story{ background:url(../images/story_bg001.jpg) center top no-repeat; background-size:cover; position:relative;}
.story:before{ content:''; position:absolute; width:100%; height:15vw; top:7vw; right:0; background:url(../images/gold_cloud_line002.png)  right top no-repeat; background-size:30vw auto;  }
.story:after{ content:''; position:absolute; width:100%; height:15vw; top:40vw; right:0; background:url(../images/gold_cloud_line003.png)  right top no-repeat; background-size:50vw auto;   }
.story .outer{ width: 62vw; margin:0 auto; padding: 11vw 20px 14vw 20px;}
.story .outer .title{ font-size:50px; font-weight:200; position:relative; letter-spacing:2px;}
.story .outer .title:before{ 
	content:''; 
    position: absolute;
    left: -14vw;
    bottom: -4.5vw;
    background: url(../images/gold_cloud_line001.png) left center no-repeat;
	background-size:50vw auto;
    width: 100%;
    height: 12vw;

}
.story .outer .title div:last-child{ /*padding-left:15vw;*/padding-left: 150px;}
.story .outer .info{ font-size:18px; line-height:40px; margin-top:80px; font-weight:400;letter-spacing:2px;}
.story .outer .info .sub_title{ font-size:24px; margin-bottom:30px; }
.story .outer .info .sub_title h3{ display:inline-block; border-top:1px solid #fff;border-bottom:1px solid #fff; font-weight:400; padding:3px 0; letter-spacing:5px;}
.story .outer .info .chart{ margin:50px 0;}
.story .outer .info .chart img{ max-width:600px;width: 100%;}


.spirit{ background:url(../images/spirit_bg001.jpg) center top no-repeat; background-size:cover; position:relative;}
.spirit:before{ content:''; position:absolute; width:100%; height:15vw; top:7vw; right:0; background:url(../images/gold_cloud_line002.png)  right top no-repeat; background-size:30vw auto;  }
.spirit:after{ content:''; position:absolute; width:100%; height:15vw; top:40vw; right:0; background:url(../images/gold_cloud_line003.png)  right top no-repeat; background-size:50vw auto;   }
.spirit .outer{ width: 62vw; margin:0 auto; padding: 11vw 20px 14vw 20px; position:relative; }
.spirit .outer:before{
	content: url(../images/spirit_bird001.png);
    position: absolute;
    right: -12vw;
    top: 8vw;
}
.spirit .outer .title{ font-size:50px; font-weight:200; position:relative; letter-spacing:2px;}
.spirit .outer .title:before{ 
	content:''; 
    position: absolute;
    left: -14vw;
    bottom: -4.5vw;
    background: url(../images/gold_cloud_line001.png) left center no-repeat;
	background-size:50vw auto;
    width: 100%;
    height: 12vw;

}

.spirit .outer .title div:last-child{/* padding-left:15vw;*/padding-left: 150px;}
.spirit .outer .info{ font-size:18px; line-height:40px; margin-top:80px; font-weight:400;letter-spacing:2px;}
.spirit .outer .info .sub_title{ font-size:24px; margin-bottom:30px; }
.spirit .outer .info .sub_title h3{ display:inline-block; border-top:1px solid #fff;border-bottom:1px solid #fff; font-weight:400; padding:3px 0; letter-spacing:5px;}
.spirit .outer .info .chart{ margin:0;}
.spirit .outer .info .chart img{ max-width:100%;}


.contact{ background:url(../images/contact_img001.png) left 7vw no-repeat; background-size:80% auto;}
.contact .mobile_logo{ text-align:center; display:none; margin-top: 10vw;}
.contact .outer{ margin:0 auto;  position:relative; display:flex; flex-wrap:wrap; padding:0 20px; color: #010101; padding-top:10vw; padding-bottom:15vw;}
.contact .outer .col01{ width:60%; text-align:center;}
.contact .outer .col01 h3{
	font-size: 24px;
	display: inline-block;
    border-top: 1px solid #010101;
    border-bottom: 1px solid #010101;
    font-weight: 400;
    padding: 3px 0;
    letter-spacing: 5px;
	
}
.contact .outer .col02{ width:40%;}
.contact .outer .col02 .desc{ font-size:18px; line-height:30px; position:relative; margin-bottom:30px;}
.contact .outer .col02 .desc:after{
	content:'';
	position:absolute;
	left:0;
	bottom:-3vw;
	background: url(../images/contact_gold_line001.png) left center no-repeat;
	background-size: 90% auto;
	width: 100%;
	height: 8vw;
}
.contact .outer .col02 .company{ font-size:24px; margin-bottom:30px;}
.contact .outer .col02 .info{ font-size:18px;}
.contact .outer .col02 .info .item{ display:flex; flex-wrap:wrap;align-items: center; margin:10px 0;}
.contact .outer .col02 .info .item i{ display:inline-block; width:24px; height:24px; margin-right:10px; background-size:100% auto; background-repeat:no-repeat;}
.contact .outer .col02 .info .item.phone i{ background-image:url(../images/icon_red_phone.png);}
.contact .outer .col02 .info .item.fax i{ background-image:url(../images/icon_red_fax.png);}
.contact .outer .col02 .info .item.emial i{ background-image:url(../images/icon_red_email.png);}
.contact .outer .col02 .info .item.address i{ background-image:url(../images/icon_red_address.png);}
.contact .outer .col02 .info .item.tax_id i{ background-image:url(../images/icon_red_no.png);}

.footer_section{ 
	background: rgba(232,69,75,1);
	background: -moz-linear-gradient(top, rgba(232,69,75,1) 0%, rgba(199,36,41,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(232,69,75,1)), color-stop(100%, rgba(199,36,41,1)));
	background: -webkit-linear-gradient(top, rgba(232,69,75,1) 0%, rgba(199,36,41,1) 100%);
	background: -o-linear-gradient(top, rgba(232,69,75,1) 0%, rgba(199,36,41,1) 100%);
	background: -ms-linear-gradient(top, rgba(232,69,75,1) 0%, rgba(199,36,41,1) 100%);
	background: linear-gradient(to bottom, rgba(232,69,75,1) 0%, rgba(199,36,41,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8454b', endColorstr='#c72429', GradientType=0 );
	padding:40px 0;
}
.footer_section .outer{ max-width:940px; margin:0 auto; padding:0 15px;  font-size:14px; font-weight:200;}
.footer_section .outer .top_div{display:flex; flex-wrap:wrap;    justify-content: space-between; }
.footer_section .outer .top_div .item{ width:33.333333%;}
.footer_section .outer .top_div .item a{ color:#fff; display:flex; flex-wrap:wrap;   align-items: center; margin-bottom:20px; letter-spacing:10px;  }
.footer_section .outer .top_div .item a.facebook img{ height:24px; margin-right:10px;}
.footer_section .outer .top_div .item a.pixnet img{ height:22px; margin-right:10px;}
.footer_section .outer .bottom_div{ text-align:center; margin-top:10px;}


@media screen and (max-width: 1660px){
	.product_img .outer{ max-width:900px; margin-top:-43vw;}
	.spirit .outer:before{transform: scale(.9); right: -13vw; top: 7vw;}
	.product_img .outer .col01{ width:50%; text-align:center;}
	.product_img .outer .col01 img{ width:100%; margin-bottom:-13vw;}
	.product_img .outer .col02{ width:50%; text-align:center;}
	.product_img .outer .col02 img{ width:65%;}
	.product_spec{ /*margin-top:14vw;*/ margin-top:20px;}
	.product_img_web{ max-width:55%;  margin-top: -44vw; }
	
	.product002 .product_img_web{  margin-top: -45vw; }
	.product003 .product_img_web{  margin-top: -42vw; }
	.product004 .product_img_web{  margin-top: -45vw; }
	.product005 .product_img_web{  margin-top: -42vw; }
	.product007 .product_img_web{  margin-top: -47vw; }
	.product008 .product_img_web{  margin-top: -47vw; }
	.product009 .product_img_web{  margin-top: -40vw; }
	.contact{margin-top: 2vw;}
	
}
@media screen and (max-width: 1480px){	
	.product_header .outer .title{ /*font-size:40px;*/}
	.product_header .outer {  padding: 11vw 20px 23vw 20px;    width: 70vw;}
	.product_img .outer{ max-width:900px; margin-top:-40vw;}
	.product_img .outer .col02 img{ width:60%;}
	.product_introduce .desc .icon_list{ font-size:20px;}
	.spirit .outer{ width:66vw;}
	.spirit .outer:before{transform: scale(.8);right: -15vw; top: 6vw;}
	.spirit .outer .title:before{transform: scale(.7); right:-250px;}
	
	.story .outer{ width:66vw;}
	.story:after{ top:50vw;}
	
}
@media screen and (max-width: 1440px){	
	.product_header {   background-size: auto 100%;}
}
@media screen and (max-width: 1360px){	
	.header_section .outer ul li a{ font-size:16px;}
	.story .outer { padding-top:15vw;}
	.story:after{ top:60vw;}
	.contact {  margin-top: 4vw; background: url(../images/contact_img001.png) left 10vw no-repeat; background-size: 80% auto;}
	.contact .outer .col02 .desc:after{ background-size: 100% auto;}
	
}
@media screen and (max-width: 1280px){	
	.header_section .outer ul li a{ letter-spacing:5px;}
	.product_header .outer { padding: 14vw 20px 23vw 20px;}
	.product_header .outer .title{ font-size:36px;}
	.product_header .outer .info{ margin-top:5vw;}
	.product_header .outer .info .sub_title{ font-size:20px;}
	.product_header .outer .info .desc{ font-size:16px; line-height:30px;}
	
	.story .outer{ padding: 14vw 20px 14vw 20px;}
	.story .outer .title{ font-size:36px;}
	.story .outer .title div:last-child {  padding-left: 108px;}
	.story .outer .info{ font-size:16px; line-height: 30px;    margin-top: 20px;}
	.story .outer .info .sub_title{ font-size:19px;}
	.spirit .outer{ padding: 14vw 20px 14vw 20px;}
	.spirit .outer:before{transform: scale(.7);right: -20vw; top: 5vw;}
	.spirit .outer .title{ font-size:36px;}
	.spirit .outer .title div:last-child{  padding-left: 108px;}
	.spirit .outer .info{ font-size:16px; line-height: 30px;    margin-top: 20px;}
	.spirit .outer .info .sub_title{ font-size:19px;}
	
	.contact .outer { padding-bottom:10vw;}
	
	
}

@media screen and (max-width: 1024px){	
	
	.header_section .outer ul li a{ padding:0 30px; font-size:20px;}
}

@media screen and (max-width: 992px){	
	.toggle_btn{ display:block;}
	.header_section .society{ display:none;}
	.header_section .outer ul li{ display:none;}
	.header_section .outer ul li.logo{ display:inline-block;}
	.header_section .outer ul li.logo img{ width:16vw; }
	.body_content .header_section{ display:none;}
	.body_content .header_section .outer ul li.logo{ display:none;}
	.header_section{ margin-top:27vw;}
	.product_header {    background-size: auto 100%;}
	.product_header .outer { padding: 7vw 20px 42vw 20px;}
	.product_header .outer .title div:last-child{ padding-left:0;}
	.product_header .outer .info{ display:none;}
	.product_img_web{max-width: 70%; margin-top: -38vw;}
	.product_img .outer{ margin-top:-35vw;}
	.product_img .outer .col01{ display:none;}
	.product_img .outer .col02{ width:100%;}
	.product_img .outer .col02 img{ max-width:300px;}
	
	.story .outer {   padding: 7vw 20px 7vw 20px; width:85%;}
	.spirit .outer{   padding: 7vw 20px 7vw 20px; width:85%;}
	.spirit .outer:before{transform: scale(.5);right: -12vw; top: -10vw;}
	.spirit .outer .title:before{transform: scale(.4); top:-180px; right:-250px;}
		
	.contact {
		margin-top: 4vw;
		background: url(../images/contact_img001.png) left 10vw no-repeat;
		background-size: 140% auto;
	}	
	.contact .mobile_logo{ display:block;}	
	.contact .outer{ padding-top:5vw}
	.contact .outer .col01{ width:100%; min-height: 60vw;}
	.contact .outer .col02{ width:100%; text-align:center;}
	.contact .outer .col02 .desc:after{ background:none;}
	.contact .outer .col02 .info{ display:inline-block; margin:0 auto;}
}
@media screen and (max-width: 900px){	
	.header_section {
		margin-top: 15vw;
	}
	
}
@media screen and (max-width: 768px){	
	.header_section {
		margin-top:8vw;
	}
	.home_main{		
		position: fixed;
		top: 0;
		right:0;
		bottom:0;
		left: 0;	
	}
	
	

	.web_home{ display:none;}
	.mobile_home{ display:block;display: flex;}
	.home_web_animate{ display:none;}
	.home_mobile_animate{ display:block; min-height:130vw;    top: -25vh; height:125vh;}
	
	
	.product_header .outer .title{ font-size:30px;}
	.product_spec .outer{ text-align:center;}
	.product_spec .outer div:nth-child(2) span:first-child{ display:block;}
	.product_spec .outer div:nth-child(2) span:nth-child(2){ margin-right:0;}
	.product_spec .outer div:nth-child(2) span{ display:block; margin-bottom:15px;}
	.product_img_web{ display:none;}
	.product_img_mobile{ display:block;}
	.product_img_mobile img{ max-width:350px;}
	.product_img_mobile.product{ margin-top:-38vw;}
	.product_img_mobile.product img{max-width:300px; }
	.product_foreword{ display:block;}
	.product_introduce .sub_title{ text-align:center;}
	.product_introduce .desc .icon_list .item .img img{ max-width:80%;}
	.product_introduce .desc .icon_list{ font-size:16px;}
	
	.story .outer .title{ font-size:30px;}
	.spirit .outer:before{transform: scale(.5);right: -14vw; top: -13vw;}
	.spirit .outer .title{ font-size:30px;}
	.footer_section .outer .top_div .item{ width:100%; text-align:center;}
	.footer_section .outer .top_div .item a{ justify-content: center;}
	.footer_section .outer .bottom_div{ margin-top:0px;}
}
@media screen and (max-width: 700px){	

	.story .outer {    padding: 12vw 20px;}
	.story .outer .title div:last-child{ padding-left:0;}
	.spirit .outer {    padding: 12vw 20px;}
	.spirit .outer .title div:last-child{ padding-left:0;}
	.product_img .outer .col02 img{ max-width:260px;}
	
}
@media screen and (max-width: 640px){	
	.header_section{margin-top: 10vw; }
	.home_main{ min-height:640px;}
	.product_foreword .outer{ font-size:15px;}
	
	.product_header .outer {  padding: 12vw 20px 42vw 20px; width:75vw;}
	.product_header .outer .title{ font-size:20px; text-align:center;}
	.product_introduce .outer{ font-size:13px;}
	.product_introduce .desc .bigger{ font-size:18px;line-height: 28px;}
	.product_introduce .desc .icon_list{ font-size:12px;}
	.product_spec{ font-size:13px;}
	.product_spec .outer div span:first-child{ margin-right:30px;}
	.product_introduce .desc .icon_list { margin: 30px auto;}
	.story .outer .info{ font-size:13px; line-height:26px;}
	.story .outer .info .sub_title{ font-size:16px;}
	.spirit .outer .info{ font-size:13px; line-height:26px;}	
	.spirit .outer .info .sub_title{ font-size:16px;}
	.spirit .outer:before{transform: scale(.5); right: -22vw; top: -14vw;}
	
	.product_slider .outer .slider .owl-nav div{ text-indent:-9999px; position:absolute; width:30px; height:40px; top:40%;}
	.product_slider .outer .slider .owl-nav .owl-prev{ background:url(../images/icon_orange_arrow_left.png) center no-repeat; background-size:cover; left:-10px;}
	.product_slider .outer .slider .owl-nav .owl-next{ background:url(../images/icon_orange_arrow_right.png) center no-repeat; background-size:cover; right:-10px;}
	.product_img_mobile.product img{width:45%;}
		
	.product009 .product_img_mobile.product img{width:60%;}
	
	
	.contact {		
		background: url(../images/contact_img001.png) left 20vw no-repeat;
		background-size: auto;
		background-size: 140% auto;
	
	}
	.contact .outer .col01 h3{ font-size:20px;}
	.contact .outer .col02 .desc{ font-size:16px;line-height: 26px;}
	.contact .outer .col02 .company{ font-size:20px;}
	.contact .outer .col02 .info{ font-size:14px;}
	
	.footer_section .outer .bottom_div span{ display:block;}
}
@media screen and (max-width: 480px){	
	.home_main{ min-height:480px;}
	.product_img .outer .col02 img{ width:45%; }
	.product_img_mobile img{ width:70%; }
	
	.product009 .product_img_mobile img{width:85%;}
	.product009 .product_img_mobile.product img{width:70%;}
	
	.story .outer {    padding: 18vw 20px;}
	.spirit .outer {    padding: 18vw 20px;}
	.spirit .outer:before{transform: scale(.4); right: -45vw;top: -28vw;}
	
	.product_introduce .desc .icon_list{ font-size:11px;}
	.product_introduce .desc .icon_list .item .desc{ font-weight:400;}
	.contact {		
		background: url(../images/contact_img001.png) left 23vw no-repeat;
		background-size: auto;
		background-size: 140% auto;
	
	}
	.contact .outer .col01{ min-height:65vw;}
	.contact .outer .col02 .company{ font-size:18px;}
	.header_section { margin-top: 7vw;	}
	.body_ios .header_section { margin-top: 10vh;	}
	.body_home.height .header_section { margin-top: 7vh;	}
	.home_main .home_mobile_animate {

		display: none;	
		top: -12vh;
		height: 112vh;
	
	}
	.home_main .home_mobile_animate.active{ display:block;}
	.body_home.height .home_main{
		top: -0vh;
		height: 100vh;
	}
	.home_main .home_mobile_animate02{
		display: none;	
		height: 1px;
		max-height: 110vh;
		max-width: 100vw;
		min-height: 110vh;
		min-width: 100vw;
		width: 1px;
		top:-10vw;
		left:   0;
		right:  0;
		bottom: 0;
	}
	.home_main .home_mobile_animate02.active{ display:block;}
}