@charset "utf-8";

@media screen and (min-width: 1024px) {
/* ------------Section1 [languages] ------------*/
.intro{font-size: 17px; line-height: 140%; margin:561px 133px 0; width: 475px;  }
.tip { font-size: 16px;  line-height: 140%; margin:43px 126px; width: 450px; }
.es .intro{ font-size: 17px; line-height: 130%; margin:555px 90px 0;width: 480px;  }
.es .tip {font-size: 14px;  line-height: 140%; margin:20px 155px; width: 450px; }
.jp .intro{font-size: 15px; line-height: 140%; margin:555px 90px 0;width: 480px;  }
.jp .tip {font-size: 14px;  line-height: 140%; margin:25px 120px; width: 480px; }
}/*End of Media*/


@media all and (min-width: 768px) and (max-width: 1023px) {

/* ------------Header & Footer ------------*/
.menu {width:730px;}
.top-nav{font-size: 13px;  margin-left: 220px;}
.top-nav li{ float: left; margin: 18px 10px 0 ; }
.SM {margin-left:550px;}
.language {margin-left: 650px; }
.copyright{ margin-top:-18px; }


/* ------------Header & Footer [ru]------------*/
.tc .SM, .ru .SM, .vn .SM {margin-left:610px;}
.sc .SM, .kr .SM{margin-left: 580px;}
.ru .top-nav {margin-left: 270px;}
.tc .top-nav{margin-left:430px;}
.th .top-nav, .sc .top-nav{margin-left: 410px;}
.kr .top-nav{margin-left: 360px;}
.vn .top-nav{margin-left: 210px;}
.ir .language{margin-right: 650px; }
.ir .top-nav{margin-right: 250px; width: 50%;}


/* ------------Section1 [en] ------------*/
.kv{max-width:700px; height:600px; margin: 0 auto; display: block; background: url(en/images/kv_700.png) center 40px no-repeat ; 
	text-align: left; z-index: 1; /*background-size: cover;  -moz-background-size: cover;  /* Firefox 3.6 */}
.intro{color: #000; font-size: 14px; line-height: 130%; margin:408px 99px 0; float: left; width: 345px;  }
.tip {clear:both; color: #fff; font-size: 12px;  line-height: 120%; margin:32px 99px; float: left; width: 345px; }

/* ------------Section1 [es] ------------*/
.es .kv{max-width:700px; height:620px; margin: 0 auto; display: block; background: url(es/images/kv_700.png) center 40px no-repeat ; 
	text-align: left; z-index: 1; /*background-size: cover;  -moz-background-size: cover;  /* Firefox 3.6 */}
.es .intro{color: #fff; font-size: 14px; line-height: 120%; margin:390px 60px 0; float: left; width: 345px;  }
.es .tip {clear:both; color: #8e9106; font-size: 12px;  line-height: 120%; margin:20px 115px; float: left; width: 310px; }

/* ------------Section1 [jp] ------------*/
.jp .kv{max-width:700px; height:620px; margin: 0 auto; display: block; background: url(jp/images/kv_700.png) center 40px no-repeat ; 
	text-align: left; z-index: 1; /*background-size: cover;  -moz-background-size: cover;  /* Firefox 3.6 */}
.jp .intro{color: #933; font-size: 12px; line-height: 125%; margin:400px 57px 0; float: left; width: 355px;  }
.jp .tip {clear:both; color: #933; font-size: 11px;  line-height: 120%; margin:20px 98px; float: left; width: 330px; }
.jp .kv .area-btn{clear: both; padding: 0 60px 20px 0; visibility: hidden;}
.jp .kv .btn{visibility: hidden;}

/* ------------Section1 [ru] ------------*/
.ru .kv{max-width:700px; height:620px; background: url(ru/images/kv_700.png) center 40px no-repeat ;}
.ru .intro{color: #fff; font-size: 14px; line-height: 120%; margin:390px 60px 0; float: left; width: 345px;  }
.ru .tip {font-size: 12px; line-height: 110%; margin:22px 105px; float: left; width: 320px; }

/* ------------Section1 [tc] ------------*/
.tc .kv{max-width:700px; height:620px; background: url(tc/images/kv_700.png) center 40px no-repeat ;}
.tc .intro{color: #fff; font-size: 15px; line-height: 140%; margin:400px 65px 0; float: left; width: 340px;  }
.tc .tip {font-size: 14px; line-height: 140%; margin:40px 105px; float: left; width: 320px; }

/* ------------Section1 [sc] ------------*/
.sc .kv{max-width:700px; height:620px; background: url(sc/images/kv_700.png) center 40px no-repeat ;}
.sc .intro{color: #fff; font-size: 18px; line-height: 120%; margin:388px 65px 0; float: left; width: 335px;  }
.sc .tip {font-size: 16px; line-height: 110%; margin:17px 95px; float: left; width: 325px; }

/* ------------Section1 [th] ------------*/
.th .kv{max-width:700px; height:620px; background: url(th/images/kv_700.png) center 40px no-repeat ;}
.th .intro{color: #fff; font-size: 14px; line-height: 130%; margin:380px 60px 0; float: left; width: 345px;  }
.th .tip {font-size: 12px; line-height: 120%; margin:30px 100px; float: left; width: 315px; }

/* ------------Section1 [kr] ------------*/
.kr .kv{max-width:700px; height:620px; background: url(kr/images/kv_700.png) center 40px no-repeat ;}
.kr .intro{color: #fff; font-size: 14px; line-height: 130%; margin:380px 60px 0; float: left; width: 345px;  }
.kr .tip {font-size: 12px; line-height: 120%; margin:30px 100px; float: left; width: 315px; }

/* ------------Section1 [vn] ------------*/
.vn .kv{max-width:700px; height:620px; background: url(vn/images/kv_700.png) center 40px no-repeat ;}
.vn .intro{color: #fff; font-size: 14px; line-height: 120%; margin:385px 65px 0; float: left; width: 345px;  }
.vn .tip {font-size: 12px; line-height: 110%; margin:15px 95px; float: left; width: 325px; }

/* ------------Section1 [ir] ------------*/
.ir .kv{background: url(ir/images/kv_700.png) center 40px no-repeat ; }
.ir .intro{font-size: 15px; line-height: 120%; margin:387px 0 0 50px; width: 345px; text-align: right;  }
.ir .tip {font-size: 13px;  line-height: 120%; margin:20px 0 0 40px; width: 320px;  text-align: right; }


/* ------------Section_2 [en] ------------*/
.section2{ height:650px; }
.area-query{width:700px; height:520px;background: url(sc/images/bg_query_700.png) no-repeat center top;}
.area-query-content, .tc .area-query-content{padding: 30px 50px 0 50px;}
.area-step {clear: both; margin-bottom: 12px;  }
.step-R input, .step-R textarea{margin: 12px 0 0 0; color: #808080; font-size: 12px;}
.step-R #message, .step-R .modelname{width: 400px;}
.step-R .modelname{font-size: 12px;}
.step-R{font-size: 14px; line-height: 120%; }
.jp .step-R{font-size: 14px;}
.es .area-query{background: url(es/images/bg_query_700.png) no-repeat center top; }
.ir .area-query{background: url(ir/images/bg_query_700.png) no-repeat center top; }
.ir .area-query-content{padding: 30px 40px 0 }

/* ------------Section_3 [en] ------------*/
.section3{background: url(en/images/bg_section3_1600.png) rgb(171, 231, 255) center bottom no-repeat; width: 100%; z-index: 100; padding:20px 0 110px 0; }
.area-review{width: 700px;  }
.es .section3{background: url(es/images/bg_section3_1600.png) #f3fcd0 center bottom no-repeat;}

/* ------------Section_4 [en] ------------*/
.section4{width: 768px; }

/* Notice*/
#notice {width: 700px;font-size: 12px;}

/* ------------Winner [en] ------------*/
.winner_page{width: 800px; padding-top: 50px;}

}/*End of Media*/





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

/* ------------Header & Footer ------------*/
.menu {width:450px;}
.logo {width:150px;}
.top-nav{font-size: 13px; margin-left: 160px;  }
.top-nav li{ margin: 18px 10px 0 ; }
.SM {visibility: hidden;}
.language {visibility: hidden; }
.copyright{float:left;margin-top: 4px;}
.top-nav .home{visibility: hidden;}
.ir .copyright{float:right; margin-top: 4px;}

/* ------------Header & Footer  [es] ------------*/
.es .top-nav, .th .top-nav{margin-left: 160px;}
.es .top-nav li{  margin: 18px 5px 0 ; }
.ru .SM, .vn .SM {visibility: hidden;}
.ru .top-nav{margin-left: 120px;}
.ru .top-nav .home{visibility: hidden;}
.tc .top-nav, .sc .top-nav{margin-left: 280px;}
.kr .top-nav{margin-left: 200px;}
.vn .logo{width: 130px;}
.vn .top-nav{margin-left: 70px; }
.vn .top-nav li{ margin: 18px 5px 0 ; }
.vn .top-nav .home, .vn .top-nav .review {visibility: hidden;}
.ir .top-nav{margin-right: 160px; width: 300px;}



/* ------------Section1 [en] ------------*/
.kv{max-width:480px; height:680px; margin: 0 auto; display: block; background: url(en/images/kv_480.png) center 40px no-repeat ; 
	text-align: left; z-index: 1; /*background-size: cover;  -moz-background-size: cover;  /* Firefox 3.6 */}
.intro{color: #000; font-size: 14px; line-height: 120%; margin:467px 100px 0; float: left; width: 300px;  }
.tip {clear:both; color: #fff; font-size: 12px;  line-height: 120%; margin:40px 95px; float: left; width: 335px; }

/* ------------Section1 [es] ------------*/
.es .kv{max-width:480px; height:680px; margin: 0 auto; display: block; background: url(es/images/kv_480.png) center 40px no-repeat ; 
	text-align: left; z-index: 1;}
.es .intro{color: #fff; font-size: 14px; line-height: 120%; margin:457px 70px 0; float: left; width: 300px;  }
.es .tip {clear:both; color: #8e9106; font-size: 12px;  line-height: 118%; margin:20px 110px; float: left; width: 320px; }

/* ------------Section1 [jp] ------------*/
.jp .kv{max-width:480px; height:680px; margin: 0 auto; display: block; background: url(jp/images/kv_480.png) center 40px no-repeat ; 
	text-align: center; z-index: 1; }
.jp .intro{color: #933; font-size: 13px; line-height: 120%; margin:465px 85px 0; float: left; width: 320px; text-align: left;}
.jp .tip {clear:both; color: #933; font-size: 12px;  line-height: 120%; margin:20px 85px; float: left; width: 320px; text-align: left;}
.jp .kv .area-btn{clear: both; padding: 0 60px 20px 0; visibility: hidden;}
.jp .kv .btn{visibility: hidden;}

/* ------------Section1 [ru] ------------*/
.ru .kv{max-width:480px; height:680px; background: url(ru/images/kv_480.png) center 40px no-repeat ; }
.ru .intro{font-size: 14px; line-height: 120%; margin:465px 70px 0; width: 300px;  }
.ru .tip {font-size: 12px;  line-height: 110%; margin:20px 90px; width: 320px; }

/* ------------Section1 [tc] ------------*/
.tc .kv{max-width:480px; height:680px; background: url(tc/images/kv_480.png) center 40px no-repeat ; }
.tc .intro{font-size: 15px; line-height: 140%; margin:465px 70px 0; width: 300px;  }
.tc .tip {font-size: 13px;  line-height: 140%; margin:30px 105px; width: 320px; }

/* ------------Section1 [sc] ------------*/
.sc .kv{max-width:480px; height:680px; background: url(sc/images/kv_480.png) center 40px no-repeat ; }
.sc .intro{font-size: 17px; line-height: 130%; margin:472px 65px 0; width: 330px;  }
.sc .tip {font-size: 15px;  line-height: 130%; margin:30px 95px; width: 320px; }

/* ------------Section1 [th] ------------*/
.th .kv{max-width:480px; height:680px; background: url(th/images/kv_480.png) center 40px no-repeat ; }
.th .intro{font-size: 14px; line-height: 140%; margin:465px 60px 0; width: 330px;  }
.th .tip {font-size: 12px;  line-height: 140%; margin:23px 90px; width: 320px; }

/* ------------Section1 [kr] ------------*/
.kr .kv{max-width:480px; height:680px; background: url(kr/images/kv_480.png) center 40px no-repeat ; }
.kr .intro{font-size: 14px; line-height: 140%; margin:470px 60px 0; width: 330px;  }
.kr .tip {font-size: 12px;  line-height: 140%; margin:15px 90px; width: 320px; }

/* ------------Section1 [ru] ------------*/
.vn .kv{max-width:480px; height:680px; background: url(vn/images/kv_480.png) center 40px no-repeat ; }
.vn .intro{font-size: 14px; line-height: 120%; margin:458px 60px 0; width: 330px;  }
.vn .tip {font-size: 12px;  line-height: 110%; margin:12px 75px; width: 325px; }

/* ------------Section1 [ru] ------------*/
.ir .kv{max-width:480px; height:680px; background: url(ir/images/kv_480.png) center 40px no-repeat ; }
.ir .intro{font-size: 14px; line-height: 120%; margin:465px 50px 0; width: 330px;  }
.ir .tip {font-size: 12px;  line-height: 120%; margin:25px 40px; width: 310px; }


/* ------------Section_2 [en] ------------*/
.section2{height: 930px;  }
.area-query{width:480px; height:830px; background: url(en/images/bg_query_480.png) no-repeat -7px top; }
.es .area-query{background: url(es/images/bg_query_480.png) no-repeat center top; }
.area-query-content, .tc .area-query-content{padding: 30px 50px 0 70px;}
.area-step {clear: both; margin-bottom: 0px;  }
.step-R{width: 79%; font-size: 14px;}
.step-R input, .step-R textarea{margin: 12px 0 0 0; color: #808080; font-size: 12px;}
.step-R #message, .step-R .modelname{width: 300px; font-size: 12px;}
.jp .step-R{font-size: 14px;}
.es .step-L{width: 90px;}
/* ------------Section_2 [es] ------------*/
.es  .area-step {clear: both; margin: 0 0 12px 55px; display: table; text-align: left; }
.jp  .area-step {clear: both; margin: 0 0 12px 55px; display: table; text-align: left; }
.es  .area-query-content, .jp .area-query-content{padding: 30px 50px 0 10px;}
.ir .area-query{background: url(ir/images/bg_query_480.png) no-repeat center top; }
.ir .area-query-content{padding: 30px 70px 0 70px;}

/* ------------Section_3 [en] ------------*/
.section3{text-align: center; background: url(en/images/bg_section3_1600.png) rgb(171, 231, 255) center bottom no-repeat; width: 100%; 
	z-index: 100; padding:20px 0 100px 0; }
.area-review{width: 450px;  margin: 0 auto; }
.review_unit{width: 95%; margin: 12px; }
.es .section3{background: url(es/images/bg_section3_1600.png) #f3fcd0 center bottom no-repeat;}

/* ------------Section_4 [en] ------------*/
.section4{width: 480px; }

/* Notice*/
#notice {width:400px; font-size: 12px; }

/* ------------Winner [en] ------------*/
.winner_page{width: 450px;  padding-top: 50px;}
.winner-area{ width: 450px; font-size: 12px;}

/* ------------Font [sc] ------------*/
.sc .step-R{font-size: 18px;}
.sc .top-nav, .sc .bottom-nav, .sc .step-R input, .step-R textarea, .sc .note {font-size: 16px;}
.sc .btn_send{font-size: 18px; line-height: 180%; }
.sc #notice{font-size: 15px;}


}/*End of Media*/







@media all and (max-width: 479px) {

/* ------------Header & Footer ------------*/
.header{display: table;}
.menu {width:320px;}
.logo {width:115px; margin-left: 0px;}
.top-nav{font-size: 12px; margin-left: 95px; width: 100%; }
.top-nav li{ float: right;}
.SM {visibility: hidden;}
.language {visibility: hidden; }
.copyright{float:left;margin-top: 4px; text-align: left; width: 320px;}
.top-nav .home{visibility: hidden;}
.top-nav .review{visibility: hidden;}
.footer{margin-left: 0px; width: 300px;}
.bottom-nav{width: 100%;}
.ir .copyright{float: right; text-align: right;}


/* ------------Header & Footer [languages] ------------*/
/*.en .top-nav, .en .bottom-nav: {margin-left: -30px; font-size: 11px;}
.jp .top-nav, .ru .top-nav { margin-left: 10px; }
.es .top-nav{margin:-30px 0 0 150px;}
.ru .SM, .vn .SM {visibility: hidden;}
.tc .top-nav{margin-left: 150px;}
.sc .top-nav, .kr .top-nav{margin-left: 150px;}
.tc .top-nav li, .sc .top-nav li{margin-right: 12px;}
.th .top-nav{margin-left: 100px;}
.vn .top-nav{margin-left: 0px;}
.vn .top-nav li{margin: 18px 3px 0 ; font-size: 11px;}
.kr .top-nav {margin-left: 100px;}
/* ------------Header & Footer [languages] ------------*/
.es .top-nav{margin:-30px 0 0 150px;}
.en .top-nav{margin:0px 0 0 30px;}
.jp .top-nav{ margin-left: 0px; }
.ru .top-nav {margin:  -30px 0 0 150px;}
.tc .top-nav {margin-left: 140px;}
.sc .top-nav {margin-left: 150px;}
.kr .top-nav {margin-left: 100px;}
.th .top-nav{margin-left: 100px;}
.vn .top-nav{margin:-30px 0 0 150px;}
.ir .top-nav{margin-right: 50px; float: left;}
html[lang=fa-IR] .winner .top-nav{margin-right: 250px; float: left;}


/* ------------Section1 [en] ------------*/
.kv{max-width:320px; height:532px; background: url(en/images/kv_450.png) center 50px no-repeat ;}
.intro{font-size: 12px; line-height: 100%; margin:327px 45px 0; width: 220px;  }
.tip {font-size: 10px;  line-height: 100%; margin:10px 55px; width: 220px; }

/* ------------Section1 [es] ------------*/
.es .kv{max-width:320px; height:500px; background: url(es/images/kv_450.png) center 50px no-repeat ;}
.es .intro{font-size: 10px; line-height: 100%; margin:332px 40px 0; width: 225px;  }
.es .tip {font-size: 9px;  line-height: 100%; margin:16px 75px; width: 200px; }

.jp .kv{max-width:320px; height:572px; background: url(jp/images/kv_450.png) center 50px no-repeat ;}
.jp .intro{font-size: 10px; line-height: 100%; margin:328px 48px 0; width: 230px;  }
.jp .tip {font-size: 9px;  line-height: 100%; margin:30px 63px; width: 210px; }
.jp .kv .area-btn{visibility: hidden;}
.jp .kv .btn{visibility: hidden;}

.ru .kv{max-width:320px; height:470px; background: url(ru/images/kv_450.png) center 50px no-repeat ;}
.ru .intro{font-size: 10px; line-height: 115%; margin:330px 40px 0; width: 225px;  }
.ru .tip {font-size: 9px;  line-height: 100%; margin:8px 70px; width: 210px; }

.tc .kv{max-width:320px; height:470px; background: url(tc/images/kv_450.png) center 50px no-repeat ;}
.tc .intro{font-size: 13px; line-height: 110%; margin:330px 45px 0; width: 220px;  }
.tc .tip {font-size: 11px;  line-height: 110%; margin:15px 70px; width: 190px; }

.sc .kv{max-width:320px; height:470px; background: url(sc/images/kv_450.png) center 50px no-repeat ;}
.sc .intro{font-size: 13px; line-height: 110%; margin:330px 45px 0; width: 220px;  }
.sc .tip {font-size: 11px;  line-height: 110%; margin:10px 65px; width: 190px; }

.th .kv{max-width:320px; height:470px; background: url(th/images/kv_450.png) center 50px no-repeat ;}
.th .intro{font-size: 11px; line-height: 110%; margin:330px 40px 0; width: 225px; }
.th .tip {font-size: 9px;  line-height: 100%; margin:12px 60px; width: 210px; }

.kr .kv{max-width:320px; height:470px; background: url(kr/images/kv_450.png) center 50px no-repeat ;}
.kr .intro{font-size: 10px; line-height: 110%; margin:335px 40px 0; width: 225px;}
.kr .tip {font-size: 9px;  line-height: 100%; margin:15px 60px; width: 210px; }

.vn .kv{max-width:320px; height:470px; background: url(vn/images/kv_450.png) center 50px no-repeat ;}
.vn .intro{font-size: 10px; line-height: 110%; margin:323px 40px 0; width: 225px;  }
.vn .tip {font-size: 9px;  line-height: 100%; margin:9px 55px; width: 210px; }

.ir .kv{max-width:320px; height:470px; background: url(ir/images/kv_450.png) center 50px no-repeat ;}
.ir .intro{font-size: 9px; line-height: 100%; margin:323px 40px 0; width: 225px;  }
.ir .tip {font-size: 9px;  line-height: 100%; margin:9px 30px; width: 210px; }


/* ------------Section_2 [en] ------------*/
.section2{height: 750px;  }
.area-query{width:320px; height:750px; background: url(sc/images/bg_query_320.png) no-repeat center top; }
.es .area-query{background: url(es/images/bg_query_320.png) no-repeat center top; }
.area-query-content, .tc .area-query-content{padding: 55px 20px 0 35px;}
.area-step {clear: both; width: 95%; margin: 0 auto;  font-size: 12px;}
.step-L{width: 90px;}
.step-R{ font-size: 13px; line-height: 100%; width:100%; }
.step-R select{ width:200px;}
.step-R option{ width:100%;}
.step-R input{ width:200px;}
.step-R input, .step-R textarea{ width:200px; color: #808080; font-size: 10px;}
.step-R #message, .step-R .modelname{width: 200px; font-size: 9px;}
.step-R .modelname{font-size: 9px;}
.jp .step-R{line-height: 110%;}
.es .step-L{width: 80px;}
.ir .area-query{background: url(ir/images/bg_query_320.png) no-repeat center top; }
.ir .area-query-content{padding: 20px 40px 0 35px;}
.ir .step-L{width: 90px; margin-top:-2px; }
.ir .step-R input{width: 170px;}

/* ------------Section_3 [en] ------------*/
.section3{text-align: center; background: url(en/images/bg_section3_1600.png) rgb(171, 231, 255) center bottom no-repeat; width: 100%; 
	z-index: 100; padding:20px 0 85px 0; }
.area-review{width: 320px;  margin: 0 auto;}
.review_unit{width: 90%; font-size: 12px; margin-left: 1%;}
.es .section3{background: url(es/images/bg_section3_1600.png) #f3fcd0 center bottom no-repeat;}

/* ------------Section_4 [en] ------------*/
.section4{width: 320px; }

/* Notice*/
#notice {width:280px; font-size: 12px;}
.tc #notice{width: 320px; font-size: 10px;}

/* ------------Winner [en] ------------*/
.winner_page{width: 320px;}
.winner-area{width: 320px; }

.winner .top-nav .home{visibility: visible;}
.winner .top-nav .review{visibility: hidden;}
.winner .top-nav .winner{visibility: hidden;}
.winner .top-nav {margin-left: 230px;}
html[lang=zh-TW] .winner .top-nav {margin-left: 250px;}
html[lang=es-419] .winner .top-nav {margin-left: 250px; margin-top: 0px;}
html[lang=en-US] .winner .top-nav {margin-left: 250px; margin-top: 0px;}
html[lang=ru-RU] .winner .top-nav {margin-left: 250px; margin-top: 0px;}
html[lang=vi-VN] .winner .top-nav {margin-left: 250px; margin-top: 0px;}

/* ------------Font [sc] ------------*/
.sc .step-R{font-size: 17px;}
.sc .top-nav, .sc .bottom-nav, .sc .step-R input, .step-R textarea, .sc .note {font-size: 15px;}
.sc .btn_send{font-size: 17px; line-height: 200%; }
.sc #notice{font-size: 14px;}

} /*End of Media*/