@charset "utf-8";
/* All */
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-size:12px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: 'liga', 'kern';
font-style: normal;}
a { text-decoration:none;}
a:hover {color:#aacc03;}
.wrap {text-align:center; margin:0 auto; font-family: 'Myriad Roman', Helvetica, Arial,sans-serif;}
img{border: 0px;}
/* ------------Font Style ------------*/
.jp .top-nav li a,.jp .intro, .jp .tip,
.jp .section2 .step-R, .jp .section2 .note, .jp .section2 .step-R input, .jp .section2 .step-R textarea,
.jp .section3, .jp .section4, .jp .btn_send,
.jp #notice li, .jp #notice p, .jp #notice a, .jp .footer, .jp .bottom-nav li a
{font-family: "Apple TP","Helvetica Neue","Helvetica","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Arial","Verdana","sans-serif";}
.tc .top-nav li a,.tc .intro, .tc .tip,
.tc .section2 .step-R, .tc .section2 .note, .tc .section2 .step-R input, .tc .section2 .step-R textarea,
.tc .section3, .tc .section4, .tc .btn_send,
.tc #notice li, .tc #notice p, .tc #notice a, .tc .footer, .tc .bottom-nav li a
{font-family: '微軟正黑體','新細明體','Arial Unicode MS', Arial, Helvetica, sans-serif !important; }
.sc .top-nav li a,.sc .intro, .sc .tip,
.sc .section2 .step-R, .sc .section2 .note, .sc .section2 .step-R input, .sc .section2 .step-R textarea,
.sc .section3, .sc .section4, .sc .btn_send,
.sc #notice li, .sc #notice p, .sc #notice a, .sc .footer, .sc .bottom-nav li a
{font-family: "PingHei","Lucida Grande", "Lucida Sans Unicode", "STHeiti", "Helvetica","Arial","Verdana","sans-serif";}
.th .top-nav li a,.th .intro, .th .tip,
.th .section2 .step-R, .th .section2 .note, .th .section2 .step-R input, .th .section2 .step-R textarea,
.th .section3, .th .section4, .th .btn_send,
.th #notice li, .th #notice p, .th #notice a, .th .footer, .th .bottom-nav li a
{font-family: "Sukhumvit Set", "Myriad Roman", "Helvetica Neue","Helvetica","Arial","Verdana","sans-serif";}
.kr .top-nav li a,.kr .intro, .kr .tip,
.kr .section2 .step-R, .kr .section2 .note, .kr .section2 .step-R input, .kr .section2 .step-R textarea,
.kr .section3, .kr .section4, .kr .btn_send,
.kr #notice li, .kr #notice p, .kr #notice a, .kr .footer, .kr .bottom-nav li a
{font-family: "Yoon Gothic","Helvetica Neue","Helvetica","Dotum","Arial","Verdana","sans-serif";}
/* ------------Font ------------*/
/*for IE9*/
@font-face
{font-family:Myriad Roman; src: url("font/MyriadPro-Regular.otf"); font-style: normal;font-weight: normal;}
@font-face
{font-family:Myriad Roman; src: url("font/MyriadPro-Regular.otf"); font-style: normal; font-weight: normal;}
/*Other browsers*/
@font-face
{font-family:Myriad Roman; src: url("font/MyriadPro-Regular.otf"); font-style: normal; font-weight: normal;}
/*IE8*/
@font-face
{font-family: 'Myriad Roman'; src: url('font/MyriadPro-Regular.otf');}
/*for IE9*/
@font-face
{font-family:PingHei; src: url("font/PingHei-light.woff"); font-style: normal;font-weight: normal;}
@font-face
{font-family:PingHei; src: url("font/PingHei-light.woff"); font-style: normal; font-weight: normal;}
/*Other browsers*/
@font-face
{font-family:PingHei; src: url("font/PingHei-light.woff"); font-style: normal; font-weight: normal;}
/*IE8*/
@font-face
{font-family: 'PingHei'; src: url('font/PingHei-light.woff');}
/*------------ Reset ------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
/*vertical-align: baseline;*/
}
/* remember to define focus styles! */
:focus { outline: 0;}
ul,li,ol{ margin: 0; padding:0; list-style: outside none;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
/* ------------Header & Footer ------------*/
.ir{direction:rtl; }
.header {background:rgb(220, 245, 255); text-align:center; margin:0 auto; width: 100%; height: 50px; border-bottom: solid 3px rgb(171, 231, 255); position: fixed; top: 0%; z-index: 999; transition: top .5s;}
.menu {width:900px; height:50px; text-align:left; margin:0 auto; display: table;}
.logo {width:190px; height:30px; float:left; display: table-cell; vertical-align: middle;}
.SP{margin: 12px 0;}
.top-nav{padding: 0px; list-style: none; float:left; color:#fff; font-size: 13px;
margin-left: 340px; position: absolute; font-family: Myriad Roman; }
.top-nav li{ float: left; margin: 18px 15px 0 ; }
.top-nav li a{ color:#000;}
.top-nav li a:hover{color:#aacc03;}
.SM {float:right; margin-top:16px; margin-left:720px; position: absolute;}
.SM a{padding: 0 2px;}
.language {float: right; position: absolute; margin-top: 16px; text-align: left; margin-left: 820px;
font-family: Myriad Roman; }
.hr{clear: both; margin: 0; background: #4d4d4d; border: 0px; height: 1px; margin: 12px 0}
.footer {text-align:center; margin:0 auto; }
.copyright{float:right; font-family: Myriad Roman; font-size: 13px; color: #000; }
.bottom-nav{padding: 0px; list-style: none; width: 350px; float:left; color:#600;
font-family: Myriad Roman; font-size: 13px;}
.bottom-nav li{ float: left; margin: 0px 20px 0 0 ; }
.bottom-nav li a{ color: #000;}
.bottom-nav li a:hover{color:#F30;}
/* ------------Header & Footer [ru]------------*/
.ru .SM, .tc .SM, .vn .SM {margin-left:780px;}
.sc .SM{margin-left: 750px;}
.ru .top-nav{margin-left: 380px;}
.tc .top-nav{margin-left: 580px;}
.th .top-nav{margin-left: 500px;}
.sc .top-nav{margin-left: 540px;}
.kr .top-nav{margin-left: 460px;}
.vn .top-nav{margin-left: 350px;}
/* ------------Header & Footer [ir]------------*/
.ir .logo{float: right;}
.ir .language{float: left; margin-right: 820px; }
.ir .top-nav{float: left; margin-right: 500px; }
.ir .top-nav li{direction: rtl; text-align: right; float: right;}
.ir .bottom-nav{float: right;}
.ir .bottom-nav li{ float: right; }
.ir .copyright{float: left;}
/* ------------Section1 [en] ------------*/
.panel {height:100vh; border-bottom:1px solid #666;}
.section1{text-align: center; background: url(en/images/bg_section1.jpg) center top no-repeat;
background-size: cover; -moz-background-size: cover; /* Firefox 3.6 */ padding-bottom: 30px;}
.kv{max-width:990px; height:820px; margin: 0 auto; display: block; background: url(en/images/kv.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: 17px; line-height: 140%; margin:10px 50px 0; float: left; width: 655px; }
.tip {clear:both; color: #fff; font-size: 14px; line-height: 140%; margin:10px 240px; float: left; width:300px; }
/* ------------Section1 [es] ------------*/
.es .kv{max-width:990px; height:820px; margin: 0 auto; display: block; background: url(es/images/kv.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: 17px; line-height: 130%; margin:550px 90px 0; float: left; width: 480px; }
.es .tip {clear:both; color: #8e9106; font-size: 14px; line-height: 140%; margin:20px 160px; float: left; width: 450px; }
/* ------------Section1 [ru] ------------*/
.ru .kv{background: url(ru/images/kv.png) center 40px no-repeat ; }
.ru .intro{font-size: 16px; line-height: 130%; margin:555px 90px 0; width: 490px; }
.ru .tip {font-size: 14px; line-height: 130%; margin:35px 135px; width: 450px; }
/* ------------Section1 [tc] ------------*/
.tc .kv{background: url(tc/images/kv.png) center 40px no-repeat ; }
.tc .intro{font-size: 17px; line-height: 140%; margin:560px 90px 0; width: 480px; }
.tc .tip {font-size: 15px; line-height: 140%; margin:50px 130px; width: 470px; }
/* ------------Section1 [tc] ------------*/
.sc .kv{background: url(sc/images/kv.png) center 40px no-repeat ; }
.sc .intro{font-size: 20px; line-height: 150%; margin:555px 90px 0; width: 480px; }
.sc .tip {font-size: 17px; line-height: 120%; margin: 30px 120px; width: 470px; }
/* ------------Section1 [jp] ------------*/
.jp .kv{max-width:990px; height:820px; margin: 0 auto; display: block; background: url(jp/images/kv.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: 15px; line-height: 140%; margin:545px 95px 0; float: left; width: 480px; }
.jp .tip {clear:both; color: #933; font-size: 14px; line-height: 140%; margin:25px 120px; float: left; width: 480px; }
.jp .kv .area-btn{clear: both;}
.jp .kv .btn{ width:160px; height:30px; background:#9dc815; color:#fff; padding:0 5px; text-align:center;
line-height:240%; cursor: pointer; font-size: 12px; float: right; }
.jp .kv .btn a{color: #fff;}
.jp .kv .btn:hover{background: #ece559; color: #aacc03; }
/* ------------Section1 [th] ------------*/
.th .kv{background: url(th/images/kv.png) center 40px no-repeat ; }
.th .intro{font-size: 16px; line-height: 150%; margin:560px 90px 0; width: 490px; }
.th .tip {font-size: 15px; line-height: 140%; margin:45px 120px; width: 470px; }
/* ------------Section1 [kr] ------------*/
.kr .kv{background: url(kr/images/kv.png) center 40px no-repeat ; }
.kr .intro{font-size: 16px; line-height: 150%; margin:560px 90px 0; width: 490px; }
.kr .tip {font-size: 14px; line-height: 130%; margin:25px 120px; width: 470px; }
/* ------------Section1 [vn] ------------*/
.vn .kv{background: url(vn/images/kv.png) center 40px no-repeat ; }
.vn .intro{font-size: 17px; line-height: 130%; margin:547px 90px 0; width: 485px; }
.vn .tip {font-size: 14px; line-height: 130%; margin:25px 115px; width: 480px; }
/* ------------Section1 [ir] ------------*/
.ir .kv{background: url(ir/images/kv.png) center 40px no-repeat ; }
.ir .intro{font-size: 16px; line-height: 150%; margin:560px 70px 0; width: 490px; text-align: right; }
.ir .tip {font-size: 15px; line-height: 140%; margin:45px 70px; width: 450px; text-align: right; }
/* ------------Section_2 [jp] ------------*/
.section2{text-align: center; background: url(en/images/bg_section2.png) bottom repeat-x rgb(220, 245, 255); width: 100%; /*z-index: 100; height: 785px;*/ }
.area-query{width:990px; height:820px; margin: 0 auto; display: block; background: url(en/images/bg_query.png) no-repeat center top; text-align: left; /*z-index: 1;*/
clear: both; text-align: center; }
.area-query-content{/*padding-top: 50px;*/ padding: 105px 50px 0 110px;}
.area-step {clear: both; /*margin: 0 0 24px 120px;*/ margin-bottom: 10px; display: table;
text-align: left; width: 100%;}
.step-L{padding-right: 20px; float: left; display: table-cell; vertical-align: middle;}
.step-R{float: left; color: #000; font-size: 16px; line-height: 120%; display: table-cell;
vertical-align: middle; width: 70%;}
.step-R select{margin: 10px 0;}
.step-R input, .step-R textarea{margin: 12px 0 0 0; color: #808080; font-size: 12px;}
.step-R #message, .step-R .modelname{width: 400px;}
.note{font-size: 14px; color: #808080;}
.tc .area-query-content{padding-top: 60px;}
.es .area-query{background: url(es/images/bg_query.png) no-repeat center top; }
.ir .area-query{background: url(ir/images/bg_query.png) no-repeat center top; }
.ir .area-query-content{padding: 50px 110px 0 50px; }
.ir .area-step {text-align: right;}
.ir .step-L{ float: right; direction: rtl; padding-left: 2%;}
.ir .step-R{float: right; width: 65%;}
/* ------------Section_3 [jp] ------------*/
.section3{text-align: center; background: url(en/images/bg_section3.png) rgb(171, 231, 255) center bottom no-repeat;
width: 100%; z-index: 100; padding:20px 0 160px 0;}
.area-review{width: 900px; margin: 0 auto; text-align: center; }
.review_unit{border: solid 2px #fbba00;
border-left-style: hidden;
border-right-style: hidden;
border-bottom-style: hidden;
background: url(en/images/bg_section4.jpg); text-align: center; padding: 15px 10px;
margin: 12px 0; display: table; width: 100%;}
.review_profile{width: 8%; display: table-cell; text-align: center; vertical-align: middle;padding-right: 3%;}
.reivew_content{width: 75%; text-align: left; display: table-cell; color: #808080;
word-wrap: break-word; word-break: break-all;}
.review_user{ padding-bottom: 6px; padding-top: 10px;font-size: large; font-weight: bolder;}
.reivew_content a{color: #000; }
.reivew_content a:hover{color: #aacc03;}
.review_date{width: 12%; display: table-cell; text-align: center; vertical-align: middle; }
.es .section3{background: url(es/images/bg_section3.png) #f3fcd0 center bottom no-repeat;}
.ir .reivew_content{text-align: right; direction: rtl;}
/* ------------Section_4 [en] ------------*/
.section4{text-align: center; padding: 14px 0; width: 900px; margin: 0 auto;}
/* Notice*/
#notice {padding-top:18px; color:#000; width: 850px; text-align:left; margin: 0 auto; font-size: 12px;}
#notice li{ list-style-type:square; list-style-position:inherit; line-height:140%;}
#notice li a{color:#F00 ;}
#notice li a:hover{color:#33F ;}
.jp #notice li{ list-style-type:square; list-style-position:inherit; line-height:160%;}
.tc #notice li, .sc #notice li{line-height: 160%;}
.ir #notice{text-align: right;}
/* ------------Winner [en] ------------*/
.winner_page{width: 900px; margin: 0 auto; clear: both; padding-top: 50px;}
.winner-area{ display: table; border-bottom: solid 1px #ccc; width: 900px; font-size: 12px; clear: both;}
.list{padding-left: 35px; display: table-cell; }
.winner_3{background: #f5cd29; width: 40px; height:300px; margin-top: 25px; font-weight: bold; padding: 5px;
display: table-cell; vertical-align: middle; }
.winner_2{background: #009ee7; width: 40px; height:300px; margin-top: 25px; font-weight: bold; padding: 5px;
display: table-cell; vertical-align: middle; color: #fff;}
.winner_1{background: #e91c24; width: 40px; height:300px; margin-top: 25px; font-weight: bold; padding: 5px;
display: table-cell; vertical-align: middle; color: #fff;}
.btn_send{ width: 150px;
height: 50px;
background: #60cbfd;
font-size: 25px;
font-weight:bolder;
color: #fff;
padding: 0 10px;
text-align: center;
line-height: 220%;
cursor: pointer;
margin: 12px 160px;
box-shadow: 0 5px #5498b7;
display: inline-block;
text-decoration: none;
outline: none;
border: none;
border-radius: 15px;
}
.btn_send:hover{background: rgb(179, 233, 255); color:#fba200; }
.btn_send:active {
background-color: #3e8e41;
box-shadow: 0 5px #666;
transform: translateY(4px);
}
.ru .btn_send{width:100px; height:35px;}
.tc .btn_send{line-height: 180%;}
/* ------------Font [sc] ------------*/
.sc .step-R{font-size: 20px;}
.sc .top-nav, .sc .bottom-nav, .sc .step-R input, .sc .step-R textarea, .sc .note {font-size: 16px;}
.sc .btn_send{font-size: 18px; line-height: 180%; }
.sc #notice{font-size: 15px;}