@font-face {
font-family: 'FrutigerLight';
src: url('../font/FrutigerLTStd-Light.eot');
src: url('../font/FrutigerLTStd-Light.eot?#iefix') format('embedded-opentype'),
url('../font/FrutigerLTStd-Light.woff') format('woff'),
url('../font/FrutigerLTStd-Light.ttf') format('truetype'),
url('../font/FrutigerLTStd-Light.svg#street_cornerregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FrutigerBlack';
src: url('../font/FrutigerLTStd-Black.eot');
src: url('../font/FrutigerLTStd-Black.eot?#iefix') format('embedded-opentype'),
url('../font/FrutigerLTStd-Black.woff') format('woff'),
url('../font/FrutigerLTStd-Black.ttf') format('truetype'),
url('../font/FrutigerLTStd-Black.svg#street_corner_boldregular') format('svg');
font-weight: normal;
font-style: normal;
}
-webkit-font-smoothing: antialiased;
/* placeholder color fix */
::-webkit-input-placeholder { color: #c6c6c6; }
:-moz-placeholder { color: #c6c6c6; }
::-moz-placeholder { color: #c6c6c6; }
:-ms-input-placeholder {color: #c6c6c6; }
.placeholder { color: #c6c6c6; }
/* initialize */
html, body{ margin:0; padding:0; font-family: "FrutigerLight", "Myriad Pro", Arial, Helvetica, sans-serif; font-size: 12px; background: #fff; }
#container { width: 100%; }
.clear{ clear:both; height:0; line-height:0; font-size: 0; }
.wrapper { width:988px; margin:auto; position:relative; }
ul, li, h1{ margin:0; padding:0; list-style:none}
p { margin: 0; padding: 0; }
a { text-decoration:none; cursor: pointer;}
img { border: none; }
.left { float: left;}
.right { float: right;}
input { padding: 0; margin: 0; }
input[type="checkbox"] { display: none; }
input[type="checkbox"] + label span { display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; background:url(../images/check_radio_sheet.gif) left top no-repeat; cursor:pointer; }
input[type="checkbox"]:checked + label span { background:url(../images/check_radio_sheet.gif) -19px top no-repeat; }
.inputfield { border: 1px solid #9f9f9f; background: #fff; height: 40px; padding: 0 10px; font-size: 16px; }
.err_msg { float: left; margin: 3px 0; font-size: 13px; width: 100%; display:; }
.err_msg span { font-size: 13px; background: url(../images/error.gif) no-repeat 0 center; padding: 0 0 0 16px; color: #ff0000; }
.btn a { display: block; text-align: center; color: #fff; font-size: 13px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s; }
/* Video Control */
#html5-watermark { display: none !important; }
#html5lightbox-video { background: #000 !important; }
#header { position: fixed; width: 100%; height: 80px; top: 0; left: 0; z-index: 999; /*font-family: "Myriad Pro", Arial, Helvetica, sans-serif;*/}
#header .header_wrapper { width:988px; margin:auto; position:relative; }
#header .header_bg { display: block; width: 100%; height: 80px; background: url(../images/header_bg.png) no-repeat center; position: absolute; top: 0px; left:0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; /* IE 8 */
filter: alpha(opacity=15); /* IE 5-7 */
-moz-opacity: 0.15; /* Netscape */
-khtml-opacity: 0.15; /* Safari 1.x */
opacity: 0.15; }
#header .menu_l { float: left; width: 748px; height: 80px; overflow: hidden; }
#header .menu_r { float: left; width: 240px; height: 80px; }
#header .menu_l li.last { padding-left: 0; padding-right: 0;}
#header .menu_l li { float: left; display: block; text-align: left; padding: 52px 20px 0 0;}
#header .menu_l li a { float: left; display: block; color: #575757; font-size: 13px; padding: 3px 5px;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s; }
#header .menu_l li.active a, #header .menu_l li a:hover {color: #ff8015; /*background: #fff;*/}
#header .menu_l li.logo { width: 170px; padding: 0;}
#header .menu_l li.logo a { float: left; display: block; width: 60px; height: 50px; padding: 0; margin: 20px 0 0 5px; background: url(../images/logo.png) no-repeat center;
*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png', sizingMethod='crop'); *background:none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;}
#header .menu_r ul { float: right; text-align: center;}
#header .menu_r li { float: left; text-align: left; padding: 8px 10px 0; overflow: visible; }
#header .menu_r li.last { padding-right: 0;}
#header .menu_r li a { color: #575757; font-size: 11px; line-height: 18px;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s; }
#header .menu_r li a:hover { color: #ff8015; /*background: #fff;*/}
#header .menu_r li#lang { position: relative; width: 72px; text-align: center;}
#header .menu_r li#lang ul { display: none; position: relative; float: none; width: auto; padding: 0 5px; margin: 0; text-align: center; background: #575757;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
#header .menu_r li#lang li { float: none;padding: 0; margin: 0; text-align: center; line-height: 22px; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; text-align: center; }
#header .menu_r li#lang li a { width: auto; font-size: 11px; padding: 0 3px; margin: 0;text-align: center; color: #fff;}
#header .menu_r li#lang li a:hover { color: #ff8015;}
#social_icon { width: 988px; height: 36px; padding-top: 20px; font-size: 12px; color: #818080; /*font-family: "Myriad Pro", Arial, Helvetica, sans-serif;*/ display: none;}
#social_icon ul { float: right;}
#social_icon li { float: right; display: block; width: 40px; height: 30px;padding-left: 4px; }
#social_icon li.last { text-align: left; width: 92px; }
#social_icon .s_icon { float: left; display: block; width: 36px; height: 36px; background: url(../images/social_icon.gif) no-repeat;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s; }
#social_icon .s_icon:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE 8 */
filter: alpha(opacity=60); /* IE 5-7 */
-moz-opacity: 0.6; /* Netscape */
-khtml-opacity: 0.6; /* Safari 1.x */
opacity: 0.6; }
#social_icon .s_icon.facebook { background-position: 0 0; }
#social_icon .s_icon.instagram { background-position: -40px 0; }
#social_icon .s_icon.youtube { background-position: -80px 0; }
#social_icon .s_icon.pinterest { background-position: -120px 0; }
#social_icon .s_icon.googleplus { background-position: -160px 0; }
#footer { padding: 50px 0; /*font-family: "Myriad Pro", Arial, Helvetica, sans-serif;*/}
#footer li { float: left; text-align: left; padding: 0 15px 0 0;}
#footer li.copyright { float: right; text-align: right; padding: 0;}
#footer li a { float: left; display: block; color: #575756;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s; }
#footer li a:hover { color: #ff8015;}
/*---------------------------------------------------------------------------------------------------------------------------------------------------*/
.gridbox { width: 988px; height: auto; }
.gridbox li { float: left; width: 320px; height: 210px; padding: 0 14px 0 0; margin: 0 0 14px; overflow: hidden;}
.gridbox li.twogrid { width: 654px; }
.gridbox li.last { padding-right: 0; }
.grid { float: left; display: block; width: 320px; height: 210px; }
.grid.grid1 { background: url(../images/grid_philosophy.jpg) no-repeat #ff8015; }
.grid.grid2 { background: url(../images/grid_mixmatch.jpg) no-repeat #e7bf27; }
.grid.grid3 { background: url(../images/grid_videos2.jpg) no-repeat #45b4e2; }
.grid.grid4 { background: url(../images/grid_news.jpg) no-repeat #96cf23; }
.grid.grid5 { background: url(../images/grid_presence.jpg) no-repeat #ec6c82; }
.grid.grid6 { background: url(../images/grid_communities.jpg) no-repeat #dd7eeb; }
.grid.grid7 { background: url(../images/grid_download.jpg) no-repeat #eead0c; }
.grid.grid8 { background: url(../images/grid_manual.jpg) no-repeat #ff8400; }
.grid.grid9 { background: url(../images/grid_spec.jpg) no-repeat #dd7eeb; }
.grid.grid10 { background: url(../images/grid_apk.jpg) no-repeat #b4c13a; }
.grid.grid11 { background: url(../images/grid_play.jpg) no-repeat #4bd0c7; }
.grid p { padding: 8px 0 0 12px; margin: 0; color: #3c3c3b; font-size: 22px;}
.grid p .section { color: #fff; font-family: "FrutigerBlack", "Myriad Pro", Arial, Helvetica, sans-serif; font-weight: bold;}
.grid p.desc { font-size: 12px; color: #fff; text-align: center; padding: 140px 0 0 0; }
.gridbox a {
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s; }
.gridbox a:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 8 */
filter: alpha(opacity=70); /* IE 5-7 */
-moz-opacity: 0.7; /* Netscape */
-khtml-opacity: 0.7; /* Safari 1.x */
opacity: 0.7; }
.icon_set { float: left; display: block; height: 42px; background: url(../images/icon_set.png) no-repeat; padding: 0 10px 0 51px;
*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icon_set.png', sizingMethod='crop'); *background:none; }
.icon_set.contact { background-position: 0 0;}
.icon_set.wristband { background-position: 0 -50px;}
.icon_set.spec { background-position: 0 -100px;}
.icon_set.dl { background-position: 0 -150px;}
.icon_set.reg { background-position: 0 -200px;}
.page_title { position: relative; color: #575757; font-size: 48px; height: 110px; line-height: 110px;}
.page_title span { font-family: "FrutigerBlack", "Myriad Pro", Arial, Helvetica, sans-serif; font-size: 36px; font-weight: bold; }
#content { padding-top: 80px; _padding-top: 0; word-spacing: -1px; }
#content .mainvisual { position: relative; width: 988px; height: 465px; background: url(../images/mv_bg.jpg) no-repeat top center; margin-bottom: 14px; overflow: hidden;}
#content .mainvisual .faw_icon { position: absolute; width: 72px; height: 64px; right: 0; bottom: 50px; background: url(../images/icon_fashionappwatch.png); z-index: 999;
*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icon_fashionappwatch.png', sizingMethod='crop'); *background:none; }
#content.home .mainvisual { position: relative; width: 988px; height: 465px; background: url(../images/mv_bg.jpg) no-repeat top left; margin-bottom: 14px; overflow: hidden;}
#content.company .mainvisual .faw_icon { position: absolute; width: 72px; height: 64px; left: 565px; top: 142px; background: url(../images/icon_fashionappwatch.png); z-index: 999; }
#content.company .mainvisual .btn_contact { width: auto; height: 42px; position: absolute; top: 340px; left: 730px; }
#content.company .mainvisual .btn_contact a { display: block; font-size: 24px; line-height: 41px; color: #575757;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s; }
#content.company .mainvisual .btn_contact a:hover { color: #ff8015;}
#content.company .mainvisual p { font-size: 18px; color: #575757; padding: 0 14px 0; text-align: justify; margin: 0; line-height: 24px; width: 620px; }
#content.company .mainvisual p.section { font-size: 48px; line-height: 36px; padding: 25px 14px 15px; }
#content.company .mainvisual p.section span { font-size: 36px; color: #808080;}
#content.company .mainvisual .mv1 { position: absolute; width: 622px; height: 289px; top: 176px; left: 48px; background: url(../images/company_mv.png) no-repeat;
*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/company_mv.png', sizingMethod='crop'); *background:none; }
#content.company .mainvisual .mv2 { position: absolute; width: 221px; height: 214px; top: 35px; right: 55px; background: url(../images/company_mv_circle.gif) no-repeat; }
#content.company .mainvisual .mv2 p { position: absolute; text-align: center; color: #575757; font-size: 11px; width: auto; height: 12px; /*font-family: "Myriad Pro", Arial, Helvetica, sans-serif;*/}
#content.company .mainvisual .mv2 p.t1 { top: 42px; left: 56px;}
#content.company .mainvisual .mv2 p.t2 { top: 102px; left: 137px;}
#content.company .mainvisual .mv2 p.t3 { top: 194px; left: 130px;}
#content.company .mainvisual .mv2 p.t4 { top: 201px; left: 23px;}
#content.company .mainvisual .mv2 p.t5 { top: 102px; left: -3px;}
#content.company .mainvisual .faw_icon { position: absolute; width: 72px; height: 64px; right: 0; bottom: 50px; background: url(../images/icon_fashionappwatch.png); z-index: 999; }
#content.company .gridbox li.twogrid { background: url(../images/mv_bg.jpg) no-repeat top center; overflow: hidden; }
#content.company .gridbox li.twogrid p { font-size: 18px; color: #575757; padding: 0 14px 0; text-align: justify; margin: 0; line-height: 24px; }
#content.company .gridbox li.twogrid p.section { font-size: 48px; line-height: 36px; padding: 25px 14px 15px; }
#content.company .gridbox li.twogrid p.section span { font-size: 36px; color: #808080;}
#content.products .mainvisual .faw_icon { position: absolute; width: 72px; height: 64px; left: 565px; top: 142px; background: url(../images/icon_fashionappwatch.png); z-index: 999; }
#content.products .mainvisual .btn_contact { width: auto; height: 41px; position: absolute; top: 340px; left: 730px; }
#content.products .mainvisual .btn_contact a { display: block; font-size: 24px; line-height: 41px; color: #575757;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s; }
#content.products .mainvisual .btn_contact a:hover { color: #ff8015;}
#content.products .mainvisual { height: 540px; }
#content.products .mainvisual p { font-size: 18px; color: #575757; padding: 0 14px 0; text-align: justify; margin: 0; line-height: 24px; width: 620px; }
#content.products .mainvisual p.top { padding: 40px 0 0 15px;}
#content.products .mainvisual p.section { font-size: 48px; line-height: 36px; padding: 25px 14px 15px; }
#content.products .mainvisual p.section span { font-size: 36px; color: #808080;}
#content.products .mainvisual .mv1 { position: absolute; width: 720px; height: 265px; top: 265px; left: 2px; background: url(../images/product_mv.png) no-repeat center;
*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/product_mv.png', sizingMethod='crop'); *background:none; }
#content.products .mainvisual .mv1 p { position: absolute; text-align: center; font-size: 11px; color: #808080; width: auto; height: auto; /*font-family: "Myriad Pro", Arial, Helvetica, sans-serif;*/ text-align: left; padding: 0;margin: 0; width: 210px; line-height: 12px; letter-spacing: 0.1em; word-spacing: 1px;}
#content.products .mainvisual .mv1 p span { font-size: 13px; line-height: 13px; font-weight: bold; color: #ff8015; padding-right: 5px; letter-spacing: 0; }
#content.products .mainvisual .mv1 p.t1 { top: 35px; left: 20px; text-align: right; }
#content.products .mainvisual .mv1 p.t2 { top: 100px; left: 0px; text-align: right; }
#content.products .mainvisual .mv1 p.t3 { top: 164px; left: 0px; text-align: right; }
#content.products .mainvisual .mv1 p.t4 { top: 26px; left: 474px; }
#content.products .mainvisual .mv1 p.t5 { top: 79px; left: 497px; }
#content.products .mainvisual .mv1 p.t6 { top: 131px; left: 508px; }
#content.products .mainvisual .mv1 p.t7 { top: 183px; left: 517px; }
#content.products .showcase { position: relative; width: 988px; height: 580px; background: url(../images/mv_bg.jpg) no-repeat top center; margin-bottom: 14px; overflow: hidden;}
#content.products .showcase.left {}
#content.products .showcase.right {}
#content.products .showcase p { font-size: 18px; color: #575757; padding: 0 14px 0; text-align: justify; margin: 0; line-height: 24px; width: 630px; }
#content.products .showcase p.section { font-size: 48px; line-height: 36px; padding: 25px 14px 15px; }
#content.products .showcase p.section span { font-size: 36px; color: #808080;}
#content.products .showcase .btn { padding: 10px 0 0 0; }
#content.products .showcase .btn li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #a4a4a4; float: left; width: 100%;}
#content.products .showcase .btn a { display: block; font-size: 24px; line-height: 42px; }
#content.products .showcase .btn a .icon_set { color: #575757;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s; }
#content.products .showcase .btn a:hover .icon_set.wristband { color: #ff8015;}
#content.products .showcase .btn a:hover .icon_set.spec { color: #32a5ce;}
#content.products .showcase .btn a:hover .icon_set.dl { color: #eead0c;}
#content.products .showcase .featbox { position: absolute; width: 290px; height: 120px; color: #575757;}
#content.products .showcase .featbox p { font-size: 11px; padding: 0; margin: 0; letter-spacing: 1px; width: 100%;}
#content.products .showcase .featbox p span { font-size: 13px; font-weight: bold;}
#content.products .showcase .featbox.clockface { top: 282px; left: 14px; background: url(../images/showcase_clockface.png) no-repeat center bottom;
*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/showcase_clockface.png', sizingMethod='crop'); *background:none; }
#content.products .showcase .featbox.screensaver { top: 430px; left: 14px; background: url(../images/showcase_screensaver.png) no-repeat center bottom;
*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/showcase_screensaver.png', sizingMethod='crop'); *background:none; }
#content.products .showcase .featbox.wristbands { top: 174px; left: 668px; height: 200px; width: 320px;}
#content.products .showcase .featbox.wristbands p.orange { color: #ff8015; font-size: 18px; text-align: left; padding: 5px 0;}
#content.products .showcase .featbox.colormix {top: 174px; left: 14px; height: 80px; width: 296px;}
#content.products .showcase .featbox.colormix ul { display: block; width: 300px; height: 32px; }
#color li { float: left; display: block; width: 32px; height: 32px; margin-right: 5px; background: url(../images/color_picker.gif) no-repeat; cursor: pointer;}
#color li.c1 { background-position: 0 0;}
#color li.c2 { background-position: -32px 0;}
#color li.c3 { background-position: -64px 0;}
#color li.c4 { background-position: -96px 0;}
#color li.c5 { background-position: -128px 0;}
#color li.c6 { background-position: -160px 0;}
#color li.c7 { background-position: -192px 0;}
#color li.c8 { background-position: -224px 0;}
#color li.c1.active { background-position: 0 -32px;}
#color li.c2.active { background-position: -32px -32px;}
#color li.c3.active { background-position: -64px -32px;}
#color li.c4.active { background-position: -96px -32px;}
#color li.c5.active { background-position: -128px -32px;}
#color li.c6.active { background-position: -160px -32px;}
#color li.c7.active { background-position: -192px -32px;}
#color li.c8.active { background-position: -224px -32px;}
#content.products .showcase .watchbox { position: absolute; width: 262px; height: 270px; top: 180px; left: 370px; }
#watch li { display: none; width: 262px; height: 270px; }
#watch li.show { display: block;
-webkit-animation: fadein 2s;
-moz-animation: fadein 2s;
-ms-animation: fadein 2s;
-o-animation: fadein 2s;
animation: fadein 2s; }
@keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
@-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
@-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
@-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
#content.products.spec .mainvisual { height: auto; }
#content.products.spec .table_spec { width: 974px; margin: 0 auto; font-size: 18px; color: #000; }
#content.products.spec .table_spec .col1 { width: 260px; font-weight: bold; letter-spacing: 1px; }
#content.products.spec .table_spec .col1 span { display: block; padding-left: 7px; }
#content.products.spec .table_spec .col2 { width: 714px; color: #575757; }
#content.products.spec .table_spec .col2 span { width: 180px; display: inline-block; }
#content.products.spec .table_spec .col2 span.italic { font-style: italic; padding: 0; width: auto; font-size: 16px;}
#content.products.spec .table_spec .col2 sup { font-size: 12px; font-style: normal}
#content.products.spec .table_spec .col2 .info { width: 150px; font-size: 16px; color: #575757; line-height: 22px;}
#content.products.spec .table_spec .col2 .info li { float: left; width: 50px;}
#content.products.spec .table_spec .col2 .info li.left { width: 100px; }
#content.products.spec .table_spec .row1 { height: 260px; }
#content.products.spec .table_spec .row1 td { border-top: 1px dashed #9f9f9f; border-bottom: 1px dashed #9f9f9f; vertical-align: top; }
#content.products.spec .table_spec tr.grey td { background: #ddd; }
#content.products.spec .table_spec tr.last td { border-bottom: 1px dashed #9f9f9f; }
#content.products.spec .table_spec td { padding: 12px 0; }
#content.products.spec .showcase { background: none; width: 300px; height: 32px; margin: 0; overflow: visible;}
#content.products.spec .showcase .featbox.colormix {top: 0; left: 0; height: 32px; width: 300px;}
#content.products.spec .showcase .watchbox { top: -262px; left: 310px; }
#content.products.wristband .mainvisual { height: auto; }
#content.products.wristband .table_products { width: 988px; margin: 0 auto; }
#content.products.wristband .table_products td { width: 320px; padding: 20px 7px 20px 0; border-top: 1px dashed #9f9f9f; }
#content.products.wristband .table_products td.last { padding-right: 0;}
#content.products.wristband .table_products a img { width: 320px; height: auto; }
#content.products.wristband .pagination { text-align: center; font-size: 14px; line-height: 28px;}
#content.products.wristband .pagination a { color: #575757; padding: 6px 10px; border: none; margin: 0 5px;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
#content.products.wristband .pagination a:hover { background: #575757; color: #fff; text-decoration: none; }
#content.products.wristband .pagination .active { background: #ff8015; color: #fff; text-decoration: none; cursor: default; padding: 6px 10px; border: none; margin: 0 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
#html5-text { color: #000!important; font-size: 15px!important; font-family: Arial, Helvetica, sans-serif!important; text-align: center!important; }
#watch li.w1 { background:url(../images/showcase_watch1.png) no-repeat center;
*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/showcase_watch1.png', sizingMethod='crop'); *background:none; }
#watch li.w2 { background:url(../images/showcase_watch2.png) no-repeat center;
*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/showcase_watch2.png', sizingMethod='crop'); *background:none; }
#watch li.w3 { background:url(../images/showcase_watch3.png) no-repeat center;
*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/showcase_watch3.png', sizingMethod='crop'); *background:none; }
#watch li.w4 { background:url(../images/showcase_watch4.png) no-repeat center;
*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/showcase_watch4.png', sizingMethod='crop'); *background:none; }
#watch li.w5 { background:url(../images/showcase_watch5.png) no-repeat center;
*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/showcase_watch5.png', sizingMethod='crop'); *background:none; }
#watch li.w6 { background:url(../images/showcase_watch6.png) no-repeat center;
*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/showcase_watch6.png', sizingMethod='crop'); *background:none; }
#watch li.w7 { background:url(../images/showcase_watch7.png) no-repeat center;
*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/showcase_watch7.png', sizingMethod='crop'); *background:none; }
#watch li.w8 { background:url(../images/showcase_watch8.png) no-repeat center;
*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/showcase_watch8.png', sizingMethod='crop'); *background:none; }
#content.products .mainvisual .mv2 { position: absolute; width: 190px; height: 396px; top: 110px; right: 30px; background: url(../images/product_mv2.png) no-repeat;
*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/product_mv2.png', sizingMethod='crop'); *background:none; }
#content.products .mainvisual .mv3 { position: absolute; width: 765px; height: 110px; bottom: 12px; right: 28px; background: url(../images/product_mv3.jpg) right bottom no-repeat; display: none;}
#content.products .mainvisual .mv3 p { position: absolute; top: 0; left: 54px; width: 220px; font-size: 13px; font-weight: bold; text-align: center; padding: 0;}
#content.products .gridbox li.twogrid { background: url(../images/mv_bg.jpg) no-repeat top center; overflow: hidden; }
#content.products .gridbox li.twogrid p { font-size: 18px; color: #575757; padding: 0 14px 0; text-align: justify; margin: 0; line-height: 24px; }
#content.products .gridbox li.twogrid p.section { font-size: 48px; line-height: 36px; padding: 25px 14px 15px; }
#content.products .gridbox li.twogrid p.section span { font-size: 36px; color: #808080;}
#content.news .newsbox { position: relative; width: 988px; height: 320px; background: #f4f4f4; margin-bottom: 14px; overflow: hidden;}
#content.news .newsbox li.textbox { width: 668px; height: 180px; overflow: hidden;}
#content.news .newsbox li.slidebox { width: 668px; height: 140px; background: #ddd;}
#content.news .newsbox li.slidebox img { width: 150px; height: auto; }
#content.news .newsbox li.slidebox span { display: block; padding: 18px 0 0 18px; width: 630px; overflow: hidden;}
#content.news .newsbox li.imagebox { width: 320px; height: 320px; float: right; display: block; overflow: hidden;}
#content.news .newsbox li.imagebox img { width: auto; height: 320px; margin: 0 0 0 -70px;}
#content.news .newsbox p { color: #575757; text-align: justify; padding: 0; margin: 0; padding: 0 14px 0;}
#content.news .newsbox p.title { font-size: 33px; padding-top: 30px;}
#content.news .newsbox p.date { font-size: 18px; color: #ff8015; padding: 4px 14px 14px 20px;}
#content.news .newsbox p.desc { font-size: 18px; padding-left: 20px; }
#content.news .newsbox li ul { padding: 0; margin: 0;}
#content.news .newsbox li.slidebox li { float: left; display: block; width: 150px; height: 98px; padding: 0; margin: 0 10px 0 0; overflow: hidden; }
#content.news .newsbox li.slidebox li span { display: block; width: 150px; height: 98px; background: #8c8c8c; line-height: 98px; text-align: center; color: #a5a5a5; padding: 0; margin: 0;}
#content.news .newsbox .nav1, #content.news .newsbox .nav2 { float: right; width: 40px; height: 16px; padding: 3px 14px 0 0;}
#content.news .newsbox .prev, #content.news .newsbox .next { float: left; display: block; width: 16px; height: 16px; background: url(../images/arrow.gif) no-repeat; }
#content.news .newsbox .prev { background-position: 0 0; margin-right: 8px;}
#content.news .newsbox .prev:hover {background-position: 0 -16px; }
#content.news .newsbox .next { background-position: -16px 0; }
#content.news .newsbox .next:hover { background-position: -16px -16px; }
#content.sales .mainvisual { height: 680px; }
#content.sales .mainvisual .btn_contact { width: auto; height: 42px; position: absolute; top: 36px; left: 730px; }
#content.sales .mainvisual .btn_contact a { display: block; font-size: 24px; line-height: 41px; color: #575757;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s; }
#content.sales .mainvisual .btn_contact a:hover { color: #ff8015;}
#content.sales .mainvisual .textbox { margin-bottom: 34px; }
#content.sales .mainvisual p { font-size: 18px; color: #575757; padding: 0 14px 0; text-align: justify; margin: 0; line-height: 24px; width: 620px; }
#content.sales .mainvisual p.section { font-size: 48px; line-height: 36px; padding: 25px 14px 15px; }
#content.sales .mainvisual p.section span { font-size: 36px; color: #808080;}
#content.sales .pos { position: relative; }
#content.sales .map { position: absolute; top: 0; left: 0; width: 988px; height: 480px; }
#content.sales .map.en { background: url(../images/map_en.png) no-repeat center; }
#content.sales .country { position: absolute; top: 0; left: 0; }
#content.sales .country li { position: absolute; cursor: pointer;}
#content.sales .country li .tooltip { position: absolute; width: 320px; height: 226px; cursor: default; display: none; }
#content.sales .country li .tooltip.t1 {background: url(../images/tooltip_bg1.png) no-repeat;
*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tooltip_bg1.png', sizingMethod='crop'); *background:none; }
#content.sales .country li .tooltip.t2 {background: url(../images/tooltip_bg2.png) no-repeat;
*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tooltip_bg2.png', sizingMethod='crop'); *background:none; }
#content.sales .country li .tooltip p { width: 308px; height: 212px; color: #fff; font-size: 13px; padding: 0; margin: 0; overflow: hidden; line-height: 16px; letter-spacing: 0.02em;}
#content.sales .country li .tooltip p span { display: block; padding: 45px 25px 0 27px; }
#content.sales .country li.us { width: 105px; height: 65px; top: 123px; left: 110px; }
#content.sales .country li.us .tooltip { top: 60px; left: -30px; }
#content.sales .country li.es { width: 28px; height: 31px; top: 139px; left: 407px; }
#content.sales .country li.es .tooltip { top: 26px; left: -70px; }
#content.sales .country li.fr { width: 50px; height: 11px; top: 124px; left: 412px; }
#content.sales .country li.fr .tooltip { top: 9px; left: -60px; }
#content.sales .country li.de { width: 27px; height: 6px; top: 114px; left: 451px; }
#content.sales .country li.de .tooltip { top: 5px; left: -75px; }
#content.sales .country li.id { width: 39px; height: 65px; top: 202px; left: 644px; }
#content.sales .country li.id .tooltip { top: 60px; left: -70px; }
#content.sales .country li.cn { width: 135px; height: 49px; top: 141px; left: 654px; }
#content.sales .country li.cn .tooltip { top: 44px; left: -15px; }
#content.sales .country li.kr { width: 13px; height: 19px; top: 162px; left: 793px; }
#content.sales .country li.kr .tooltip { top: 14px; left: -210px; }
#content.sales .country li.tw { width: 20px; height: 20px; top: 192px; left: 798px; }
#content.sales .country li.tw .tooltip { top: 15px; left: -212px; }
#content.sales .country li.jp { width: 27px; height: 36px; top: 146px; left: 816px; }
#content.sales .country li.jp .tooltip { top: 31px; left: -212px; }
#content.contact .mainvisual { height: 260px; margin-bottom: 0; }
#content.contact .mainvisual p { font-size: 18px; font-weight: bold; color: #575757; padding: 0 14px 0; text-align: justify; margin: 0; line-height: 24px; }
#content.contact .mainvisual p span { font-weight: normal; font-size: 16px; }
#content.contact .mainvisual p.section { font-size: 48px; line-height: 36px; padding: 25px 14px 15px; font-weight: normal; }
#content.contact .mainvisual p.section span { font-size: 36px; color: #808080;}
#content.services .mainvisual { height: 200px; margin-bottom: 0;; }
#content.services .mainvisual p { font-size: 18px; font-weight: bold; color: #575757; padding: 0 14px 0; text-align: justify; margin: 0; line-height: 24px; }
#content.services .mainvisual p.section { font-size: 48px; line-height: 36px; padding: 25px 14px 15px; font-weight: normal; }
#content.services .mainvisual p.section span { font-size: 36px; color: #808080;}
#content.services .mainvisual .btn_reg { width: auto; height: 42px; position: absolute; top: 120px; left: 670px; }
#content.services .mainvisual .btn_reg a { display: block; font-size: 24px; line-height: 41px; color: #575757;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s; }
#content.services .mainvisual .btn_reg a:hover { color: #ca4e1b;}
#content.sitemap .mainvisual { height: auto; padding-bottom: 20px; margin-bottom: 0; }
#content.sitemap .mainvisual p { font-size: 18px; font-weight: bold; color: #575757; padding: 0 14px 0; text-align: justify; margin: 0; line-height: 24px; }
#content.sitemap .mainvisual p.section { font-size: 48px; line-height: 36px; padding: 25px 14px 15px; font-weight: normal; }
#content.sitemap .mainvisual p.section span { font-size: 36px; color: #808080;}
#content.sitemap .mainvisual .sitelink { border-top: 1px dashed #9f9f9f; border-bottom: 1px dashed #9f9f9f; width: 974px; margin: 0 auto; font-size: 15px; font-weight: bold; letter-spacing: 1px; }
#content.sitemap .mainvisual .sitelink ul { margin: 0 0 0 200px; border-bottom: 1px dashed #9f9f9f; padding: 12px 0;}
#content.sitemap .mainvisual .sitelink ul.last{ border: none; }
#content.sitemap .mainvisual .sitelink a { color: #000; line-height: 26px;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s; }
#content.sitemap .mainvisual .sitelink a:hover { color: #ff8015; text-decoration: none; }
#content.login .mainvisual { height: auto; padding-bottom: 20px; margin-bottom: 0; }
#content.login .mainvisual p.section { font-size: 48px; line-height: 36px; padding: 25px 14px 15px; }
#content.login .mainvisual p.section span { font-size: 36px; color: #808080;}
#content.login .form_box { width: 960px; margin: 0 auto; border-top: 1px dashed #9f9f9f; border-bottom: 1px dashed #9f9f9f; font-size: 13px; color: #808080; text-align: left; padding: 0 0 15px;}
#content.login .form_box ul, #content.login .form_box li { float: left; }
#content.login .form_box .left { padding: 15px 0 0 0; width: 240px; }
#content.login .form_box .right { padding: 15px 15px 40px; width: 690px; background: url(../images/mv_bg.jpg) no-repeat; }
#content.login .form_login .left span { display: block; font-size: 36px; color: #b4c13a; padding: 0 0 2px; }
#content.login .form_reg .left span { display: block; font-size: 36px; color: #ff8015; padding: 0 0 2px; }
#content.login .form_box .title { font-size: 20px; font-weight: bold; color: #000; padding: 0 0 15px; }
#content.login .form_box .right ul { width: 690px; }
#content.login .form_box .form_login .inputfield { border-color: #ff8015; }
#content.login .form_box .form_login .username { width: 400px;}
#content.login .form_box .form_login .password { width: 270px; margin-left: 10px; }
#content.login .form_box .form_login .right ul.options { padding: 15px 0 0 0;}
#content.login .form_box .form_login .right ul.options li.box1 { width: 180px; }
#content.login .form_box .form_login .right ul.options li.box2 { width: 150px; }
#content.login .form_box .form_login .right ul.options li.box3 { width: 350px; }
#content.login .form_box .form_login .right ul.options li.box2 a { color: #808080;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
#content.login .form_box .form_login .right ul.options li.box2 a:hover { color: #ff8015; text-decoration: none;}
#content.login .form_box .form_login .btn_login a { float: right; width: 150px; height: 40px; line-height: 40px; background: #ff8015; color: #fff;}
#content.login .form_box .form_login .btn_login a:hover { background: #ff5d15; }
#content.login .form_box .form_reg .btn_signup a { float: right; width: 150px; height: 40px; line-height: 40px; background: #b4c13a; color: #fff;}
#content.login .form_box .form_reg .btn_signup a:hover { background: #90c13a; }
#content.login .form_box .form_reg .form_field { padding: 0 0 10px; }
#content.login .form_box .form_reg .form_field li { width: 680px; margin-bottom: 12px; }
#content.login .form_box .form_reg .right ul.options li { float: right; padding-right: 10px;}
#content.login .form_box .form_reg .inputfield { border-color: #b4c13a; width: 100%;}