@charset "UTF-8";
/**
 * http://dio.muchad.com
 */
@charset "utf-8";html,body{height:100%;margin:0;}
body,div,p,dl,dt,dd,table,th,td,form,fieldset,adddress{margin:0;padding:0;font-family:Arial,AppleGothic,Sans-serif;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
ul,ol,li{margin:0;padding:0;}
ul,ol li{list-style:none;}
ol li{list-style:none;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
em{font-style:normal;}
img{vertical-align:top;}
img,fieldset{border:0;}
hr,legend{display:none;}
h1{position:absolute;top:8px;*left:125px;width:180px;height:52px;margin-left:125px;*margin-left:0;background:url(images/dio_3d.png) 0 0 no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/dio_3d.png',sizingMethod='scale');z-index:100;}

.tron {
	background:url(images/wworld2x.jpg); 
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  height: 100vh;
  min-height: 500px;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 800px) {
  #homev {
     display: none;
  }
}
video#homev{
  position: absolute;
  width: 100%;
  left: 50%; top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
	z-index:-1;
}

/* .blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;} */
.blind{visibility:hidden;}
#wrap{position:relative;margin:0 auto;text-align:left;}
#header{position:fixed;top:0;z-index:50;width:100%;min-width:1100px;max-width:1600px;height:80px;background:url(images/bg_header.png) 0 0 repeat-x;_background:none;text-align:center;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg_header.png',sizingMethod='scale');}
/* #content{min-width:1024px;} */
.section{height:700px;background:url(images/world2x.jpg) no-repeat left bottom #5CC2F2;text-align:center;}
.section .section_con{width:990px;height:780px;margin:0 auto;zoom:1;}
.section .section_con p{padding:370px 0 0 690px;font-size:14px;line-height:21px;color:#222;text-align:left;}
.section .section_con .en_info{padding:109px 0 0 690px;color:#666;}
.section .section_con span{padding-top:2px;color:#666;font-size:13px;}
.section .section_con .btn_view_cf{display:block;width:138px;height:21px;margin-top:30px;padding-left:27px;background:url(images/sp_ico.png) 0 -35px no-repeat;font-size:12px;font-weight:bold;line-height:21px;color:#505050;letter-spacing:1px;}
.section .section_con .btn_view_cf:hover{color:#01ac05;}
.section1_con,.section2_con,.section3_con,.section4_con,.section5_con,.section7_con,.section8_con,.section9_con{max-width:990px;min-height:520px;margin:0 auto;zoom:1;}
.section7_con{height:371px;}
.section6_con{max-width:990px;min-height:620px;margin:0 auto;zoom:1;}

.sectionz{min-height:405px;background:url(images/23_spot.png) repeat scroll 0 0 #F0EDE5;
		-moz-box-shadow:inset 0 7px 5px -5px #999; -webkit-box-shadow:inset 0 7px 5px -5px #999; box-shadow:inset 0 7px 5px -5px #999;}
.section1{height:520px;background:url(images/23_spot.png) repeat scroll 0 0 #DBE4E3;
		-moz-box-shadow:inset 0 7px 5px -5px #999; -webkit-box-shadow:inset 0 7px 5px -5px #999; box-shadow:inset 0 7px 5px -5px #999;}
.section2{min-height:565px;background:url(images/23_spot.png) repeat scroll 0 0 #F7F7F7;
		-moz-box-shadow:inset 0 7px 5px -5px #999; -webkit-box-shadow:inset 0 7px 5px -5px #999; box-shadow:inset 0 7px 5px -5px #999;}
.section9{min-height:530px;background:url(images/23_spot.png) repeat scroll 0 0 #E4E9EC;
		-moz-box-shadow:inset 0 7px 5px -5px #999; -webkit-box-shadow:inset 0 7px 5px -5px #999; box-shadow:inset 0 7px 5px -5px #999;}
.section7{min-height:500px;background:url(images/wood-bg.jpg) repeat scroll 0 0 #FFF;
		-moz-box-shadow:inset 0 7px 5px -5px #999; -webkit-box-shadow:inset 0 7px 5px -5px #999; box-shadow:inset 0 7px 5px -5px #999;}
.section6{min-height:620px;background:url(images/23_spot.png) repeat scroll 0 0 #E0E2DF;
		-moz-box-shadow:inset 0 7px 5px -5px #999; -webkit-box-shadow:inset 0 7px 5px -5px #999; box-shadow:inset 0 7px 5px -5px #999;}
		
.section5{height:520px;background:url(images/bg_section5_en.jpg) no-repeat top center;}

.lu_arr{overflow:hidden;display:inline-block;line-height:100px;width:5px;height:9px;margin:-3px -1px 0 0;background:url(images/lu_arr.gif) no-repeat;vertical-align:middle;}
.bu_arr{overflow:hidden;display:inline-block;line-height:100px;width:5px;height:9px;margin:-3px -1px 0 0;background:url(images/bu_arr.gif) no-repeat;vertical-align:middle;}

.section4_con .text{position:relative;padding:42px 0 0 638px;zoom:1;}
.section4_con .text .tip{padding:4px 0 8px 30px;margin-top:19px;color:#666;font-weight:normal;}
.section4_con .text strong{padding:66px 0 5px;font-size:13px;line-height:18px;}
.section4_con .gr{padding-bottom:8px;color:#7c8585;}
.section4_con .gr img{margin:-3px 0 0 5px;vertical-align:middle;}
.section4_con .st_list{position:absolute;top:636px;left:217px;}
.section4_con .st_list li{float:left;width:143px;}
.section4_con .btn_sticker{display:block;width:199px;height:38px;margin-top:6px;background:url(images/EN_LP_SP_MouseOver.png) no-repeat;}
.section4_con .btn_sticker a{overflow:hidden;display:block;width:199px;height:38px;background:url(images/EN_LP_SP_MouseOut.png) no-repeat;text-indent:-1000px;}
.section4_con .btn_sticker a:hover{background:none;}

.section1_con .text{margin:155px 0 0 143px;position:relative;}
.section1_con img{margin:118px 0 0 120px;}

.section1_con .text h3{width:281px;height:31px;margin-bottom:30px;background-position:0 0px;}
.section2_con img{margin:75px 0 0 130px;}
.section2_con .text{margin:140px 0 0 125px;position:relative;}
.section2_con .text h3{width:281px;height:31px;margin-bottom:27px;background-position:0 -30px;}
.section9_con .text{margin:48px 0 0 141px;}
.section9_con img {position: relative; margin: 48px 0 0;}
.section9_con .text h3{width:281px;height:28px;margin-bottom:6px;background-position:0 -61px;}
.section9_con .part{position:relative;padding-top:20px;margin-top:30px;zoom:1;}
.section7_con .text h3{width:281px;height:28px;margin-bottom:26px;background-position:0 -95px;}
.section7_con .text{margin:48px 0 0 141px;}
.section6_con .comm{margin:60px 0 20px 50px;width: 500px; float: left;}
.section6_con .text{margin:100px 80px 0 0px;float: right;}
.section6_con .text h3{width:212px;margin-bottom:46px;background-position:0 -192px;}
.section6_con .text strong{display:inline-block;font-weight:normal;line-height:20px;font-size:13px;color:#999;}
.section6 .section3_con .pc_hide{display:none;}
.clear{clear:both;}

.sectionx6_con .text{margin:166px 0 0 144px;}


.section9_con .text{margin:48px 0 0 141px;}


@media only screen and (max-width: 600px) { 
	.section1{min-height:720px;}
	.section1_con .text{margin:35px 0 0 10px;}
	.section1_con img{margin:0 auto; margin-top:2px;}
	
	.section2{min-height:720px !important;}
	.section2_con img{display: block; margin: 0 auto;margin:75px 0 0 0px;width:90%;padding: 0 10px;}
	.section2_con .text{display: block; margin:60px 0 0 10px;}
	
	.section9_con .text{margin:48px 0 0 10px;}
	.section9_con img {width: 90%;margin: 20px auto 0;padding: 0 10px;}
	.section9_con .part{position:relative;padding-top:20px;margin-top:20px;zoom:1;}
}


.text{display:inline-block;}
.text h3{height:35px;background:url(images/text.png) no-repeat;}
.section4_con .text h3{width:313px;height:62px;margin-bottom:19px;background:url(images/sp_tit_pc_en2.png) no-repeat;}


.section4_con .text p span{color:#999;}



.phone_hide{display:block;}
.pad{display:none;}
.text strong{display:inline-block;overflow:hidden;padding:16px 0 2px;font-size:15px;font-weight:bold;line-height:28px;color:#1b1b1b;}
.text p{font-size:13px;line-height:20px;color:#4e4f51;}
.text .tip{margin-top:41px;padding:0 0 1px 29px;background:url(images/sp_ico.png) 0 -212px no-repeat;font-size:13px;font-weight:bold;}
.text em.tip{background-position:0 -217px;}
.notice{height:60px;background:url(images/bg_notice.jpg) no-repeat top center;}
.notice .notice_info{width:708px;margin:0 auto;}
.notice h3{display:inline-block;overflow:hidden;float:left;width:86px;font-size:16px;line-height:60px;color:#11d500;}
.notice p{display:inline-block;overflow:hidden;line-height:60px;font-size:13px;color:#626262;}
.notice p a{padding:0 9px 0 12px;background:url(images/sp_ico.png) -1px -176px no-repeat;font-weight:bold;color:#626262;}
.notice p .ico_new{display:inline-block;overflow:hidden;position:relative;top:5px;width:40px;height:17px;background:url(images/ico_new.png) 0 0 no-repeat;}
.notice p .day{position:relative;top:1px;margin-left:32px;padding-left:13px;border-left:1px solid #d9d9d9;}
.iphone_pc{position:fixed;top:72px;width:100%;height:45px;background:url(images/bg_notice_en.jpg) top center no-repeat;z-index:10;}
.pad_area{display:none;}
.phone_area{display:none;}
.browser_ver{display:none;}
.pc_hide{display:none;}
.section2 .flash_banner{height:96px;margin:0 auto;background:url(images/flash_banner.png) center 0 no-repeat;text-indent:-1000em;}

.bottom{position:relative;width:100%;height:50px;background-color: #B6C2CD;-moz-box-shadow:inset 0 7px 5px -5px #999; -webkit-box-shadow:inset 0 7px 5px -5px #999; box-shadow:inset 0 7px 5px -5px #999;text-align:center;}
.bottom .pc{width:960px;margin: 0 auto;}
.bottom ul{display:inline-block;*position:absolute;margin:41px auto 0;*margin-left:-357px;}
.bottom .phone{display:none;}
.bottom li{display:inline-block;float:left;text-align:left;}
.bottom li h3{padding-bottom:7px;font-size:13px;font-weight:700;color: #596573;font-family:Arial;}
.bottom li ul{margin:0;}
.bottom li li{clear:both;font-size:12px;line-height:24px;color:#8e8e8e;font-weight:bold;font-family:Arial;}
.bottom li li a{font-size:12px;line-height:24px;color: #596573;font-weight:normal;font-family:Arial;}
.bottom li li a:hover{color: #1E8DD6;}
.bottom .23_area{overflow:hidden;width:178px;padding-top: 10px;}
.bottom .mini_menu{display: block; margin-right: 60px;}
.bottom .addr{display: block; text-align: right; padding-top: 17px; margin: 0px 30px 0 0;}
.bottom p{font-size: 10pt; color: #212F40;line-height: 22px;}
#footer{z-index:50;width:100%;height:74px;background:url(images/bg_footer.jpg) 0 0 repeat-x;_background:none;text-align:center;}
#footer .f_info{display:inline-block;overflow:hidden;width:708px;margin:0 atuo;}
#footer .btns{display:inline-block;float:left;margin-right:300px;}
#footer .btns a{display:inline-block;margin-top:24px;}
#footer .share{display:inline-block;vertical-align:top;margin-top:26px;}
#footer .share a{margin-right:8px;vertical-align:middle;}
#footer .share iframe{vertical-align:middle;}
#footer .share .tw{display:inline-block;overflow:hidden;height:20px;padding-left:23px;background:url(images/bg_tw.png) 0 0 no-repeat;position:relative;top:-1px;*top:-5px;}
#footer .share .tw em{display:inline-block;height:20px;padding-right:6px;background:url(images/bg_tw.png) 100% 0 no-repeat;font-size:11px;line-height:24px;color:#000;}
#footer .share .fb{display:inline-block;overflow:hidden;height:21px;padding-left:73px;background:url(images/bg_fb.png) 0 0 no-repeat;}
#footer .share .fb em{display:inline-block;height:21px;padding-right:2px;background:url(images/bg_fb.png) 100% 0 no-repeat;font-size:11px;line-height:24px;color:#000;}
#footer .share .me2{display:inline-block;overflow:hidden;height:20px;padding-left:64px;background:url(images/bg_me2.png) 0 0 no-repeat;}

@media only screen and (max-width: 600px) { 
	.bottom .pc{width:100%;margin: 0 auto;text-align:center;}
}
@media screen and (max-width: 767px) {
.polaroids li:nth-child(n+5) {
    display: none;
}
}
ul.polaroids li {
    display: inline;
}
ul.polaroids a {
    background: none repeat scroll 0 0 #fff;
    color: #333;
    display: inline;
    float: left;
    font-family: "Marker Felt",sans-serif;
    font-size: 18px;
    margin: 0 0 27px 30px;
    padding: 10px 10px 15px;
    text-align: center;
    text-decoration: none;
    transform: rotate(-2deg);
    width: auto;
}
ul.polaroids li {
    padding-left: 0;
}
@media screen and (max-width: 768px) {
ul.polaroids li a {
    margin-left: 0;
}
}
ul.polaroids img {
    display: block;
    margin-bottom: 12px;
    width: 190px;
}
ul.polaroids a:after {
    content: attr(title);
}
ul.polaroids li:nth-child(2n) a {
    transform: rotate(2deg);
}
ul.polaroids li:nth-child(3n) a {
    position: relative;
    top: -5px;
    transform: none;
}
ul.polaroids li:nth-child(5n) a {
    position: relative;
    right: 5px;
    transform: rotate(5deg);
}
ul.polaroids li:nth-child(8n) a {
    position: relative;
    right: 5px;
    top: 8px;
}
ul.polaroids li:nth-child(11n) a {
    left: -5px;
    position: relative;
    top: 3px;
}
ul.polaroids li.messy a {
    left: 160px;
    margin-top: -400px;
    position: relative;
}
ul.polaroids li a:hover {
    position: relative;
    transform: scale(1.25);
    z-index: 5;
}
.row {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.row .col {
  float: left;
  box-sizing: border-box;
}
 .row .col.s12 {
  width: 100%;
  margin-left: auto;
  left: auto;
  right: auto;
}
@media only screen and (min-width: 601px) { 
 .row .col.m6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
}
@media only screen and (max-width: 1024px) { 
 #car, #carshadow, #carshadow2, #carlights, #carCenter1{
	 display: none;
 }
}