@charset "utf-8"; /* CSS Document 서브페이지 */ #sub_page{ position:relative;margin:0 auto; width:90%; min-width:320px;height:auto;clear:both; max-width:1020px; padding-bottom:50px;} #sub_page h2, h3{font-weight:normal;} figure{padding:0; margin:0;} /* freeform 아이콘 공통 */ .f_icon_common{position:relative; clear:both; overflow:hidden;} .f_icon_common li{display:inline-block; margin-right:3px; margin-bottom:3px;} /* identity Logo */ #identity{ position:relative;margin:0 auto; max-width:966px; width:100%; min-width:320px;height:auto;clear:both; padding-bottom:30px } #identity h2{font-size:36px; color:#d57449; line-height:4.0em; border-bottom:1px solid #b6b6b6;} #identity h3{font-size:24px; line-height:3.0em; font-weight:100;} #identity .p1{font-size:14px; color:#6B6B6B; margin-top:30px;} #identity .p2{font-size:14px; color:#8a8a8a; padding-top:10px;} #identity_logo{position:relative; border-bottom:1px solid #b6b6b6; height:auto; padding-bottom:20px; overflow:hidden;} #identity_logo ul{margin-top:20px; } #identity_logo ul li{float:left; width:33%; line-height:5.0em; min-width: 150px;} #identity_logo ul li span{ margin-left:3%; font-size:14px; } #identity_logo_2{position:relative; height:auto; padding-bottom:20px; overflow:hidden;} #logo_width{float:left; margin-bottom:50px; margin-top:10px; margin-right:30px;} #logo_width_table{float:left; margin-bottom:40px; margin-top:-30px;} #logo_width_table table{border-collapse:collapse; } #logo_width_table table caption{line-height:3em; text-align:left; } #logo_width_table th{line-height:1.5em; padding:5px 14px 5px 14px; background: #f5f5f5; text-align:left; border-bottom:1px solid #dadada; border-right:1px solid #dadada; } #logo_width_table td{padding:5px 14px 5px 14px; border-bottom:1px solid #dadada; } #logo_width_table .line_hidden{border-bottom:none;} .logo_color{ position:relative; margin-top:20px; border:1px solid #bcbcbc; clear:both; height:auto; overflow:hidden; padding:28px 3%;} .logo_color .logo_color_img{float:left; line-height:1.5em; width:50%; max-width:473px;} .logo_color .logo_color_img img{width:100%; } .logo_color ul{float:right; line-height:1.5em; margin-top:2%; left:5%; } .logo_color ul strong{font-size:18px;} .logo_color ul li{float:left; line-height:1.5em; margin-left:30px;} #logo_black{ background:#000000; color:#FFFFFF;} /* History */ #history{position:relative;margin:0 auto; max-width:966px; width:100%; min-width:320px;height:auto;clear:both; padding-bottom:40px;} #history h2{font-size:36px; color:#d57449; line-height:4.0em; } #history h3{font-size:24px; line-height:3.0em; font-weight:100;border-top:1px solid #b6b6b6; } #history .p1{font-size:14px; color:#6B6B6B;} #history .p2{font-size:14px; color:#6B6B6B;} #history .p3{position:absolute; left:20%; font-size:18px; color:#010101; margin-top:-45px;} #history .p4{position:absolute; left:20%; font-size:14px; color:#6B6B6B; width:70%; line-height:1.5em; margin-top:-10px; } #history_brand{position:relative; padding-bottom:50px; } #history_brand figure{ position:relative; margin-top:15px; clear:both; height:auto; overflow:hidden;} #history_brand .history_content{ margin-top:40px;} #history_brand figure img{float:left;} #history_brand figure figcaption{ position:relative; margin-top:30px; } #history_brand figure figcaption p{ float:left;font-size:20px; font-weight:lighter; padding-left:20px;} #history_brand figure figcaption ul{ position:absolute; margin-top:40px;left:340px; font-size:13px; color:#6B6B6B; overflow:hidden; padding:20px 0; } #history_brand figure figcaption ul li{float:left; } #history_brand figure figcaption ul li span{position:relative; padding:0 10px;font-size:8px;top:-2px; } #history_year{position:relative; padding-bottom:50px; } #history_year figure{ position:relative; display:inline-block; height:150px; overflow:hidden; border-top:1px solid #dadada; padding:40px 0; width:49%; } #history_year .year_first{ margin-top:60px;} #history_year figure img{float:left;} #history_year figure figcaption{ float:left;position:relative; margin-top:20px; width:40%; margin-right:20px;} #history_year figure figcaption .year{ font-size:36px; font-weight:lighter; padding-left:20px; color:#f27d66; } #history_year figure figcaption .year_txt{font-size:14px; font-weight:lighter; padding-left:22px; color:#666666; margin-top:20px;} /* NASA */ #nasa{ position:relative;margin:0 auto; max-width:966px; width:100%; min-width:320px;height:auto;clear:both; padding-bottom:40px; } #nasa #nasa_img{width:100%;} #nasa h2{font-size:36px; color:#d57449; line-height:4.0em; border-bottom:1px solid #b6b6b6;} #nasa h3{font-size:24px; line-height:3.0em; font-weight:100;} #nasa .nasa_text{font-size:14px; color:#6B6B6B;} #nasa p{padding-bottom:20px;} #nasa figcaption{ font-size:12px; margin-top:30px; } #nasa figcaption li{line-height:1.5em;} #nasa figcaption li a{ color:#075783;} /* certificates*/ #certificates{position:relative;margin:0 auto; max-width:966px; width:100%; min-width:320px;height:auto;clear:both; padding-bottom:40px;overflow:hidden; } #certificates h2{font-size:36px; color:#d57449; padding-top:50px; padding-bottom:10px;} #certificates p{font-size:16px; color:#6B6B6B;} #certificates ul{width:103%; font-size:16px; margin-top:40px; overflow:hidden;} #certificates ul li{float:left;border:1px solid #dadada; width:30%; text-align:center; margin-right:3%; margin-bottom:3%; padding-bottom:30px;} #certificates ul li img{width:100%; } #certificates ul li div{ line-height:1.5em; color:#B4B4B4;} /* contact */ #contact{position:relative;margin:0 auto; max-width:966px; width:100%; min-width:320px;height:auto; clear:both; padding-bottom:40px; background:url(../images/sub_bg/contact_bg.jpg) top right no-repeat; } #contact h2{font-size:36px; color:#d57449; padding-top:50px; padding-bottom:10px;} #contact h3{font-size:24px;padding-top:20px;} #contact p{font-size:16px; color:#6B6B6B;} #contact article{position:relative; margin-top:50px; border-top:1px solid #b6b6b6;} #contact table{width:100%; border-collapse:collapse; margin-top:30px;} #contact table td{padding-bottom:10px; vertical-align:text-top;} #contact table th{text-align:left; padding-left:20px; width:50px; vertical-align:text-top;} #contact .tname{display:none} #contact .address{background:url(../images/sub_bg/map_icon.gif) left top no-repeat;} #contact .tel{background:url(../images/sub_bg/tel_icon.gif) left top no-repeat;} #contact .fax{background:url(../images/sub_bg/fax_icon.gif) left top no-repeat;} #contact .mail{background:url(../images/sub_bg/mail_icon.gif) left top no-repeat;} #contact .mail_link{margin-left:5px; display:none;} /* freeform */ #freeform{position:relative;margin:0 auto; max-width:966px; width:100%; min-width:320px;height:auto;clear:both; padding-bottom:40px;} #freeform h2{font-size:36px; color:#d57449; line-height:4.0em; } #freeform h2 span{font-size:20px; color:#6B6B6B;} #freeform figure{ position:relative; clear:both; height:auto; overflow:hidden; border-top:1px solid #b6b6b6; padding:70px 0; } #freeform img{float:left;} #freeform figcaption{ position:relative; margin-top:30px; } #freeform figcaption p{ float:left;font-size:20px; font-weight:lighter; padding-left:20px;} #freeform_1 figcaption ul{ position:absolute; margin-top:40px;left:46.5%; font-size:13px; color:#6B6B6B; overflow:hidden; padding:20px 0; width:50%;} #freeform_2 img{border:1px solid #dadada;} #freeform_2 figcaption ul{ position:absolute; margin-top:40px;left:46.5%; font-size:13px; color:#6B6B6B; overflow:hidden; padding:20px 0; width:50%;} #freeform_3 .free3_img_s{display:none;} #freeform_4 ul{position:relative; float:left; background:url(../images/sub_bg/freeform/free_dot.gif) right repeat-y; overflow:hidden; display:inline-block; width:67%;} #freeform_4 ul li{ float:left; padding-right:4%; width:46%;} #freeform_4 ul li div{position:relative; height:14px; display:block; clear:both; padding-top:10px;} #freeform_4 ul li div#free_text{color:#d57449; } #freeform_4 img{ width:100%;} #freeform_4 figcaption{ float:left; margin-top:80px; margin-left:2.5%; line-height:1.5em;} #freeform_icon{ border-top:1px solid #b6b6b6; overflow:hidden; } #freeform_icon h2{line-height:1.2em; padding-top:50px; } #freeform_icon p{font-size:20px; color:#6B6B6B; padding-top:10px;} #freeform_icon ul{width:100%; margin-top:20px; overflow:hidden; } #freeform_icon ul li{position:relative; float:left; width:300px; margin-top:20px; height:80px; margin-right:2%; } #freeform_icon ul li img{float:left; position:relative;} #freeform_icon ul li div{float:left; position:relative; margin-left:3%; width:230px; } #freeform_icon .f_icon h3{line-height:1em; padding-top:5px; padding-bottom:5px; font-size:14px;} #freeform_icon .f_icon p{margin:0; padding:0;font-size:12px; } /*quarts */ #quarts{position:relative;margin:0 auto; max-width:966px; width:100%; min-width:320px;height:auto;clear:both; padding-bottom:40px;} #quarts h2{font-size:36px; color:#d57449;padding-top:50px; padding-bottom:10px;} #quarts h2 span{font-size:20px; color:#6B6B6B;} #quarts .p1{font-size:18px; color:#515151; font-weight:lighter; padding:30px 0 15px;} #quarts article{ padding:20px 0 10px 0; border-top:1px solid #b6b6b6; overflow:hidden;} #quarts .quarts_top{padding:40px 0 ; } #quarts .quarts_top img{margin-right:10px;} #quarts .quarts_top div{position:absolute; z-index:1; width:530px; right:0; margin-top:-155px; padding:10px 0px 10px 0px; } #quarts .quarts_top h3{font-size:36px; font-weight:bold;} #quarts .quarts_top h3 span{font-size:20px; font-weight:lighter; } #quarts .quarts_top p{line-height:1.5em; color:#6B6B6B; padding-top:10px;} #quarts article .quarts_list{width:48%; float:left; background:url(../images/sub_bg/quarts/quarts_bg.jpg) left top no-repeat; padding:50px 0px 60px 10%; } #quarts article .last{padding-bottom:80px; } #quarts article .quarts_list h3{font-size:40px; font-weight:bold;} #quarts article .quarts_list h3 span{font-size:24px; font-weight:lighter; } #quarts article .quarts_list p{line-height:1.5em;padding-top:10px; width:480px; color:#6B6B6B; } #quarts article ul{width:395px; float:left; margin-top:10px; margin-left:1%;} #quarts article ul li{float:left; margin-left:40px; overflow:hidden; width:89px; height:120px; text-align:center; } #quarts article ul li div{ position:relative;width:89px; line-height:2em;} /* BlueCut */ #bluecut{position:relative;margin:0 auto; max-width:966px; width:100%; min-width:320px;height:auto;clear:both; padding-bottom:40px;} #bluecut h2{font-size:36px; color:#d57449; line-height:4.0em; } #bluecut h2 span{font-size:20px; color:#6B6B6B;} #bluecut h3{font-size:24px;} #bluecut article{ padding:60px 0; border-top:1px solid #b6b6b6; overflow:hidden;} #blue_1 h3{padding-left:1%; position:absolute; margin-top:40px;} #blue_1 p{ position:absolute; color:#6B6B6B; margin-top:80px; padding:15px 0 15px 10px; width:50%;} #blue_1 img{ float:right; } #blue_2 p{padding-top:10px; color:#6B6B6B;} #blue_2 .cut{ clear:both; margin-top:30px;} #blue_2 .cut_s{ clear:both; margin-top:30px; display:none; } #blue_2_list{ width:103%; overflow:hidden;} #blue_2_list li{float:left; margin-right:2.5%; margin-top:30px;} #blue_2_list li div{line-height:3em; text-align:center;} #blue_3_list{ width:103%; overflow:hidden;} #blue_3_list li{float:left; margin-right:3%; margin-top:30px;} #blue_3_list_s{display:none;} /* mirror_coating */ #mirror_coating{position:relative;margin:0 auto; max-width:966px; width:100%; min-width:320px;height:auto;clear:both; padding-bottom:40px;} #mirror_coating h2{font-size:36px; color:#d57449; padding-top:50px; padding-bottom:10px;} #mirror_coating h3{position:absolute; font-size:30px; padding-bottom:10px; margin-top:30px; margin-left:30px;} #mirror_coating p{font-size:16px; color:#6B6B6B;} #mirror_coating .p1{font-size:20px; color:#515151; font-weight:lighter; padding:30px 0 5px;} #mirror_coating .p2{font-size:14px; color:#6B6B6B; font-weight:lighter;} #mirror_coating .p2 span{color:#144a98; font-weight:bold;} #mirror_coating article{ background:url(../images/sub_bg/mirror/mirror_bg.jpg) left center no-repeat; overflow:hidden; margin-top:35px; } #mirror_coating ul{float:right; padding: 70px 0 50px; } #mirror_coating ul.mirror_line{background:url(../images/sub_bg/mirror/mirror_dot.gif) top center repeat-x; } #mirror_coating ul li{float:left; margin-right:20px; overflow:hidden;} #mirror_coating ul li div{text-align:center; line-height:3em; font-size:14px; } #mirror_coating .p_last{clear:both; font-size:14px; color:#8F0205; text-align:right; } /* tint */ #tint{position:relative;margin:0 auto; max-width:966px; width:100%; min-width:320px;height:auto;clear:both; padding-bottom:40px;} #tint h2{position:absolute; font-size:36px; color:#d57449; margin-top:50px;} #tint #p1{position:absolute; font-size:20px; color:#6B6B6B; margin-left:335px; margin-top:65px; font-weight:400;} #tint #p2{font-size:20px; margin-top:20px; float:left; margin-right:20px; } #tint ul{float:left; margin-top:15px; } #tint_lens{position:relative; clear:both; overflow:hidden; border-top:1px solid #dadada; margin-top:100px;} #tint_lens h3{font-size:24px; margin-top:30px; margin-right:15px;} #tint_lens h3 span{font-size:20px; color:#6B6B6B;} #tint_lens ul{width:100%;} #tint_lens ul li{float:left; overflow:hidden; margin:5% 3% 0%; width:100px; height:140px; text-align:center; } #tint_lens ul li div{line-height:3em;} #tint_color_chart{ position:relative; background:url(../images/sub_bg/tint/tint_color_bg.jpg) left 100px no-repeat; margin-top:50px; clear:both; overflow:hidden; border-top:1px solid #b6b6b6; } #tint_color_chart h3{font-size:24px; margin-top:30px; margin-right:15px;} #tint_color_chart h3 span{font-size:20px; color:#6B6B6B;} #tint_color_chart ul{ float:right; margin-top:60px; width:579px;} #tint_color_chart ul li{float:left; margin-left:15px; height:250px; width:178px;} #tint_color_chart ul li div{ line-height:3em; text-align:center;} #tint_color_chart ul li div img{ margin-top:-8px; margin-right:5px;} #tint_color_chart .p_last{position:relative; clear:both; font-size:14px; color:#8F0205; float:right; margin-top:30px;} /* product */ #product{position:relative;margin:0 auto; max-width:966px; overflow:hidden; width:100%; min-width:320px;height:auto;clear:both; padding-bottom:40px;} #product h2{font-size:36px; color:#d57449; line-height:4em; border-bottom:1px solid #b6b6b6;} #product figure{ position:relative; float:left; margin-top:50px; margin-right:0px;} #product figure.right{float:right;} #product figcaption{ float:left;border-right:1px solid #dadada; height:360px; } #product .p_bg{margin-top:15px;} #product figcaption ul{ font-size:17px; padding:20px 20px 20px 0; text-align:right; font-weight:lighter; width:185px; } #product figcaption ul li{ margin-top:10px; line-height:1em;} #product figcaption ul .p1{ font-size:40px; color:#bcbcbc; margin-top:0px; } #product figcaption ul .p2{ font-size:23px; color:#747474; margin:5px 0; padding-bottom:10px; } #product figcaption ul .p_img{ line-height:3em; float:none;text-align:right;} /* singlevision */ #singlevision{position:relative;margin:0 auto; max-width:966px; overflow:hidden; width:100%; min-width:320px;height:auto;clear:both; padding-bottom:40px;} #singlevision h2{font-size:36px; color:#d57449; padding-top:50px;} #singlevision p{font-size:18px; color:#6B6B6B; font-weight:400; } #singlevision span{color:#144a98; font-weight:bold; } #singlevision article{position:relative; border-top:1px solid #b6b6b6; margin-top:40px; padding-bottom:30px; overflow:hidden; } #singlevision article h3{font-size:24px; margin-top:25px; margin-bottom:10px; font-weight:100;} #singlevision article p{font-size:14px;} #singlevision figure{position:relative; margin-top:60px; overflow:hidden; } #singlevision figure img{float:left;} #singlevision figure figcaption{float:left; width: 30%; margin-left:6%; padding:7% 0;} #singlevision figure figcaption h4{border-top:1px solid #ACACAC; display:inline-block; font-size:30px; font-weight:lighter; line-height:2em;} #singlevision .mark{color: #044a77;} #singlevision figure figcaption p{font-size:18px;} #singlevision article p.p_last{float:right;} /* sph_asp */ #sph_asp{ position:relative;margin:0 auto; max-width:966px; overflow:hidden; width:100%; min-width:320px;height:auto; clear:both; padding-bottom:40px} #sph_asp h2{font-size:36px; color:#d57449; padding-top:50px;} #sph_asp h3{font-size:24px; padding-top:31px; padding-bottom:5px; font-weight:lighter; } #sph_asp p{font-size:18px; color:#6B6B6B; font-weight:400; line-height:1.2em;} #sph_asp article{position:relative; border-top:1px solid #b6b6b6; padding-bottom:30px; overflow:hidden;margin-top:40px } #sph_asp article p{font-size:15px; color: #144a98;} #sph_asp ul{overflow:hidden; margin-top:40px;} #sph_asp ul li{float:left; margin-right:4%;} #sph_asp ul li div{text-align:center; font-size:18px; line-height:3em;} #sph_asp .mark{color: #044a77;} #sph_asp .img_last{margin-top:40px; } /* super_vision */ #supervision{position:relative;margin:0 auto; max-width:966px; overflow:hidden; width:100%; min-width:320px;height:auto;clear:both; padding-bottom:40px;} #supervision h2{ font-size:36px; color:#d57449; padding-top:50px; padding-bottom:30px;} #supervision h2 span{font-size:18px; margin-left:20px; color:#6B6B6B;} #supervision .p1{font-size:20px; color:#515151; font-weight:lighter; padding:30px 0 5px;} #supervision .p2{font-size:14px; color:#6B6B6B; font-weight:lighter;} #supervision .p2 span{color:#144a98; font-weight:bold;} #supervision article{position:relative; border-top:1px solid #b6b6b6; overflow:hidden;margin-top:40px; padding-bottom:40px;} #supervision article h3{font-size:30px; line-height:3em; font-weight:lighter;} #supervision #super figure{padding:40px 0; height:auto; position:relative; overflow:hidden;} #supervision #super figure h3{font-size:30px; font-weight:lighter; padding-left:20px; margin-top:40px; display:inline-block; } #supervision #super figcaption {position:absolute; width:45%; font-size:13px; margin-top:-10px; padding:10px 10px 10px 20px; line-height:1.6em; color:#6b6b6b; } #supervision #super_1 img{float:right;} #supervision #super_2 figcaption{right:0;width:49%; } #supervision #super_2 img{float:left;} #supervision .super_point{position:relative; width:110%; overflow:hidden; } #supervision .super_point figure {position:relative;float:left; margin-right:4%; width:auto;} #supervision .super_point img{width:auto;} #supervision .super_point figcaption{position:relative; clear:both; } #supervision .super_point figcaption h4{display:inline-block;font-size:24px;line-height:3em; border-top:1px solid #ACACAC; font-weight:lighter;} #supervision .super_point p{display:none; font-size:24px; line-height:3em; margin-left:5%; border-top:1px solid #ACACAC; font-weight:lighter;} #supervision .super_f_s{display:none;} #supervision .mark{color:#436794;} #supervision #super .super_f_s .p_s{color:#06508e; font-size:20px; padding-top:20px;} #supervision #super .super_f_s .p_s2{font-size:14px; padding-top:10px;} /*supervision_sun */ #supervision_sun{position:relative;margin:0 auto; max-width:966px; overflow:hidden; width:100%; min-width:320px;height:auto;clear:both; padding-bottom:40px;} #supervision_sun h2{ font-size:36px; color:#d57449; padding:50px 0 30px 0; } #supervision_sun h2 span{font-size:18px; margin-left:20px; color:#6B6B6B;} #supervision_sun .p1{font-size:20px; color:#515151; font-weight:lighter; padding:30px 0 5px;} #supervision_sun .p2{font-size:16px; color:#515151; float:right;} #supervision_sun .sun_ul{position:relative; clear:both; overflow:hidden; color:#6B6B6B;} #supervision_sun .sun_ul li{float:left; margin-right:20px; font-size:14px; font-weight:lighter;} #supervision_sun .sun_ul li span{color:#144a98; font-weight:bold;} #supervision_sun article{position:relative; border-top:1px solid #b6b6b6; overflow:hidden;margin-top:40px;} #supervision_sun article h3{font-size:30px; line-height:3em; font-weight:lighter;} #supervision_sun article p{font-size:16px; color:#6B6B6B; } #supervision_sun figure{padding:40px 0 0 0; height:auto; position:relative; overflow:hidden;} #supervision_sun figure h3{font-size:30px; font-weight:lighter; margin-top:40px; position:absolute;} #supervision_sun figcaption {position:absolute; width:430px; font-size:13px; margin-top:130px; padding:10px 0px; line-height:1.6em;color:#6b6b6b; } #supervision_sun figure .sun_img0{float:right; margin:0; padding:0; } #supervision_sun figure p{ position:relative; float:left; font-size:16px; color:#6B6B6B; top:-50px; clear:both; display:inline-block;} #supervision_sun .sun_img1{margin:20px 0 10px 0; width:auto;} /* progressive */ #progressive{position:relative;margin:0 auto; max-width:966px; overflow:hidden; width:100%; min-width:320px;height:auto;clear:both; padding-bottom:40px;} #progressive h2{ font-size:36px; color:#d57449; padding-top:50px;} #progressive h3{font-size:30px; padding:20px 0 10px 0; } #progressive .p1{font-size:18px; color:#6B6B6B;} #progressive .p2{font-size:18px; color:#515151; margin-top:20px;} #progressive article{position:relative; border-top:1px solid #b6b6b6; overflow:hidden;margin-top:40px; padding:40px 0;} #progressive figure{display:none;} #progressive ul{position:relative; left:30px; list-style-type:disc; } #progressive ul li{font-size:18px; color:#808080; line-height:1.5em;} #progressive table{width:100%; border-collapse:collapse; margin-top:30px; font-size:18px; line-height:2em; display:none;} #progressive table th{text-align:left; padding-left:1%; color:#FFFFFF; background:#908782; border:1px solid #dadada; } #progressive table td{padding-left:5%; border:1px solid #dadada; } #progressive .mark{color:#144a98;} /* smart */ #smart{position:relative;margin:0 auto; max-width:966px; overflow:hidden; width:100%; min-width:320px;height:auto;clear:both; padding-bottom:40px;} #smart h2{ font-size:36px; color:#d57449; padding-top:50px;} #smart #hp{font-size:18px;color:#6B6B6B; padding-bottom:30px;} #smart .p1{font-size:18px; color:#515151; padding:30px 0 5px;} #smart .p2{font-size:16px; color:#6b6b6b; line-height:1.5em;} #smart .smart_ul{position:relative; clear:both; overflow:hidden;} #smart .smart_ul li{float:left; margin-right:20px; font-size:14px; font-weight:lighter; color:#6B6B6B;} #smart .smart_ul li span{color:#144a98; font-weight:bold;} #smart article{position:relative; border-top:1px solid #b6b6b6; overflow:hidden;margin-top:40px; padding:40px 0 0;} #smart article h3{font-size:30px; font-weight:lighter;} #smart figure{position:relative; overflow:hidden;} #smart figcaption{position:absolute; font-size:13px;padding:10px 0px ; color:#6b6b6b; left:47%; } #smart figcaption li{margin-top:7px;} #smart .h3_s1{position:absolute; left:47%; margin-top:60px;} #smart .f_s1{margin-top: -130px; } #smart .h3_s2{position:absolute; left:47%; margin-top:50px; } #smart .f_s2{ margin-top:-105px; } #smart .h3_s3{position:absolute; left:47%; margin-top:10px; } #smart .f_s3{ margin-top:-180px; } #smart .smart_ul2{position:relative; clear:both; width:105%; overflow:hidden;margin-top:30px; } #smart .smart_ul2 li{float:left; margin-right:5.5%;} #smart .smart_ul2 li div{text-align:center; font-size:18px; line-height:3em;} #smart .mark{color:#144a98;} /* dream */ #dream{position:relative;margin:0 auto; max-width:966px; overflow:hidden; width:100%; min-width:320px;height:auto;clear:both; padding-bottom:40px;} #dream h2{ font-size:36px; color:#d57449; padding-top:50px;} #dream #hp{font-size:18px;color:#6B6B6B; padding-bottom:30px;} #dream .dream_icon_s{display:none;} #dream .p1{font-size:18px; color:#515151; padding:30px 0 5px;} #dream .p2{font-size:16px; color:#6b6b6b; line-height:1.5em;} #dream .dream_ul{position:relative; clear:both; overflow:hidden;} #dream .dream_ul li{float:left; margin-right:20px; font-size:14px; font-weight:lighter; color:#6B6B6B;} #dream .dream_ul li span{color:#144a98; font-weight:bold;} #dream article{position:relative; border-top:1px solid #b6b6b6; overflow:hidden;margin-top:40px; padding:40px 0 0;} #dream article h3{font-size:30px; font-weight:lighter;} #dream figure{position:relative; overflow:hidden;} #dream figcaption{position:absolute; width:53%; font-size:13px; padding:10px 0px; color:#6b6b6b; right:0; } #dream figcaption li{margin-top:7px;} #dream .h3_s1{position:absolute; left:47%; margin-top:20px;} #dream .f_s1{ margin-top:-180px; } #dream .h3_s2{position:absolute; left:47%; } #dream .f_s2{ margin-top:-165px; } #dream .dream_ul2{position:relative; clear:both; width:105%; overflow:hidden;margin-top:30px; } #dream .dream_ul2 li{float:left; margin-right:5.5%;} #dream .dream_ul2 li div{text-align:center; font-size:18px; line-height:3em;} #dream .mark{color:#144a98;} /* absolute */ #absolute{position:relative;margin:0 auto; max-width:966px; overflow:hidden; width:100%; min-width:320px;height:auto;clear:both; padding-bottom:40px;} #absolute h2{ font-size:36px; color:#d57449; padding-top:50px; } #absolute #hp{font-size:18px; color:#6B6B6B; padding-bottom:30px;} #absolute .p1{font-size:18px; color:#515151; padding:30px 0 5px;} #absolute .p2{font-size:16px; color:#6b6b6b; line-height:1.5em;} #absolute .absolute_ul{position:relative; clear:both; overflow:hidden;} #absolute .absolute_ul li{float:left; margin-right:20px; font-size:14px; font-weight:lighter; color:#6B6B6B;} #absolute .absolute_ul li span{color:#144a98; font-weight:bold;} #absolute article{position:relative; border-top:1px solid #b6b6b6; overflow:hidden;margin-top:40px; padding:40px 0 0;} #absolute article h3{font-size:30px; font-weight:lighter;} #absolute .absolute_img{margin-top:30px;} #absolute .absolute_img_s{display:none;} #absolute figure{position:relative; overflow:hidden;} #absolute figcaption{position:absolute; width:53%; font-size:13px; padding:10px 0px; color:#6b6b6b; right:0; } #absolute figcaption li{margin-top:7px;} #absolute .h3_s1{position:absolute; left:47%; margin-top:30px; } #absolute .f_s1{ margin-top:-150px; } #absolute .h3_s2{position:absolute; left:47%; margin-top:10px;} #absolute .f_s2{ margin-top:-195px; } #absolute .absolute_ul2{position:absolute; left:47%; overflow:hidden;margin-top:-95px; color:#474747; } #absolute .absolute_ul2 li{margin-top:3px;} #absolute .absolute_ul2 li span{margin:0px 20px; } #absolute .absolute_ul3{position:relative; clear:both; width:105%; overflow:hidden;margin-top:30px; } #absolute .absolute_ul3 li{float:left; margin-right:5.5%;} #absolute .absolute_ul3 li div{text-align:center; font-size:18px; line-height:3em;} #absolute .mark{color:#144a98;} /* function */ #function{position:relative;margin:0 auto; max-width:966px; overflow:hidden; width:100%; min-width:320px;height:auto;clear:both; padding-bottom:40px;} #function h2{ font-size:36px; color:#d57449; padding-top:50px; } #function p{font-size:18px; color:#6B6B6B;} #function article{position:relative; border-top:1px solid #b6b6b6; overflow:hidden;margin-top:40px; padding:40px 0 ;} #function article h3{display:none; } #function article p{display:none;} #function .function_img_s{display:none;} /* office */ #office{position:relative;margin:0 auto; max-width:966px; overflow:hidden; width:100%; min-width:320px;height:auto;clear:both; padding-bottom:40px;} #office h2{ font-size:36px; color:#d57449; padding-top:50px; } #office .p1{font-size:18px; color:#6B6B6B; padding-bottom:30px;} #office .p2{font-size:18px; color:#6B6B6B; padding-top:30px; padding-bottom:10px;} #office .office_ul{position:relative; clear:both; overflow:hidden;} #office .office_ul li{float:left; margin-right:20px; font-size:14px; font-weight:lighter; color:#6B6B6B;} #office .office_ul li span{color:#144a98; font-weight:bold;} #office article{position:relative; border-top:1px solid #b6b6b6; overflow:hidden;margin-top:40px; padding:40px 0 0 ;} #office article h3{font-size:30px; font-weight:lighter;} #office figure{position:relative; overflow:hidden;} #office figcaption{position:absolute; width:53%; font-size:14px; padding:10px 0px; color:#6b6b6b; right:0; line-height:1.5em;} #office figcaption ul{position:relative; overflow:hidden; font-size:13px; color:#9F9F9F; margin-top:10px;} #office .office_img_s{display:none;} #office .h3_s{position:absolute; left:47%; margin-top:10px; } #office .f_s{ margin-top:-180px; } /* relivue */ #relivue{position:relative;margin:0 auto; max-width:966px; overflow:hidden; width:100%; min-width:320px;height:auto;clear:both; padding-bottom:40px;} #relivue h2{ font-size:36px; color:#d57449; padding-top:50px; } #relivue .p1{font-size:18px; color:#6B6B6B; padding-bottom:30px;} #relivue .p2{font-size:18px; color:#6B6B6B; padding-top:30px; padding-bottom:10px;} #relivue .relivue_ul{position:relative; clear:both; overflow:hidden;} #relivue .relivue_ul li{float:left; margin-right:20px; font-size:14px; font-weight:lighter; color:#6B6B6B;} #relivue .relivue_ul li span{color:#144a98; font-weight:bold;} #relivue article{position:relative; border-top:1px solid #b6b6b6; overflow:hidden;margin-top:40px; padding:40px 0 0 ;} #relivue article h3{font-size:30px; font-weight:lighter;} #relivue figure{position:relative; overflow:hidden;} #relivue figcaption{position:absolute; width:53%; font-size:14px; padding:10px 0px; color:#6b6b6b; right:0; line-height:1.5em;} #relivue figcaption ul{position:relative; overflow:hidden; font-size:13px; color:#9F9F9F; margin-top:10px;} #relivue .relivue_img_s{display:none;} #relivue .h3_s1{position:absolute; left:47%; margin-top:10px; } #relivue .f_s1{ margin-top:-150px; } #relivue .h3_s2{position:absolute; margin-top:10px; } #relivue .f_s2{ margin-top:100px; left:0; padding:10px 0px; width:52%;} #relivue .relivue_img_top2{ float:right;} #relivue .relivue_img{margin-top:5%; } #relivue #relivue_ul_2{overflow:hidden; margin-top:30px;} #relivue #relivue_ul_2 li{float:left; margin-right:4.5%; margin-bottom:30px;} /* junior */ #junior{position:relative;margin:0 auto; max-width:966px; overflow:hidden; width:100%; min-width:320px;height:auto;clear:both; padding-bottom:40px;} #junior h2{ font-size:36px; color:#d57449; padding-top:50px; } #junior .p1{font-size:18px; color:#6B6B6B; padding-bottom:30px;} #junior .p2{font-size:18px; color:#6B6B6B; padding-top:30px; padding-bottom:10px;} #junior .p3{font-size:14px; color:#6B6B6B; margin-top:10px; clear:both; display:none;} #junior .p4{font-size:22px; color:#414141;} #junior .p5{font-size:14px; margin-top:20px;} #junior .junior_ul{position:relative; clear:both; overflow:hidden;} #junior .junior_ul li{float:left; margin-right:20px; font-size:14px; font-weight:lighter; color:#6B6B6B;} #junior .junior_ul li span{color:#144a98; font-weight:bold;} #junior article{position:relative; border-top:1px solid #b6b6b6; overflow:hidden;margin-top:40px; padding:40px 0 0 ;} #junior article h3{font-size:30px; font-weight:lighter;} #junior figure{position:relative; overflow:hidden;} #junior figcaption{position:absolute; width:53%; font-size:14px; padding:10px 0px; color:#6b6b6b; right:0; line-height:1.5em;} #junior figcaption ul{position:relative; overflow:hidden; font-size:13px; color:#9F9F9F; margin-top:10px;} #junior .junior_img_s{display:none;} #junior .h3_s{position:absolute; left:47%; margin-top:10px; } #junior .f_s{ margin-top:-180px; } #junior .f_s ul{position:relative; line-height:1.2em; max-width:390px; color:#6b6b6b; font-size:14px; } #junior .f_s ul li{margin-bottom:10px;} #junior .junior_img{margin-top:3%; } #junior #f_center figure{position:relative;margin-top:5%; clear:both; overflow:hidden; border-top:1px solid #dadada;} #junior #f_center figure img{position:relative; float:left; margin-right:10px;} #junior #f_center figure figcaption{position:relative; float:left; width:200px; padding:15px 0 0 10px; border:none; border-top:1px solid #8d95ee;} /*special_transitions */ #transitions{position:relative;margin:0 auto; max-width:966px; overflow:hidden; width:100%; min-width:320px;height:auto;clear:both; padding-bottom:40px;} #transitions h2{ font-size:36px; color:#d57449; padding:50px 0 30px; } #transitions h2 span{font-size:18px; margin-left:10px; color:#6B6B6B;} #transitions p{font-size:18px; color:#6B6B6B; padding-bottom:10px;} #transitions ul{overflow:hidden; } #transitions ul li{float:left; font-size:14px; } #transitions ul li span{width:1px; height:10px; margin:5px 20px 0 20px; background:#515050; float:right; } #transitions .transitions_img{margin-top:4%; border-top:1px solid #b6b6b6; padding-top:5%;} #transitions .transitions_img_s{margin-top:4%; display:none; } /*special_polraized */ #polraized{position:relative;margin:0 auto; max-width:966px; overflow:hidden; width:100%; min-width:320px;height:auto;clear:both; padding-bottom:40px;} #polraized h2{ font-size:36px; color:#d57449; padding:50px 0 30px; } #polraized h2 span{font-size:18px; margin-left:10px; color:#6B6B6B;} #polraized p{font-size:18px; color:#6B6B6B; padding-bottom:10px;} #polraized #polraized_ul_0{overflow:hidden; } #polraized #polraized_ul_0 li{float:left; font-size:14px; } #polraized #polraized_ul_0 li span{width:1px; height:10px; margin:5px 20px 0 20px; background:#515050; float:right; } #polraized #polraized_ul_1{position:relative; overflow:hidden; margin-top:30px;padding-top:50px; border-top:1px solid #b6b6b6; width:105%;} #polraized #polraized_ul_1 li{float:left; margin-right:4.5%; font-size:24px;} #polraized #polraized_ul_1 .top p{position:absolute; padding:5px 30px; display:inline-block; border:1px solid #b6b6b6; background:#FFFFFF; margin-top:-20px; margin-left:10px; color:#000000;} #polraized #polraized_ul_1 .top_s{ text-align:center; font-size:20px; line-height:2em; display:none;} #polraized #polraized_ul_1 li .top .mark{color:#144a98;} #polraized .mark{color:#144a98;} /*sports */ #sports{position:relative;margin:0 auto; max-width:966px; overflow:hidden; width:100%; min-width:320px;height:auto;clear:both; padding-bottom:40px;} #sports h2{ font-size:36px; color:#d57449; padding-top:50px; } #sports .p1{font-size:18px; color:#6B6B6B; padding-bottom:10px;} #sports .p2{font-size:18px; color:#6B6B6B; display:none;} #sports figure{font-size:36px; color:#313131; text-align:center; margin-top:10%;} /*technology */ #technology{position:relative;margin:0 auto; max-width:966px; overflow:hidden; width:100%; min-width:320px;height:auto;clear:both; padding-bottom:40px;} #technology h2{ font-size:36px; color:#d57449; padding-top:50px; } #technology h2 span{ font-size:18px; color:#6b6b6b; margin-left:20px;} #technology p{font-size:18px; color:#6B6B6B; padding-bottom:10px;} #technology article{position:relative; overflow:hidden;margin-top:30px; padding:40px 0 ;} #technology article h3{font-size:30px; line-height:1em; font-weight:bold;} #technology article h3 span{font-size:14px; color:#6b6b6b; margin-left:5px;} #technology figure{position:relative; overflow:hidden; } #technology #wlt_content_0{ border-top:1px solid #b6b6b6;} #technology #wlt_content_0 p{position:absolute; margin-top:120px; left:50px; font-size:22px; color:#4E4E4E; } #technology #wlt_content_0 figure{ padding-bottom:100px;} #technology #wlt_content_0 figure figcaption{position:absolute; margin-top:170px; padding:15px 50px 10px 50px;} #technology #wlt_content_0 figure ul{position:relative; line-height:1.5em; max-width:420px; color:#6b6b6b; font-size:14px; } #technology #wlt_content_0 figure ul li{margin-bottom:10px;} #technology #wlt_content_0 figure img{float:right; } #technology #wlt_content_1 p{position:absolute; margin-top:30px; left:560px; font-size:24px; color:#4E4E4E; } #technology #wlt_content_1 figure{padding-bottom:100px;} #technology #wlt_content_1 figure figcaption{position:absolute; right:0; margin-top:80px;padding:15px 50px 10px 50px;} #technology #wlt_content_1 figure ul{position:relative; line-height:1.2em; max-width:350px; color:#6b6b6b; font-size:14px; } #technology #wlt_content_1 figure ul li{margin-bottom:10px;} #technology #wlt_ul{position:relative; text-align:center; overflow:hidden; } #technology #wlt_ul li{ font-size:20px; padding:10px 30px; } #technology #wlt_ul .wlt_li_0{float:left; margin-left:15%; } #technology #wlt_ul .wlt_li_1{float:right; margin-right:15%; color:#144a98;} #technology #wlt_content_2{ border-top:1px solid #b6b6b6;} #technology #wlt_content_2 h3{display:none;} #technology #wlt_content_2 img{margin-top:30px;} #technology #wlt_content_2 .wlt_img_5_s0{display:none;} #technology #wlt_content_2 .wlt_img_5_s1{display:none;} #technology #wlt_content_2 div{position:relative; overflow:hidden; margin-top:50px; } #technology #wlt_content_2 div#wlt_data_1 h3{color:#144a98;} #technology table{width:100%; border-collapse:collapse; margin-top:30px; text-align:center; display:none;} #technology table caption{font-size:18px; color:#000000; line-height:2em; border-top:2px solid #000000; border-bottom:1px solid #000000;} #technology table th{font-size:16px; line-height:2em;} #technology table td{font-size:14px; line-height:2em;} #technology .bar{ border-top:1px solid #b6b6b6;} #technology .technology h3{position:absolute; font-weight:bold; line-height:1em; margin-left:10px; margin-top:20px; } #technology .technology span{font-size:14px; color:#6b6b6b; margin-left:5px;} #technology .technology figcaption{position:absolute; width:45%; color:#6b6b6b; margin-top: 100px; font-size:14px; padding:20px 15px 100px; } #technology .technology figure img{float:right; } /* lens */ #lens{position:relative;margin:0 auto; max-width:966px; overflow:hidden; width:100%; min-width:320px;height:auto;clear:both; padding-bottom:40px; margin-top:5%;} #tab{position:relative; overflow:hidden; text-align:center; z-index:1; top:1px;} #tab li{width:17%; background:#f6f6f6; border-top:1px solid #dadada; border-left:1px solid #dadada; font-size:16px; float:left; color:#6e6e6e; line-height:2em; cursor:pointer; } #tab li.last{border-right:1px solid #dadada;} #tab li.on{border-top:2px solid #d5764c;border-left:1px solid #d5764c; border-right:1px solid #d5764c; border-bottom:1px solid #FFFFFF; background:#FFFFFF; z-index:1; } #tab li.on_left{ border-right:none; } #tab li.on_right{ border-left:none; } #lens_content{position:relative; overflow:hidden; border-top:1px solid #d5764c; } /* nxt */ #nxt{position:relative;margin:0 auto; max-width:966px; overflow:hidden; width:100%; min-width:320px;height:auto;clear:both; padding-bottom:40px;} #nxt h2{ font-size:36px; color:#d57449; padding:50px 0 30px; } #nxt h3{ font-size:30px; font-weight:lighter; } #nxt p{font-size:18px; color:#6B6B6B; padding-bottom:10px;display:inline-block; float:left; max-width:425px; } #nxt ul{clear:both; overflow:hidden;} #nxt .nxt_logo{float:right; margin-top:-60px;} #nxt #nxt_ul_0 li{display:inline-block; margin-right:20px; font-size:14px; font-weight:lighter; color:#6B6B6B; } #nxt #nxt_ul_0 li span{font-weight:bold;color:#144a98; } #nxt article{position:relative; overflow:hidden;margin-top:40px; padding:40px 0 0; border-top:1px solid #b6b6b6;} #nxt .nxt_img_0s{display:none;} #nxt .nxt_img_0{margin-right:15px;} #nxt .nxt_img_1{position:absolute; z-index:1; margin-top:160px;} #nxt #nxt_ul_1{position:absolute; padding:10px 0 130px 30px; width:635px; right:0; font-size:15px; line-height:2em;color:#6b6b6b; margin-top:-260px; } #nxt #nxt_ul_2{ float:right; text-align:center; font-size:15px; line-height:2em;color:#6b6b6b; margin:60px 0 10px; } #nxt #nxt_ul_2 li{ float:left; } #nxt #nxt_ul_3{float:left; padding:30px 0 30px 30px; width:550px; margin-top:-195px; font-size:15px; line-height:2em;color:#6b6b6b;} #nxt .ps{position:relative; clear:both; float:right; font-size:14px; display:block; color:#515151;} #nxt #polvation_ul_4{overflow:hidden; margin-top:30px; width:107%;} #nxt #polvation_ul_4 li{float:left;margin-right:60px; margin-bottom:40px;} #nxt #polvation_ul_4 li div{text-align:center; font-size:16px; line-height:3em;} /* polvation */ #polvation{position:relative;margin:0 auto; max-width:966px; overflow:hidden; width:100%; min-width:320px;height:auto;clear:both; padding-bottom:40px;} #polvation h2{font-size:36px; color:#d57449; padding:50px 0 30px; } #polvation .p1{font-size:18px; color:#6B6B6B; padding-bottom:10px;display:inline-block; float:left} #polvation .polvation_logo{float:right; margin-top:-60px; margin-bottom:30px;} #polvation article{position:relative; overflow:hidden;margin-top:40px; padding:40px 0 0; border-top:1px solid #b6b6b6; clear:both;} #polvation .polvation_0s{display:none;} #polvation .polvation_0{float:left} #polvation #polvation_ul_0{position:absolute; margin-top:120px; left:40%; font-size:18px; color:#6b6b6b; } #polvation #polvation_ul_0 li{margin-bottom:5px;} #polvation #polvation_ul_1{float:left; margin-left:10px; } #polvation #polvation_ul_1 li{float:left; margin-right:10px; } #polvation #polvation_ul_2{float:left; margin-top:40px; } #polvation #polvation_ul_2 li{float:left; margin-right:10px; } #polvation #polvation_ul_3{position:absolute; font-size:15px; color:#6b6b6b; right:0; padding: 20px 0 15px 60px; margin-top:230px; width:560px; } #polvation #polvation_ul_3 li{margin-bottom:5px; } #polvation h3{font-size:30px; font-weight:lighter;} #polvation #h3_ul li{float:left; margin-right:10px; } #polvation #polvation_chart{position:relative; overflow:hidden; clear:both; margin-top:80px; border-top:2px solid #000000;;} #polvation #chart_title{position:relative; line-height:4em; font-size:15px; text-align:center; overflow:hidden; clear:both; width:100%;} #polvation #chart_title li{float:left;} #polvation #chart_title li.t_0{width:226px;} #polvation #chart_title li.t_1{width:326px;} #polvation #chart_title li.t_2{width:86px;} #polvation #chart_title li.t_3{width:114px;} #polvation #chart_title li.t_4{width:200px;} #polvation .chart_list {position:relative; overflow:hidden; border-top:1px solid #dadada; padding:20px 0; } #polvation .title_s{color:#FFFFFF; background:#000000; display:none; width:80px; text-align:center;} #polvation .list_0{ width:226px; float:left; height:100px; vertical-align:baseline;} #polvation .list_0 ul{margin-top:20px;} #polvation .list_0 li{float:left; margin-right:10px;} #polvation .list_0 li.list_0_s{ margin-top:20px;} #polvation .list_1{ width:326px; float:left; height:100px;} #polvation .list_1 p{font-size:14px; color:#555555; padding:0 30px; margin-top:30px;} #polvation .list_1 p.list_p{margin-top:40px;} #polvation .list_2{ width:86px; float:left; height:100px; text-align:center;} #polvation .list_2 img{margin-top:30px;} #polvation .list_3{ width:114px; float:left; height:100px;text-align:center;} #polvation .list_3 p{margin-top:40px; font-size:16px;} #polvation .list_4{ width:200px; float:left; height:100px;} #polvation .list_4 .polvation_b_s{display:none;} #polvation #polvation_ul_4{overflow:hidden; margin-top:30px; width:107%;} #polvation #polvation_ul_4 li{float:left;margin-right:60px; margin-bottom:40px;} #polvation #polvation_ul_4 li div{text-align:center; font-size:16px; line-height:3em;} /* sports_polarized */ #sports_polarized{position:relative;margin:0 auto; max-width:966px; overflow:hidden; width:100%; min-width:320px;height:auto;clear:both; padding-bottom:40px;} #sports_polarized h2{font-size:36px; color:#d57449; padding-top:50px; } #sports_polarized .p1{font-size:18px; color:#6B6B6B; } #sports_polarized .p2{display:none; color:#515151; } #sports_polarized .sports_polarized_s{display:none;} #sports_polarized ul{overflow:hidden; width:101%; margin-top:30px;} #sports_polarized ul li{float:left; margin-right:8px;} #sports_polarized ul li div{text-align:center; line-height:3em; font-size:16px;} #sports_polarized .mark{color:#144a98} #sports_polarized article{position:relative; overflow:hidden;margin-top:40px; padding:40px 0 0; border-top:1px solid #b6b6b6; clear:both;} /* photocromics */ #photochromics{position:relative;margin:0 auto; max-width:966px; overflow:hidden; width:100%; min-width:320px;height:auto;clear:both; padding-bottom:40px;} #photochromics h2{font-size:36px; color:#d57449; padding-top:50px; } #photochromics p{font-size:18px; color:#6B6B6B; } #photochromics .p1{margin-top:10px; } #photochromics article{position:relative; overflow:hidden;margin-top:40px; padding:40px 0 0; border-top:1px solid #b6b6b6; clear:both;} #photochromics ul{ position:relative; margin:0 auto; overflow:hidden;width:97%;} #photochromics ul li{display:inline-block; margin-right:2%;} #photochromics ul li.last{margin-right:0;} /* drivewear */ #drivewear{position:relative;margin:0 auto; max-width:966px; overflow:hidden; width:100%; min-width:320px;height:auto;clear:both; padding-bottom:40px;} #drivewear h2{font-size:36px; color:#d57449; padding:50px 0 30px; } #drivewear h3{font-size:30px; font-weight:lighter;} #drivewear p{font-size:18px; color:#6B6B6B; padding-bottom:10px;} #drivewear .p2{padding-right:46%;} #drivewear figure{margin-top:100px;} #drivewear figcaption{position:absolute; margin-top:-240px; right:0; width:400px; padding:20px 0; } #drivewear figcaption ul{margin-left:30px; font-size:14px; color:#424242;} #drivewear figcaption ul li{margin-top:5px;} #drivewear figcaption ul li span{margin-left:12px;} #drivewear .drivewear_logo{position:absolute; right:0; margin-top:-180px;} #drivewear article{position:relative; overflow:hidden;margin-top:40px; padding:40px 0; border-top:1px solid #b6b6b6; clear:both;} #drivewear #drivewear_technology h3 span{position:relative;top:20px; margin-left:10px; } #drivewear #drivewear_technology h4{font-size:24px; font-weight:bold; color:#000000; margin-bottom:5px;} #drivewear #drivewear_technology h4 span{font-size:16px; font-weight:lighter; color:#474747; } #drivewear #drivewear_technology figure{position:relative; margin-top:50px; margin-right:2%; width:31%; vertical-align:top; max-height:420px; display:inline-block;} #drivewear #drivewear_technology figure img{width:100%; } #drivewear #drivewear_technology figcaption{position:relative; width:98%; margin:0; padding:0; margin-top:10px; } #drivewear #drivewear_technology ul{margin:0; padding:0; padding-left:15px; list-style:square;} #drivewear #drivewear_technology ul li{width:98%; font-size:12px; color:#6b6b6b; } #drivewear #nupolar h3{position:absolute; margin-top:30px; margin-left:30px; } #drivewear #nupolar p{position:absolute;width:300px; margin-top:80px; padding:20px 30px; line-height:2em; font-size:14px; color:#424242; } #drivewear #nupolar img{float:right;} /* Catch the light */ #catch_the_light{position:relative;max-width:1000px; margin:0 auto; padding-bottom:50px;} .video-container {position: relative; padding-top:30px; margin:0 auto; max-width:640px; height:400px; clear:both; } .video-container figcaption{font-size:14px; text-align:center; line-height:3.0em; } .video-container iframe,.video-container object,.video-container embed{ clear:both; width: 100%; height: 100%;} @media screen and (max-width: 1348px){ /* quarts */ #quarts article .quarts_list{padding-left:8%;} /* product */ #product figure{ position:relative; float:left; margin-top:50px; margin-right:10px;} } @media screen and (max-width: 1140px){ #history .p3{position:relative; left:0%; font-size:18px; color:#010101; margin-top:10px;} #history .p4{position:relative; left:0%; font-size:14px; color:#6B6B6B; width:100%; line-height:1.5em; margin-top:10px; } /* quarts */ #quarts .quarts_top{ padding:20px 0; } #quarts .quarts_top img{margin-right:10px;} #quarts .quarts_top div{position:relative; z-index:1; width:100%; right:0; margin-top:10px; padding:10px 0px 10px 0px; } #quarts .quarts_top h3{font-size:36px; font-weight:bold;} #quarts .quarts_top h3 span{font-size:20px; font-weight:lighter; } #quarts .quarts_top p{line-height:1.5em; color:#6B6B6B; padding-top:10px;} /* supervision */ #supervision #super_1 img{width:47%;} #supervision #super_2 img{width:47%;} #supervision .super_point figure{width:42%;} #supervision .super_point img{width:100%;} /* sph_asp */ #sph_asp ul li{width:45%;} #sph_asp ul li img{width:100%;} /* supervision_sun */ #supervision_sun .sun_img1{width:99%;} /* progressive */ #progressive .progressive_img{width:100%;} /* smart */ #smart figure img{width:45%;} #smart .smart_ul2 li{width:44%;} #smart .smart_ul2 li img{width:100%;} /* dream */ #dream figure img{width:45%;} #dream .dream_ul2 li{width:44%;} #dream .dream_ul2 li img{width:100%;} /* absolute */ #absolute figure img{width:45%;} #absolute .absolute_img{width:100%;} #absolute .absolute_ul3 li{width:44%;} #absolute .absolute_ul3 li img{width:100%;} /* function */ #function img{width:100%;} /* office */ #office .office_img_top{width:45%;} #office .office_img{width:100%;} /* relivue */ #relivue .relivue_img_top{width:45%;} #relivue .relivue_img_top2{width:45%;} #relivue .relivue_img{width:100%;} #relivue #relivue_ul_2 li{width:45%;} #relivue #relivue_ul_2 li img{width:100%;} /* junior */ #junior .junior_img_top{width:45%;} #junior .junior_img{width:100%;} #junior #f_center figure{border-top:none;} #junior #f_center figure img{position:relative; float:left; margin-right:0px;} #junior #f_center figure figcaption{position:relative; float:left; width:100%; padding:15px 0 0 0px; border:none; border-top:none;} #junior .p5{margin-top:10px;} /* special_transitions */ #transitions .transitions_img{width:100%;} /* special_polraized */ #polraized #polraized_ul_1 li{width:45%;} #polraized img{width:100%} /*technology */ #technology #wlt_content_0 p{position:relative; margin-top:30px; left:0px; } #technology #wlt_content_0 figure{ padding-bottom:0px; text-align:center;} #technology #wlt_content_0 figure figcaption{position:relative; margin-top:0px; border:none; padding:0px; text-align:left;} #technology #wlt_content_0 figure img{ float:none; } #technology #wlt_content_1 p{position:relative; margin-top:30px; left:0px; } #technology #wlt_content_1 figure{padding-bottom:0px; text-align:center;} #technology #wlt_content_1 figure figcaption{position:relative; left:0; margin-top:0px; border:none; padding:0px; text-align:left;} #technology #wlt_content_1 .wlt_img_2{width:100%; margin-top:30px;} #technology #wlt_ul{position:relative; text-align:center; overflow:hidden;top:0px; } #technology #wlt_ul li{ background:#FFFFFF; border:none; font-size:18px; padding:10px 30px; } #technology #wlt_ul .wlt_li_0{float:left; margin-left:15%; } #technology #wlt_ul .wlt_li_1{float:right; margin-right:15%; color:#144a98;} #technology #wlt_content_2{ border-top:1px solid #b6b6b6; text-align:center;} #technology #wlt_content_2 h3{text-align:left;} #technology #wlt_content_2 img{margin-top:30px; width:100%;} #technology .bar{ border-top:1px solid #b6b6b6;} #technology .technology h3{position:absolute; font-weight:bold; line-height:1em; margin-left:0px; margin-top:0; } #technology .technology span{font-size:14px; color:#6b6b6b; margin-left:5px;} #technology .technology figcaption{position:absolute; width:45%; color:#6b6b6b; margin-top:60px; font-size:14px; padding:20px 15px 100px; border:none; z-index:-1;} #technology .technology figure img{width:70%; margin-top:30px; } /* nxt */ #nxt .nxt_img_0{display:none;} #nxt .nxt_img_0s{display:inline;} #nxt .nxt_img_1{position:relative; margin-top:10px; clear:both;} #nxt #nxt_ul_1{position:relative; padding:10px 0 0px 20px; width:auto; right:none; border:none; font-size:15px; line-height:2em;color:#6b6b6b; background:#FFFFFF; margin-top:0px; list-style:square; } #nxt #nxt_ul_1 li span{display:none;} #nxt #nxt_ul_2{ float:none; text-align:center; font-size:15px; line-height:2em;color:#6b6b6b; margin:60px 0 10px; } #nxt #nxt_ul_2 li{ float:left; } #nxt #nxt_ul_3{float:none; padding:20px 0 20px 20px; list-style-type:decimal; width:auto; margin-top:0px; font-size:15px; line-height:1em;border:none; } #nxt #nxt_ul_3 li{margin-bottom:10px;} #nxt .ps{position:relative; clear:both; float:none; font-size:14px; display:inherit; color:#515151;} #nxt #polvation_ul_4{overflow:hidden; margin-top:30px; width:107%;} #nxt #polvation_ul_4 li{float:left;margin-right:60px; margin-bottom:40px;} #nxt #polvation_ul_4 li div{text-align:center; font-size:16px; line-height:3em;} /* photochromics */ #photochromics ul{ position:relative; margin:0 auto; overflow:hidden;width:97%;} #photochromics ul li{display:inline-block; margin-right:2.1%; width:31.5%;} #photochromics ul li.last{margin-right:0;} #photochromics ul li img{width:100%;} /* polvation */ #polvation .polvation_0s{display:inline;} #polvation .polvation_0{display:none; } #polvation #polvation_ul_0{position:relative; margin-top:10px; left:0%; font-size:18px; color:#6b6b6b; } #polvation #polvation_ul_0 li{margin-bottom:5px;} #polvation #polvation_ul_1{ float:none; margin-left:0px; margin-top:20px; } #polvation #polvation_ul_1 li{float:left; margin-right:10px; } #polvation #polvation_ul_2{float:left; margin-top:40px; } #polvation #polvation_ul_2 li{float:left; margin-right:10px; } #polvation #polvation_ul_3{position:relative; font-size:15px; left:0; clear:both; right:auto; background:none; border:none; padding: 20px 0 15px 30px; margin-top:10px; width:auto; } #polvation #polvation_ul_3 li{margin-bottom:5px; } #polvation #polvation_chart{position:relative; overflow:hidden; clear:both; margin-top:80px; border-top:none;} #polvation #chart_title{position:relative; line-height:4em; font-size:15px; text-align:center; overflow:hidden; clear:both; width:100%; display:none;} #polvation .chart_list {position:relative; overflow:hidden; border-top:none; padding:20px 0; } #polvation .list_0{ width:49%; float:left; height:100px; border:1px solid #dadada; border-right:none;} #polvation .list_0 ul{position:relative; margin:10px auto; width:220px; } #polvation .list_0 li{float:left; margin-right:10px;} #polvation .list_0 li.list_0_s{ margin-top:20px;} #polvation .list_1{width:49%; float:left; height:100px; border:1px solid #dadada;} #polvation .list_1 p{font-size:14px; color:#555555; padding:0 10%; margin:auto; margin-top:15px; max-width:320px; } #polvation .list_1 p.list_p{margin-top:25px;} #polvation .list_2{ width:49%; float:left; height:100px; text-align:left; border-left:1px solid #dadada; border-bottom:1px solid #dadada; } #polvation .list_2 p{ margin:20px auto;clear:both;text-align:center; } #polvation .list_2 img{ margin-top:0} #polvation .list_3{ width:49%;float:left; height:100px;text-align:left; border:1px solid #dadada;border-top:none; } #polvation .list_3 p{margin-top:30px; font-size:16px; text-align:center;} #polvation .list_4{ width:98.1%; float:left; height:100px; border:1px solid #dadada; border-top:none;} #polvation .list_4 .polvation_b{display:none;} #polvation .list_4 p{text-align:center; margin-top:10px; z-index:-1;} #polvation .list_4 .polvation_b_s{display:inline; } #polvation .title_s{color:#FFFFFF; background:#323232; display:inline-block; width:80px;padding:0; margin:0; text-align:center;} #polvation #polvation_ul_4{overflow:hidden; margin-top:30px; width:107%;} #polvation #polvation_ul_4 li{float:left;margin-right:60px; margin-bottom:40px;} #polvation #polvation_ul_4 li div{text-align:center; font-size:16px; line-height:3em;} /* sports_polarized */ #sports_polarized .sports_polarized{width:100%;} /* drivewear */ #drivewear figcaption{position:relative; margin-top:10px; left:0; right:auto; border:none; width:auto; padding:20px 0; background:#FFFFFF; } #drivewear figcaption ul{margin-left:0px; font-size:14px; color:#424242;} #drivewear figcaption ul li{margin-top:5px;} #drivewear figcaption ul li span{margin-left:12px;} #drivewear #nupolar h3{position:relative; margin-top:0px; margin-left:0px; } #drivewear #nupolar p{position:relative; width:auto; margin-top:0px; border:none; padding:10px 0px; line-height:2em; font-size:14px; color:#424242; } #drivewear #nupolar img{float:none;} } @media screen and (max-width: 1070px){ /* freeform */ #freeform figcaption{margin-top:3%; } #freeform_1 img{width:44.5%;} #freeform_2 img{width:44.5%;} #freeform_3 img{width:100%;} #freeform_4 figcaption{ margin-top:8%;} /* BlueCut */ #blue_1 p{ width:48%;} #blue_2 .cut{width:100%;} #blue_2_list li{float:left; width:47%;margin-right:3%; margin-top:30px;} #blue_2_list li img{ width:100%} #blue_3_list li{margin-right:10%; } /* tint */ #tint .tint_bg{width:100%;} #tint_lens ul li{margin: 5% 2.5% 0%; width:100px;} /* product */ #product figure{width:48.5%; } #product figcaption{ float:left;border-right:1px solid #dadada; height:340px; } #product .p_bg{margin-top:15px; width:55%;} #product figcaption ul{ font-size:14px; padding:20px 20px 20px 0; text-align:right; font-weight:lighter; width:160px; } #product figcaption ul .p1{ font-size:34px; color:#bcbcbc;} #product figcaption ul .p2{ font-size:20px; color:#747474;} /* singlevision */ #singlevision figure figcaption{margin-left:4%;} #singlevision article .img_last{width:100%;} /* sph_asp*/ #sph_asp .img_last{margin-top:5%;; width:100%;} #sph_asp figure figcaption{margin-left:4%;} /* drivewear */ #drivewear .drivewear_logo{width:250px; } } @media screen and (max-width: 1023px){ /* quarts */ #quarts_qc .down{ width:90%;} /* BlueCut */ #blue_1 p{ width:45%;} /* tint */ #tint_lens ul li{margin: 5% 2% 0%; width:110px;} /* product */ #product figure{width:49%; margin-right:0;} #product figcaption{ float:left;border-right:1px solid #dadada; height:280px; } #product figure.right{ float:left;} #product .p_bg{margin-top:15px; width:50%;} #product figcaption ul{ font-size:12px; padding:20px 20px 20px 0; text-align:right; font-weight:lighter; width:160px; } #product figcaption ul .p1{ font-size:30px; color:#bcbcbc;} #product figcaption ul .p2{ font-size:20px; color:#747474;} /* singlevision */ #singlevision figure figcaption{float:left; width: 100%; margin-left:0%; padding:1% 0;} #singlevision figure figcaption h4{border-top:none;} /* supervision_sun */ #supervision_sun figure{padding:0;} #supervision_sun figure h3{line-height:3em; padding:0; position:relative; margin-top:0px; } #supervision_sun figcaption {position:relative; width:100%; font-size:13px; margin:0; padding:0px; line-height:1.5em; float:none; color:#6b6b6b; } /*#supervision_sun figcaption {position:absolute; width:440px; font-size:13px;margin-top:-10px; padding:10px 0px; line-height:1.6em;color:#6b6b6b; float:left;} #supervision_sun figure img{ margin-top:0px; float:right;}*/ #supervision_sun figure .sun_img0{margin-top:20px; float:none; } #supervision_sun figure p{ position:relative; float:none; font-size:16px; color:#6B6B6B; top:0px; margin-top:10px; clear:both; display:inherit;} } @media screen and (max-width: 1010px){ #history_year figure{ position:relative; display:inline-block; overflow:hidden; border-top:1px solid #dadada; padding:40px 0; width:49%; } #history_year .year_first{ margin-top:60px;} #history_year figure img{float:left; width:26.7%;} #history_year figure img.year_img{float:left; width:57.1%;} #history_year figure figcaption{ float:left;position:relative; margin-top:0px; width:40%; margin-right:5px; height:100px;} #history_year figure figcaption .year{ font-size:30px; font-weight:lighter; padding-left:5px; color:#f27d66; } #history_year figure figcaption .year_txt{font-size:12px; font-weight:lighter; padding-left:10px; color:#666666; margin-top:10px;} /* tint */ #tint_lens ul li{margin: 5% 2% 0%; width:105px;} } @media screen and (max-width: 980px){ /* tint */ #tint_lens ul li{margin: 5% 1.5% 0%; width:100px;} #tint_color_chart p{ clear:both; margin-top:0px; } /* sph_asp*/ #sph_asp figure figcaption{margin-left:0%; clear:both; margin-top:0px; line-height:1.5em; border:none;} /* relivue */ #relivue figcaption{position:relative; width:auto; font-size:14px; border:none; padding:10px 0px 10px 0px; background:#FFFFFF; color:#6b6b6b; } #relivue .h3_s1{position:relative; left:0; margin-top:0;} #relivue .relivue_img_top{width:auto; margin-top:3%;} #relivue .relivue_img_top2{width:auto; margin-top:3%; left:0; float:none;clear:both; } #relivue .f_s1{ margin-top:0; } #relivue .h3_s2{position:relative; left:0; margin-top:0;} #relivue .f_s2{ position:relative; padding:10px 0px 10px 0px; width:100%; margin-top:0; } /* nxt */ #nxt h2{display:none;} #nxt .nxt_logo{position:relative; float:none; margin-top:30px; margin-bottom:30px; clear:both;} #nxt p{font-size:18px; color:#6B6B6B; padding-bottom:10px;display:inherit; float:none; max-width:100%; width:100%;} /* polvation */ #polvation h2{display:none;} #polvation .p1{font-size:18px; color:#6B6B6B; padding-bottom:10px;display:inherit; float:none} #polvation .polvation_logo{position:relative; float:none; margin-top:30px; margin-bottom:30px; clear:both;} /* BlueCut */ #blue_1 p{ width:40%;} } @media screen and (max-width: 840px){ /* history*/ #history .p1{font-size:14px;} #history .p4{margin-bottom:30px;} #history_brand figure figcaption{ position:relative; margin-top:30px; float:left; min-width:250px; width:45%;} #history_brand figure figcaption p{font-size:20px; font-weight:lighter; padding-left:20px;padding-bottom:10px; } #history_brand figure figcaption ul{ position:relative; margin-top:40px;left:6%; font-size:14px; color:#6B6B6B; padding:20px 0px; } #history_brand figure figcaption .history_disc{ position:relative; margin-top:40px;left:3%; right:0; font-size:14px; color:#6B6B6B; padding:20px 30px; list-style-type:disc;} #history_brand figure figcaption ul li{float:none; } #history_brand figure figcaption ul li span{display:none;} #history_year figure{ position:relative; display:inline-block; height:auto; overflow:hidden; border-top:1px solid #dadada; padding:20px 0; width:100%; } #history_year .year_first{ margin-top:0px;} #history_year figure img{float:left; width:auto;} #history_year figure img.year_img{float:left; width:auto;} #history_year figure figcaption{ float:left;position:relative; margin-top:20px; width:50%; margin-right:5%;} #history_year figure figcaption .year{ font-size:36px; font-weight:lighter; padding-left:5%; color:#f27d66; } #history_year figure figcaption .year_txt{font-size:14px; font-weight:lighter; padding-left:6%; color:#666666; margin-top:10px;} /* freeform*/ #freeform figcaption{margin-top:10%; position:relative; clear:both; padding-top:20px;} #freeform figcaption p{float:none; padding-left:0; } #freeform figcaption ul{ position:relative; clear:both; padding:0; margin-top:10px; left:0; border:none; width:100%; float:none;} #freeform_1 img{width:auto;} #freeform_2 img{width:auto; border:none;} #freeform_3 img{width:100%;} #freeform_4 ul{width:100%; } #freeform_4 ul li{padding-right:4%; } #freeform_4 figcaption{ margin:0; padding:0; padding-top:20px;} /* quarts */ #quarts .quarts_top{margin-bottom:10px; padding:20px 0; } #quarts .quarts_top img{margin-right:10px;} #quarts .quarts_top div{position:relative; z-index:1; width:100%; right:0; margin-top:10px; padding:0; } #quarts .quarts_top h3{font-size:30px; font-weight:bold;} #quarts .quarts_top h3 span{font-size:18px; font-weight:lighter; } #quarts .quarts_top p{line-height:1.5em; color:#6B6B6B; padding-top:10px;} /* BlueCut */ #blue_1 p{ width:35%; padding:15px 10px 15px 10px;} #blue_3_list li{margin-right:5%; } /* mirror_coating */ #mirror_coating h3{ font-size:24px;margin-top:20px; margin-left:10px; clear:both;} /* tint */ #tint_lens ul li{margin: 5% 1% 0%; width:100px;} /* product */ #product .p_bg{margin-top:25px;} #product figure{width:50%;} #product figcaption ul{ font-size:12px; padding:20px 5px 20px 0; text-align:right; font-weight:lighter; width:160px; } /*singlevision */ #singlevision h2{padding-top:30px;} /* sph_asp */ #sph_asp h2{padding-top:30px;} /*supervision */ #supervision article{padding-bottom:20px;} #supervision h2{font-size:36px; color:#d57449; padding-top:30px; } #supervision #super_1 img{width:auto; float:none;} #supervision #super_2 img{width:auto; float:none;} #supervision #super .super_h3{display:none;} #supervision #super .super_f{display:none;} #supervision #super .super_f_s{position:relative; display:inline; border:none; padding:0px; margin:0; width:100%;} #supervision .super_point{width:100%;} #supervision .super_point figcaption h4{display:none;} #supervision .super_point figure{width:100%; margin-bottom:50px;} #supervision .super_point img{width:60%; float:left;} #supervision .super_point p{float:left; margin-top:130px; display:inline-block; font-size:24px; } /*supervision_sun */ #supervision_sun h2{padding:30px 0 20px 0;} /* supervision_sun */ #supervision_sun .sun_img1{border:none;width:100%;} /* progressive */ #progressive h2{padding-top:30px;} #progressive .progressive_img{display:none;} #progressive figure{display:inline;} #progressive figure img{width:100%;} #progressive table{display:table;} /* smart */ #smart h2{padding-top:30px;} #smart figcaption{position:relative; width:auto; font-size:14px; border:none; padding:10px 0px 10px 0px; background:#FFFFFF; color:#6b6b6b; left:0; } #smart .h3_s1{position:relative; left:0; margin-top:0;} #smart .f_s1{ margin-top:0; } #smart .h3_s2{position:relative; left:0; margin-top:0; } #smart .f_s2{ margin-top:0; } #smart .h3_s3{position:relative; left:0; margin-top:0; } #smart .f_s3{ margin-top:0; } #smart figure img{width:auto; margin-top:20px;} /* dream */ #dream h2{padding-top:30px;} #dream figcaption{position:relative; width:auto; font-size:14px; border:none; padding:10px 0px 10px 0px; background:#FFFFFF; color:#6b6b6b; } #dream .h3_s1{position:relative; left:0; margin-top:0;} #dream .f_s1{ margin-top:0; } #dream .h3_s2{position:relative; left:0; margin-top:0; } #dream .f_s2{ margin-top:0; padding:10px 0px 10px 0px; } #dream figure img{width:auto; margin-top:20px;} /* absolute */ #absolute h2{padding-top:30px;} #absolute figcaption{position:relative; width:auto; font-size:14px; border:none; padding:10px 0px 10px 0px; background:#FFFFFF; color:#6b6b6b; } #absolute .h3_s1{position:relative; left:0; margin-top:0;} #absolute .f_s1{ margin-top:0; } #absolute .h3_s2{position:relative; left:0; margin-top:0; } #absolute .f_s2{ margin-top:0; padding:10px 0px 10px 0px; } #absolute figure img{width:auto; margin-top:20px;} #absolute .absolute_ul2{position:relative; margin-top:0px; left:0; color:#030B5C;} /* function */ #function h2{padding-top:30px;} /* office */ #office h2{padding-top:30px;} #office .office_img_top{width:auto; margin-top:3%;} #office figcaption{position:relative; width:auto; font-size:14px; border:none; padding:10px 0px 10px 0px; background:#FFFFFF; color:#6b6b6b; } #office .h3_s{position:relative; left:0; margin-top:0;} #office .f_s{ margin-top:0; } /* relivue */ #relivue h2{padding-top:30px;} #relivue #relivue_ul_2 li{width:auto;} #relivue #relivue_ul_2 li img{width:auto;} /* junior */ #junior h2{padding-top:30px;} #junior .h3_s{position:relative; left:0; margin-top:0;} #junior figcaption{position:relative; width:auto; font-size:14px; border:none; padding:10px 0px 10px 0px; background:#FFFFFF; color:#6b6b6b; } #junior .f_s{ margin-top:0; } #junior .junior_img_top{width:auto; margin-top:5%;} #junior .junior_img{display:none; } #junior .junior_img_s{display:inline; width:100%; margin-top:5%; } #junior .p3{display:inherit;} #junior #f_center figure img{width:100%} /* special_transitions */ #transitions h2{padding-top:30px;} /* special_polraized */ #polraized h2{padding-top:30px;} /*sports */ #sports h2{padding-top:30px;} /*technology */ #technology h2{padding-top:30px; } #technology #wlt_ul li{ background:#FFFFFF; border:none; font-size:18px; padding:0px 0px; } #technology #wlt_ul .wlt_li_0{float:left; margin-left:10%; } #technology #wlt_ul .wlt_li_1{float:right; margin-right:10%; color:#144a98;} /* nxt */ #nxt h2{padding:30px 0 30px;} /* polvation */ #polvation .polvation_0s{width:100%; } /* sports_polarized */ #sports_polarized h2{padding-top:30px; } #sports_polarized .sports_polarized{display:none;} #sports_polarized .sports_polarized_s{display:inline;} #sports_polarized .p2{display:inherit; line-height:1.5em; font-size:16px; margin-top:20px;} /* photochromics */ #photochromics h2{padding-top:30px; } /* drivewear */ #drivewear h2{padding:30px 0 20px; } #drivewear #drivewear_technology figure{position:relative; margin-top:30px; margin-right:1%; width:30%; vertical-align:top; max-height:420px; display:inline-block;} #drivewear #drivewear_technology figure img{width:100%; } #drivewear #drivewear_technology figcaption{position:relative; width:98%; margin:0; padding:0; margin-top:10px; } #drivewear #drivewear_technology ul{margin:0; padding:0; padding-left:15px; list-style:disc;} #drivewear #drivewear_technology ul li{width:96%; font-size:12px; color:#6b6b6b; } } @media screen and (max-width: 780px){ /* identity Logo */ #identity h2{font-size:30px; color:#d57449; line-height:3.0em; border-bottom:1px solid #b6b6b6;} #identity h3{font-size:20px; line-height:1.2em; font-weight:bold; padding-top:10px; padding-bottom:10px;} #identity_logo ul li{float:left; width:48%; line-height:5.0em; min-width: 150px;} .logo_color{max-width:510px; text-align:center;} .logo_color .logo_color_img{float:none; line-height:1.5em; width:100%;; clear:both; margin-bottom:20px;} .logo_color .logo_color_img img{ width:100%; } .logo_color ul{float:none; line-height:1.5em; left:0; position:relative; width:80%; margin: auto !important; } .logo_color ul strong{font-size:18px; } .logo_color ul li{float:none; line-height:1.5em; text-align:left; margin:0;} .logo_color ul li.li_1{float:left} .logo_color ul li.li_2{float:right;} /* history*/ #history h2{font-size:30px; color:#d57449; line-height:3.0em; } #history h3{font-size:20px; line-height:1.2em; font-weight:bold; padding-top:10px; padding-bottom:10px;} #history .p1{font-size:14px; color:#6B6B6B;} #history .p2{font-size:14px; color:#6B6B6B;} /* NASA */ #nasa h2{font-size:30px; color:#d57449; line-height:3.0em; border-bottom:1px solid #b6b6b6;} #nasa h3{font-size:20px; line-height:1.2em; font-weight:bold; padding-top:10px; padding-bottom:10px;} #nasa figcaption{position:relative; font-size:11px; margin-top:10px; width:98%; clear:both; } #nasa figcaption li{line-height:1.5em; } /* certificates */ #certificates h2{font-size:30px; color:#d57449; padding-top:25px; padding-bottom:10px;} #certificates p{font-size:14px; border-bottom:1px solid #000000; padding-bottom:20px;} #certificates ul{width:105%;} #certificates ul li{float:left;border:1px solid #dadada; width:45%; text-align:center; margin-right:4%; margin-bottom:4%; padding-bottom:30px; } #certificates ul li img{width:100%; } /* contact*/ #contact{background:url(../images/sub_bg/contact_bg_780.jpg) top right no-repeat;} #contact h2{font-size:30px; color:#d57449; padding-top:25px; padding-bottom:10px;} #contact h3{font-size:20px;padding-top:20px;} #contact p{font-size:14px; color:#6B6B6B;} #contact article{ margin-top:20px;} #contact table{ margin-top:15px;} /* freeform */ #freeform h2{font-size:30px; color:#d57449; line-height:3.0em;} #freeform h2 span{font-size:16px;} #freeform_icon h2{line-height:1em; padding-top:30px; padding-bottom:10px; } #freeform_icon p{font-size:16px; color:#6B6B6B; padding-top:0px;} #freeform figure{ position:relative; clear:both; height:auto; overflow:hidden; border-top:1px solid #b6b6b6; padding:30px 0; } /* quarts */ #quarts h2{font-size:30px; padding-top:25px; padding-bottom:0px; } #quarts h2 span{font-size:14px;} #quarts .p1{font-size:16px; padding:30px 0 10px;} #quarts .quarts_top h3{font-size:24px; font-weight:bold;} #quarts .quarts_top h3 span{font-size:16px; font-weight:lighter; } #quarts article .quarts_list h3{font-size:24px; font-weight:bold;} #quarts article .quarts_list h3 span{font-size:20px; font-weight:lighter; } /* BlueCut */ #bluecut article{ padding:30px 0; } #bluecut h2{font-size:30px; line-height:3.0em; } #bluecut h2 span{font-size:16px; } #blue_1 h3{padding-left:0; position:relative; margin-top:0px;} #blue_1 p{ position:relative; width:auto; margin-top:0px; padding:10px 0 10px 0px; } #blue_1 img{ float:none; clear:both; width:100%; } #blue_2_list{width:100%;} #blue_2_list li{float:none; width:100%;margin-right:0%; clear:both; margin-top:30px;} #blue_3_list li{margin-right:3%; } /* mirror_coating */ #mirror_coating h2{font-size:30px; padding-top:25px; padding-bottom:0px;} #mirror_coating .p1{font-size:18px; padding:30px 0 5px;} #mirror_coating .p2{font-size:14px; } /* tint */ #tint h2{ font-size:30px; margin-top:25px;} #tint #p1{ font-size:16px; margin-left:0px; margin-top:65px;} #tint .tint_bg{ margin-top:30px; } #tint_lens ul li{margin: 5% 2.5% 0%; width:100px;} #tint_lens h3{font-size:24px} #tint_color_chart h3{font-size:24px} #tint_color_chart p{ float:none; clear:both; font-size:14px; margin-top:0px; line-height:1.5em;} #tint_color_chart ul li{margin-left:0px; margin-right:15px; } /* product */ #product h2{font-size:30px; line-height:3.0em;} /*singlevision */ #singlevision h2{font-size:30px; padding-top:30px;} #singlevision p{font-size:16px; } /* sph_asp */ #sph_asp #sph_asp_1{margin-top:40px;} #sph_asp h2{font-size:30px; padding-top:30px;} #sph_asp p{font-size:16px; } /*supervision */ #supervision h2{font-size:30px; padding-top:30px; padding-bottom:10px;} #supervision h2 span{font-size:16px; } #supervision .p1{font-size:18px; padding:10px 0 5px;} #supervision .p2{font-size:14px; } #supervision article h3{font-size:24px; line-height:3em; } #supervision #super figure{padding:40px 0; height:auto; position:relative; overflow:hidden;} #supervision #super figure h3{font-size:24px; font-weight:lighter; padding-left:20px; margin-top:60px; display:inline-block; } #supervision .super_point p{font-size:20px; } /*supervision_sun */ #supervision_sun h2{font-size:30px; padding-bottom:10px;} #supervision_sun h2 span{font-size:16px; } #supervision_sun .p1{font-size:18px; padding:10px 0 5px;} #supervision_sun .p2{font-size:14px; color:#515151; float:right;} #supervision_sun .sun_ul li{font-size:14px;} #supervision_sun article h3{font-size:24px; padding:30px 0; line-height:1em; } #supervision_sun article p{font-size:14px; color:#6B6B6B; } #supervision_sun figure h3{font-size:24px; padding:30px 0 20px 0; line-height:1em;} /* progressive */ #progressive h2{font-size:30px;} #progressive h3{font-size:24px;} #progressive .p1{font-size:16px;} #progressive .p2{font-size:16px;} /*smart */ #smart h2{font-size:30px; } #smart #hp{font-size:16px;padding:0px 0 5px; } #smart article{padding:20px 0 0; margin-top:30px;} #smart article h3{font-size:24px;} #smart .p1{font-size:16px; padding:10px 0 5px;} #smart .p2{font-size:14px; } /*dream */ #dream h2{font-size:30px;} #dream #hp{font-size:16px;padding:0px 0 5px; } #dream article{padding:20px 0 0; margin-top:30px;} #dream article h3{font-size:24px;} #dream .p1{font-size:16px; padding:10px 0 5px;} #dream .p2{font-size:14px; } /*absolute */ #absolute h2{font-size:30px;} #absolute #hp{font-size:16px;padding:0px 0 5px; } #absolute article{padding:20px 0 0; margin-top:30px;} #absolute article h3{font-size:24px;} #absolute .p1{font-size:16px; padding:10px 0 5px;} #absolute .p2{font-size:14px; } /* function */ #function h2{font-size:30px;} #function p{font-size:16px;} #function article{ margin-top:30px;} /* office */ #office h2{font-size:30px;} #office article{padding:20px 0 0; margin-top:30px;} #office article h3{font-size:24px;} #office .p1{font-size:16px; padding:0px 0 5px;} #office .p2{font-size:14px; padding-top:10px;} /* relivue */ #relivue h2{font-size:30px;} #relivue article{padding:20px 0 0; margin-top:30px;} #relivue article h3{font-size:24px;} #relivue .p1{font-size:16px; padding:0px 0 5px;} #relivue .p2{font-size:14px; padding-top:10px;} /* junior */ #junior h2{font-size:30px;} #junior article{padding:20px 0 0; margin-top:30px;} #junior article h3{font-size:24px;} #junior .p1{font-size:16px; padding:0px 0 5px;} #junior .p2{font-size:14px; padding-top:10px; } #junior .p4{font-size:18px; } /* special_transitions */ #transitions h2{font-size:30px;} #transitions h2 span{font-size:16px;} #transitions .transitions_img{display:none;} #transitions .transitions_img_s{width:100%; display:inline;} /* special_polraized */ #polraized h2{font-size:30px;} #polraized h2 span{font-size:16px;} #polraized #polraized_ul_1{width:100%; border:none; padding-top:0; margin-top:30px;} #polraized #polraized_ul_1 li{width:100%; padding-bottom:30px;} #polraized #polraized_ul_1 .top{display:none;} #polraized #polraized_ul_1 .top_s{display:inherit;} #polraized img{width:100%;} /*sports */ #sports h2{font-size:30px; } #sports .p1{font-size:16px; } #sports img{width:100%;} #sports figcaption{font-size:24px;} /*technology */ #technology h2{font-size:30px; } #technology h2 span{font-size:16px; } #technology article h3{font-size:24px;} #technology #wlt_content_0 p{font-size:20px;} #technology #wlt_content_1 p{font-size:20px;} /*#technology #wlt_content_2 .wlt_img_4{display:none;}*/ #technology #wlt_content_2 .wlt_img_4_s1{display:none;} #technology table{ display:table;} #technology #wlt_ul li{ font-size:16px;} /* nxt */ #nxt h3{font-size:24px;} #nxt p{font-size:16px;} #nxt .nxt_img_0s{width:100%;} #nxt .nxt_img_1{width:100%;} #nxt .ps{width:100%;} /* polvation */ #polvation .p1{font-size:16px;} #polvation h3{font-size:24px;} #polvation article{margin-top:30px; padding:30px 0 0;} /* sports_polarized */ #sports_polarized h2{font-size:30px;} #sports_polarized .p1{font-size:16px;} #sports_polarized article{margin-top:30px; padding:30px 0 0;} /* photochromic */ #photochromics h2{font-size:30px;} #photochromics p{font-size:16px;} #photochromics #photochromics_0{background:none; } #photochromics #photochromics_1{background:none;} #photochromics #photochromics_2{background:none; } #photochromics .photochromics_img0{display:none;} #photochromics .photochromics_img1{display:none;} #photochromics .photochromics_img2{display:none;} #photochromics .photochromics_img_s{display:inherit; margin:auto; } /* drivewear */ #drivewear h2{font-size:30px;} #drivewear h3{font-size:24px;} #drivewear p{font-size:16px;} #drivewear .drivewear_logo{width:200px;margin-top:-150px; } #drivewear .p2{margin-top:40px;} #drivewear article{padding:20px 0 0; margin-top:30px;} #drivewear #drivewear_technology h4{font-size:20px; font-weight:bold; color:#000000;} #drivewear #drivewear_technology h4 span{font-size:14px; font-weight:lighter; color:#474747; } #drivewear #drivewear_technology figure{position:relative; margin-top:30px; margin-right:1%; width:31%; vertical-align:top; max-height:420px; display:inline-block;} #drivewear #drivewear_technology figure img{width:100%; } #drivewear #drivewear_technology figcaption{position:relative; width:98%; margin:0; padding:0; margin-top:10px; } #drivewear #drivewear_technology ul{margin:0; padding:0; padding-left:15px; list-style:disc;} #drivewear #drivewear_technology ul li{width:96%; font-size:12px; color:#6b6b6b; } /* Catch the light */ video {display: inline-block; width: auto\9 !important; /* ie8 */ width: auto !important;max-width: 100%;height: auto !important;} .video-container {position: relative;height: 0; padding-top: 30px; padding-bottom: 58.25%;margin:0 auto;width:100%;max-width:640px; clear:both;} .video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0; left: 0;width: 100%; height: 100%;} } @media screen and (max-width: 760px){ /* product */ #product figure{ width:100%; position:relative; float:left; margin-top:50px; margin-right:20px; } #product figcaption{ float:left;border-right:1px solid #dadada; height:360px; } #product .p_bg{margin-top:15px; width:45%;} #product figcaption ul{ font-size:17px; padding:20px 20px 20px 0; text-align:right; font-weight:lighter; width:240px;} #product figcaption ul .p1{ font-size:40px; color:#bcbcbc;} #product figcaption ul .p2{ font-size:24px; color:#747474;} #product figcaption ul .p_img{ line-height:3em; float:none;text-align:right; } /* absolute */ #absolute .absolute_img{display:none;} #absolute .absolute_img_s{display:inline; margin-top:30px; width:100%;} /* lens */ #tab li{width:19.6%; font-size:14px; } } @media screen and (max-width: 710px){ /* BlueCut */ #blue_2 .cut{display:none;} #blue_2 .cut_s{width:100%; display:inherit;} #blue_3_list li{width:46%; margin-right:2%; } #blue_3_list img{width:100%;} /* #supervision */ #supervision article{padding-bottom:0px;} #supervision #super_1 img{width:100%; } #supervision #super_2 img{width:100%; } #supervision .super_point figure{margin-bottom:30px;} #supervision .super_point img{width:100%; float:none;} #supervision .super_point p{float:none; margin-top:10px; margin-left:0; line-height:1.5em; border:none; display:inline-block; } /* supervision_sun*/ #supervision_sun .sun_img0{width:100%;} /*smart */ #smart figure img{width:100%;} #smart .smart_ul2{width:100%; margin-top:0;} #smart .smart_ul2 li{float:none; margin-right:0; width:100%; margin-top:20px;} #smart .smart_ul2 li div{line-height:1.5em;} #smart .smart_ul2 li img{width:100%;} /*dream */ #dream figure img{width:100%;} #dream .dream_ul2{width:100%; margin-top:0;} #dream .dream_ul2 li{float:none; margin-right:0; width:100%; margin-top:20px;} #dream .dream_ul2 li div{line-height:1.5em;} #dream .dream_ul2 li img{width:100%;} /*absolute */ #absolute figure img{width:100%;} #absolute .absolute_ul3{width:100%; margin-top:0;} #absolute .absolute_ul3 li{float:none; margin-right:0; width:100%; margin-top:20px;} #absolute .absolute_ul3 li div{line-height:1.5em;} #absolute .absolute_ul3 li img{width:100%;} /*function */ #function .function_img{display:none;} #function .function_img_s{display:inline;} #function article h3{display:inherit; font-size:20px; clear:both; line-height:1.5em;} #function article p{display:inline; font-size:14px; color:#6b6b6b;} /* office*/ #office .office_img_top{width:100%;} #office .office_img{display:none;} #office .office_img_s{display:inline; width:100%; margin-top:3%;} /* relivue */ #relivue .relivue_img_top{width:100%;} #relivue .relivue_img_top2{width:100%;} #relivue .relivue_img{display:none;} #relivue .relivue_img_s{display:inline; width:100%; margin-top:3%;} /* junior*/ #junior .junior_img_top{width:100%;} /* special_transitions */ #transitions ul {list-style:square; padding-left:20px;} #transitions ul li{float:none; } #transitions ul li span{display:none;} /* special_polraized */ #polraized #polraized_ul_0{list-style:square; padding-left:20px;} #polraized #polraized_ul_0 li{float:none; } #polraized #polraized_ul_0 li span{display:none;} /* technology */ #technology .technology h3{position:relative; font-weight:bold; line-height:1em; margin-left:0px; margin-top:0; } #technology .technology span{font-size:14px; color:#6b6b6b; margin-left:1%;} #technology .technology figure figcaption{position:relative; width:43%; color:#6b6b6b; margin-top:0px; font-size:12px; padding:0px;padding-left:5px; } #technology .technology figure img{right:0; width:80%; margin-top:-60px; } /* nxt */ #nxt .nxt_logo{width:30%; } /* polvation */ #polvation .polvation_logo{width:47%; } #polvation #polvation_ul_0 {font-size:14px;} #polvation #polvation_ul_1 {float:left;} #polvation #polvation_ul_1 li{float:none;margin-bottom:10px;} #polvation #polvation_ul_2{position:absolute; float:none; left:190px; margin-top:125px} #polvation #polvation_ul_2 .polvation_arrow_text{width:75px; margin-top:-10px;} #polvation #polvation_ul_3{position:relative; font-size:13px; left:0; clear:both; right:auto; background:none; border:none; padding: 20px 0 15px 20px; margin-top:10px; width:auto; } #polvation .list_1 p{font-size:12px;} /* sports_polarized */ #sports_polarized img{width:100%} /* drivewear */ #drivewear .drivewear{width:100%;} #drivewear .nupolar{width:100%;} /* freeform */ #freeform_icon ul li{position:relative; float:left; max-width:600px; width:100%; margin-top:10px; height:80px; margin-right:2%;} #freeform_icon ul li div{float:left; position:relative; margin-left:3%; width:78%; } } @media screen and (max-width: 695px){ /* photochromics */ #photochromics ul{ position:relative; margin:0 auto; overflow:hidden;width:100%;} #photochromics ul li{display:inline-block; margin-right:0; width:32.5%;} #photochromics ul li.last{margin-right:0;} #photochromics ul li img{width:100%;} /* mirror_coating */ #mirror_coating article{background:none; border-top:1px solid #b6b6b6; } #mirror_coating h3{margin-left:0;} #mirror_coating ul{width:100%; padding:10% 0 5%;} #mirror_coating ul.mirror_top{margin-top:40px;} #mirror_coating ul li{width:30%; margin-right:3%;} #mirror_coating ul li div{font-size:12px;} #mirror_coating img{width:100%;} /* tint */ #tint_color_chart{background:none;} #tint_color_chart ul{width:100%; margin-top:0px;} #tint_color_chart ul li{width:30%; margin-right:3%; margin-top:20px; height:auto;} #tint_color_chart img{width:100%;} #tint_color_chart ul li div img{width:auto;} /* singlevision */ #singlevision figure{margin-top:10%;} #singlevision figure img{width:100%; } /* sph_asp */ #sph_asp figure{margin-top:0%;} #sph_asp figure img{width:100%; } /*technology */ #technology #wlt_content_2 .wlt_img_4_s0{width:100%} #technology #wlt_content_2 .wlt_img_4_s1{width:100%} #technology #wlt_content_2 .wlt_img_5_s0{width:100%} #technology #wlt_content_2 .wlt_img_5_s1{width:100%} #technology #wlt_content_0 .wlt_img_0{width:100%} #technology #wlt_content_1 .wlt_img_1{width:100%} } @media screen and (max-width: 667px){ /* history */ #history_brand figure{position:relative; margin-top:40px; clear:both; height:auto; overflow:hidden;} #history_brand figure figcaption{ position:relative; margin-top:10px; float:left; width:100%; } #history_brand figure figcaption p{font-size:18px; font-weight:lighter; padding-left:0px;padding-bottom:10px;} #history_brand figure figcaption ul{ position:relative; margin-top:10px;left:0px; font-size:13px; color:#6B6B6B; overflow:hidden; padding:0px 0px;clear:both;} #history_brand figure figcaption .history_disc{ position:relative; margin-top:10px;left:0px; font-size:13px; color:#6B6B6B; overflow:hidden; padding:0px 20px; clear:both; } /* contact*/ #contact{background:none;} #contact table th{padding-left:0; font-size:16px;} #contact table td{font-size:13px; height:14px;} #contact .tname{display:table;} #contact .tname_s{display:none;} #contact .address{background:none;} #contact .tel{background:none;} #contact .fax{background:none;} #contact .mail{background:none;} #contact .mail_link{margin-left:5px; display:inline;} /* freeform*/ #freeform_3d img{width:100%;} /* singlevision */ #singlevision article h3{font-size:20px; margin-top:25px; margin-bottom:10px; font-weight:100;} #singlevision article p{font-size:14px;} #singlevision figure figcaption h4{font-size:28px; line-height:2em; } #singlevision figure figcaption p{font-size:14px;} /* sph_asp */ #sph_asp article h3{font-size:20px;} #sph_asp article p{font-size:14px;} #sph_asp figure figcaption{font-size:28px;} } @media screen and (max-width: 640px){ #history_year figure{} #history_year figure img{float:left; width:22%;} #history_year figure img.year_img{float:left; width:44%;} #history_year figure figcaption{ float:left;position:relative; margin-top:0; width:50%; margin-right:3%; height:auto;} #history_year figure figcaption .year{ font-size:30px; font-weight:lighter; padding-left:5%; color:#f27d66; } #history_year figure figcaption .year_txt{font-size:12px; font-weight:lighter; padding-left:6%; color:#666666; margin-top:10px;} /* quarts */ #quarts .quarts_top_s{width:100%;} /* BlueCut */ #blue_3_list {display:none;} #blue_3_list_s img{width:100%;} #blue_3_list_s{position:relative; overflow:hidden; display:inline; padding-top:30px;} #blue_3_list_s li{margin-top:30px;} /* tint */ #tint_lens ul li{margin: 5% 1% 0%; width:100px;} #tint_lens h3{font-size:20px} #tint_lens h3 span{font-size:16px} #tint_color_chart h3{font-size:20px} #tint_color_chart h3 span{font-size:16px} /* lens */ #tab li{width:19.6%; font-size:12px; } /* sph_asp */ #sph_asp ul li{width:100%; float:none;} #sph_asp ul li img{width:100%;} /* drivewear */ #drivewear h2{padding:30px 0 20px; } } @media screen and (max-width: 580px){ /* quarts */ #quarts article .quarts_list{position:relative;width:100%; float:none; background:none; padding:0px 0 10px 0; } #quarts article .last{padding-bottom:10px; } #quarts article .quarts_list p{line-height:1.5em;padding-top:10px; min-width:320px; width:100%; } #quarts article ul{min-width:320px; width:100%; float:none; margin-top:10px; } #quarts article ul li{float:left; margin-left:0; margin-right:10%; overflow:hidden; width:89px; height:120px; text-align:center; } #quarts article ul li div{ position:relative;width:auto; line-height:2em;} /* product */ #product figure{width:100%; } #product figcaption{ float:left;border-right:1px solid #dadada; height:360px; } #product .p_bg{margin-top:15px; width:45%;} #product figcaption ul{ font-size:14px; padding:20px 20px 20px 0; text-align:right; font-weight:lighter; width:180px; } #product figcaption ul .p1{ font-size:34px; color:#bcbcbc;} #product figcaption ul .p2{ font-size:22px; color:#747474;} /* dream*/ #dream .dream_icon{width:100%;} /* absolute*/ #absolute .absolute_icon{width:100%;} /* office*/ #office .office_icon{width:100%;} /* relivue */ #relivue h2{font-size:24px;} #relivue .relivue_icon{width:100%;} /* junior */ #junior h2{font-size:24px;} /* special_transitions */ #transitions h2{ font-size:24px; } #transitions h2 span{font-size:14px;} #transitions p{font-size:13px;} /* special_polraized */ #polraized h2{ font-size:24px; } #polraized h2 span{font-size:14px;} #polraized p{font-size:13px;} /*sports */ #sports h2{font-size:24px; } #sports .p1{font-size:14px; } #sports .p2{font-size:14px; display:inherit;} #sports figcaption{display:none;} /*technology */ #technology #wlt_content_2 img{margin-top:10px;} #technology #wlt_content_2 .wlt_img_3{margin-top:0px;} /* polvation */ #polvation .list_0 ul{text-align:center; margin-top:0; width:100%;} #polvation .list_0 li{float:none;} #polvation .list_0 li.list_0_s{margin-top:5px;} /* photochromics */ #photochromics .photochromics_img_s{width:100%;} /* drivewear */ #drivewear #drivewear_technology figure{position:relative; margin-top:30px; margin-right:0; width:99%; vertical-align:top; max-height:none; display:inline-block;} #drivewear #drivewear_technology figure img{width:100%; } #drivewear #drivewear_technology figcaption{position:relative; width:99%; margin:0; padding:0; margin-top:10px; } } @media screen and (max-width: 480px){ /* identity Logo */ #identity h2{font-size:24px} #identity h3{font-size:18px;} #logo_width img{width:320px;} .logo_color ul{width:98%;} /* NASA */ #nasa h2{font-size:24px;} #nasa h3{font-size:18px;} /*history */ #history h2{font-size:24px} #history h3{font-size:18px} /* certificates */ #certificates h2{font-size:24px;} /*history */ #contact h2{font-size:24px} #contact h3{font-size:18px} /* freeform */ #freeform h2{font-size:23px; } #freeform h2 span{font-size:11px;} /* quarts */ #quarts h2{font-size:24px; } #quarts h2 span{font-size:10px;} #quarts .p1{font-size:14px; padding:10px 0 10px;} #quarts .quarts_top h3{font-size:18px;} #quarts article .quarts_list h3{font-size:20px;} #quarts article .quarts_list h3 span{font-size:16px; } #quarts .quarts_top img{width:46%; } #quarts article ul li{float:left; margin-left:0; margin-right:5%; overflow:hidden; width:89px; height:120px; text-align:center; } /* BlueCut */ #bluecut h2{font-size:24px;} #bluecut h2 span{font-size:11px; } #bluecut h3{font-size:20px;} /* mirror_coating */ #mirror_coating h2{font-size:24px;} #mirror_coating h3{font-size:20px;} #mirror_coating .p1{font-size:16px; padding:10px 0 5px;} #mirror_coating .p2{font-size:12px; } /* tint */ #tint h2{ font-size:24px;} #tint #p1{ font-size:11px; margin-left:0px; margin-top:55px;} #tint .tint_bg{ margin-top:40px; } #tint #p2{font-size:16px; } #tint ul{margin-top:10px; font-size:11px;} #tint_lens h3{font-size:18px} #tint_lens h3 span{font-size:14px} #tint_color_chart h3{font-size:18px} #tint_color_chart h3 span{font-size:14px} #tint_color_chart p{font-size:12px;} #tint_color_chart ul li div img{width:35%; margin-top:-5px;} /* product */ #product h2{font-size:24px;} #product figure{width:100%; } #product figcaption{ float:left;border-right:1px solid #dadada; height:260px; } #product .p_bg{margin-top:15px; width:50%;} #product figcaption ul{ font-size:12px; padding:15px 20px 20px 0; text-align:right; font-weight:lighter; width:130px; } #product figcaption ul .p1{ font-size:30px; color:#bcbcbc;} #product figcaption ul .p2{ font-size:16px; color:#747474;} #product figcaption ul .p_img img{width:70%;} /*singlevision */ #singlevision h2{font-size:24px; padding-top:20px;} #singlevision article h3{font-size:18px;} #singlevision p{font-size:12px; } #singlevision article{margin-top:20px;} #singlevision figure figcaption h4{font-size:24px; line-height:2em; } #singlevision figure figcaption p{font-size:12px;} /*sph_asp */ #sph_asp h2{font-size:24px; padding-top:20px;} #sph_asp article h3{font-size:18px;} #sph_asp article p{font-size:12px;} #sph_asp p{font-size:12px; } #sph_asp #sph_asp_1{margin-top:20px;} #sph_asp figure figcaption{font-size:24px; } /* #supervision */ #supervision h2{font-size:22px; padding-top:20px;} #supervision h2 span{font-size:12px; margin-left:10px; } #supervision .p1{font-size:16px; padding:10px 0 5px;} #supervision .p2{font-size:12px; } #supervision article{margin-top:20px;} #supervision article h3{font-size:20px; line-height:3em; margin-top:0px; } #supervision #super figure{padding:20px 0;} #supervision #super img{width:100%;} #supervision #super .super_h3{display:none;} #supervision #super .super_f{display:none;} #supervision #super .super_f_s{position:relative; display:inline; border:none; padding:0; margin:0; width:100%;} #supervision #super .super_f_s .p_s{padding-top:10px;} #supervision #super .super_f_s .p_s2{font-size:12px; padding-top:5px;} #supervision .super_point p{font-size:16px; } /* #supervision_sun */ #supervision_sun h2{font-size:22px; padding-top:20px; } #supervision_sun h2 span{font-size:12px; margin-left:10px; } #supervision_sun .p1{font-size:16px; padding-top:10px;} #supervision_sun .p2{font-size:12px; } #supervision_sun .sun_ul li span{font-size:12px;} #supervision_sun article{margin-top:20px;} #supervision_sun article h3{font-size:20px;} #supervision_sun figure h3{font-size:20px;} /* progressive */ #progressive h2{font-size:22px; padding-top:20px;} #progressive h3{font-size:20px;} #progressive .p1{font-size:12px;} #progressive .p2{font-size:14px; margin-top:10px;} #progressive article{margin-top:20px; padding:30px 0;} #progressive ul li{font-size:14px;} #progressive table{font-size:14px; margin-top:15px;} /*smart*/ #smart h2{font-size:20px; padding-top:20px;} #smart #hp{font-size:12px; padding-top:0px;} #smart article h3{font-size:20px;} #smart .smart_ul li{font-size:12px;} /*dream*/ #dream h2{font-size:20px; padding-top:20px;} #dream #hp{font-size:12px; padding-top:0px;} #dream .dream_icon{display:none;} #dream .dream_icon_s{display:inline;} #dream article h3{font-size:20px;} #dream .dream_ul li{font-size:12px;} /*absolute*/ #absolute h2{font-size:20px; padding-top:20px;} #absolute #hp{font-size:12px; padding-top:0px;} #absolute article h3{font-size:20px;} #absolute .absolute_ul li{font-size:12px;} /* function */ #function h2{font-size:22px; padding-top:20px;} #function article{ margin-top:20px;} #function p{font-size:12px;} /* office */ #office h2{font-size:24px; padding-top:20px;} #office article{ margin-top:20px;} #office article h3{ font-size:20px;} #office .p1{font-size:12px; padding-top:0px;} #office .p2{padding-top:10px;} /* relivue */ #relivue h2{font-size:20px; padding-top:20px;} #relivue article{ margin-top:20px;} #relivue article h3{ font-size:20px;} #relivue .p1{font-size:12px; padding-top:0px;} #relivue .p2{padding-top:10px;} #relivue #relivue_ul_2 li{width:auto;} #relivue #relivue_ul_2 li img{width:100%;} /* junior */ #junior h2{font-size:20px; padding-top:20px;} #junior article{ margin-top:20px;} #junior article h3{ font-size:20px;} #junior .p1{font-size:12px; padding-top:0px;} #junior .p2{padding-top:10px;} #junior .junior_icon{width:100%;} /* special_transitions */ #transitions h2{ font-size:22px; padding-top:20px;} #transitions h2 span{font-size:12px; margin-left:5px;} /* special_polraized */ #polraized h2{ font-size:22px; padding-top:20px;} #polraized h2 span{font-size:12px; margin-left:5px;} /* sports*/ #sports h2{font-size:22px; } #sports .p1{font-size:12px; } #sports .p2{font-size:14px; display:inherit;} /* technology */ #technology h2{font-size:22px; padding-top:20px;} #technology h2 span{font-size:12px; margin-left:5px;} #technology p{font-size:12px;} #technology article{margin-top:20px; padding:30px 0;} #technology article h3{ font-size:20px;} #technology article h3 span{ font-size:12px;} #technology .technology h3 span{font-size:13px;} /* lens */ #tab li{width:19.5%; font-size:10px; } /* nxt */ #nxt h3{font-size:20px;} #nxt p{font-size:12px; } #nxt_ul_2 li{width:50%;} #nxt_ul_2 li img{width:100%;} #nxt #polvation_ul_4 li{margin-right:8%;} #nxt .ps{border-top:1px solid #dadada; border-bottom:1px solid #dadada; padding-top:10px;text-align:center;width:100%; } /* polvation */ #polvation .p1{font-size: 12px;} #polvation h3{font-size:20px;} #polvation article{margin-top:20px; padding:20px 0 0;} #polvation .polvation_b_s{width:99%;} #polvation #polvation_ul_4 li{margin-right:8%;} /* sports_polarized */ #sports_polarized h2{font-size:24px; padding-top:20px;} #sports_polarized .p1{font-size:14px;} #sports_polarized .p2{font-size:14px;} #sports_polarized article{margin-top:20px; padding:20px 0 0;} /* photochromic */ #photochromics h2{font-size:24px; padding-top:20px;} #photochromics p{font-size:14px;} #photochromics .p1{font-size: 12px;} #photochromics article{margin-top:20px; padding:20px 0 0;} /* drivewear */ #drivewear h2{font-size:24px;} #drivewear h3{font-size:20px;} #drivewear p{font-size:14px;} #drivewear .drivewear_logo{width:150px;margin-top:-120px; } #drivewear .p2{margin-top:40px;} #drivewear article{padding:20px 0 0; margin-top:20px;} #drivewear #nupolar p{line-height:1.5em;} /* freeform 아이콘 공통 */ .f_icon_common li img{width:30px;} }