* {font-size: 11px; font-family:Arial, Helvetica, sans-serif;} .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } /* Hide from IE Mac \*/ .clearfix {display:block; zoom:1; } /* End hide from IE Mac */ .error { color: #C00;font-weight: bold;} body {background-color: #CCC; margin: 0; padding: 0; height: 100%; } html {height: 100%;} #master { width: 1149px; background-color: #CCC; background-image: url(/imgs/background.jpg); background-repeat: repeat-y; padding-left: 21px; overflow: auto; margin: 0 auto; position: relative; min-height: 100%; margin-bottom: 4em; padding-bottom: 0px;} #master_logo { position: absolute; left: 73px; top: 19px; } #master_left { width: 200px; background: #0A56AC url(/imgs/col_left.jpg) no-repeat; float: left; margin-top: 75px; overflow: hidden; padding-top: 30px; } #master_right { position: relative; float: left; margin-top: 75px; width: 760px;} #master_right_header { background: white url(/imgs/header.jpg) no-repeat; width: 760px; height: 130px; position: relative;} #master_footer {position: absolute; bottom: 5px; left: 51px; width: 900px; text-align: center; color: #2B497D; font-weight: bold;} .setlng {position: absolute; right: 200px; top: 3px;} .setlng ul {list-style-type: none; padding: 0; margin: 0;} .setlng li {float: left; font-size: 9px; font-weight: bold; color: #2B497D; padding: 0 3px; } .setlng a {font-size: 9px; font-weight: bold; color: #333333; text-decoration: none;} .setlng a:hover {text-decoration: underline;} .mainmenu {position: absolute; right: 200px; top: 52px;} .mainmenu ul {list-style-type: none; padding: 0; margin: 0;} .mainmenu li {float: left; font-size: 9px; font-weight: bold; color: #2B497D; padding: 0 3px; } .mainmenu a {font-size: 9px; font-weight: bold; color: #2B497D; text-decoration: none;} .mainmenu a:hover {text-decoration: underline;} #master_right_header form {padding: 0; position: absolute; bottom: 5px; right: 7px; height: 20px; width: 237px;} #master_right_header #search_key {border: solid 1px #2B497D; width: 112px; height: 18px; padding: 0; margin: 0; background: #FFF url(/imgs/search_ico.jpg) no-repeat 2px 0px; padding-left: 18px; position: absolute; bottom: 0px; left: 0;} #master_right_header #search_btn {width: 100px; height: 20px; font-size: 12px; color: #FFF; background: transparent url(/imgs/btn_search.jpg) no-repeat; border: none; position: absolute; bottom: 0px; right: 0px;} #master_left .mod_menu ul {} #master_left iframe {margin-left: 22px;margin-bottom: 20px;} #master_left ul.mod_menu {list-style-type: none; padding: 0; margin: 0; width: 200px; margin-top: 0px;} #master_left .mod_menu li {font-size: 12px; color: #FFF; margin: 0 10px; border-bottom: solid 1px #5289C7; padding: 4px 0;} #master_left .mod_menu li.space {border-bottom: none;} #master_left .mod_menu a {font-size: 11px; color: #FFF; text-decoration: none; font-weight: normal;} #master_left .mod_menu a:hover {text-decoration: underline;} #master_left .mod_menu a.type2 {color: #FF0;} #master_left li a {background: url(/imgs/b_normal.jpg) no-repeat 0px 2px; padding-left: 13px; display: block;} #master_left li.actif a {background: url(/imgs/b_actif.jpg) no-repeat 0px 2px; padding-left: 13px; display: block;} #master_left li a.type2 {background: url(/imgs/b_special.jpg) no-repeat 0px 2px; padding-left: 13px; display: block;} #master_left li a:hover {background: url(/imgs/b_actif.jpg) no-repeat 0px 2px; padding-left: 13px; display: block; text-decoration: none;} #content {padding: 10px; position:relative;} .mod_text * {font-size: 11px;} .mod_text {line-height: 1.5em; font-size: 11px;} .mod_text p {padding: 0; margin: 10px 0; font-size: 11px;} .mod_text .title {font-size: 14px; font-weight: bold; color: #0A56AC; } .mod_text .sub_title {font-size: 12px; font-weight: bold; color: #0A56AC; } .mod_text .highlight {font-weight: normal; color: #0A56AC; } .mod_text .highlight_bold {font-weight: bold; color: #0A56AC; } ul.list1 {list-style-type: none; padding: 0; margin: 20px 0; padding-left: 45px; } ul.list1 li {background: url(/imgs/list_1.jpg) no-repeat; line-height: 25px; margin: 5px 0;padding-left: 35px;} ul.list1 li a {text-decoration: none; color: #FFF; font-weight: bold; font-size: 11px;} div.fnc1 {display: none; background-color: #E0E9F4; padding: 20px; margin: 0 10px 30px 10px;} .mod_text .faq_q {padding: 3px 0;} .mod_text .faq_q a {font-weight: bold; text-decoration: none;color: #0A56AC; border-bottom: solid 1px #eaeaea; display: block;} .mod_text .faq_r {background-color: #f3f3f3; padding: 10px 30px; margin: 0 20px;} .mod_text .faq_r .faq_r {background-color: #e0e0e0;padding: 10px 10px; margin: 0 20px;} .mod_text hr {border: none;border-bottom: solid 1px #0A56AC; width: 450px;margin-top: 10px; margin-bottom: 10px; background-color: #FFF; height: 1px;} .mod_text form {margin: 30px auto 0 auto; width: 460px;} .mod_text form .mandatory {color: #660000; font-weight: bold;} .mod_text form label {float: left; width: 150px;border-bottom: dotted 1px #e0e0e0;} .mod_text form .size1 {width: 300px;} .mod_text form .size2 {width: 200px;} .mod_text form .size3 {width: 450px;margin: 0; padding: 0;} .mod_text form label.size2 {width: 250px;} .mod_text form label.size3 {width: auto; border: none;float: none; } .mod_text form input, .mod_text form textarea {margin-top: 3px; margin-bottom: 3px;} .mod_text form input.submit {margin-left: 150px; width: 100px;} .mod_text form label.error { margin-left: 253px; color: #990000; font-weight: bold; } .mod_text form input.error {background-color: #FFACB2;} .mod_text form textarea.error {background-color: #FFACB2;} #contact p {padding: 0; margin: 0;} #contact th, #contact td { text-align: left; vertical-align: top; border: dotted 1px #6688cc; } #contact tr.separator td {border: none;} #contact .separator { line-height: 5px; background-color: #3575BC; } .mod_text a {color: #2B497D; font-weight: normal; text-decoration: underline;} .mod_product {width: 679px; height: 405px; background: transparent url(/imgs/product_back.jpg) no-repeat; position: relative;} .mod_product ul {list-style-type: none; padding: 0; margin: 0;} #mod_product_0 {position: absolute; left: 40px; top: 10px; height: 385px; overflow: auto; width: 300px;} #mod_product_0 li {margin: 5px 0;} #mod_product_0 li li li {margin: 2px 0;} #mod_product_0 a {color: #FFF; text-decoration: none;} #mod_product_0 a.level0 {font-weight: bold; padding-left:15px;background: transparent url(/imgs/level1_dis.gif) no-repeat 0 3px; font-size: 12px;} #mod_product_0 a.level1 {font-weight: bold;} #mod_product_0 a.actif {background: transparent url(/imgs/level1_ena.gif) no-repeat; color: #339; font-style: italic;} #mod_product_0 ul a.actif {background: none; font-weight: bold;} #mod_product_0 ul ul a.actif {background: none; color: #C26B44} #mod_product_0 ul {margin-left: 20px;} #mod_product_1 {position: absolute; left: 390px; top: 20px; height: 165px; overflow: auto; width: 270px;color: #666;} #mod_product_1 .title {font-weight: bold;} #mod_product_1 div {display: block; clear: both; padding: 0; margin: 0; overflow: auto;} #mod_product_1 span {float: left; width: 50px;margin: 2px 1px; padding: 2px;} #mod_product_1 .odd span {background-color: #F1F2D9;} #mod_product_1 .even span {background-color: #FFFFFF; cursor: pointer;} #mod_product_1 .col1 {width: 160px;padding-left: 5px;} #mod_product_1 .col2 {width: 60px; font-weight: bold; text-align: right; padding-right: 5px; color: #F33;} #mod_product_1 .title .col2 {} #mod_product_1 .odd span.col2 {background-color: #F66; color: #FFF;} #mod_product_1 .even span.col2 {background-color: #F66; color: #FFF;} #mod_product_2 {position: absolute; left: 400px; top: 215px; height: 165px; overflow: auto; width: 259px;color: #666;} #mod_product_2 .title {font-weight: bold;margin: 5px;color: #C26B44; font-size: 12px;} #mod_product_2 span {float: left; width: 58px;margin: 1px 1px; padding: 2px;background-color: #C2EBC4;} #mod_product_2 span.label {font-weight: bold; width: 55px; text-align: right;} #mod_product_2 p {padding: 0; margin: 0;} #mod_product_2 .col5 {text-align: right;} #mod_product_2 .col6 {text-align: right;} #mod_product_2 .col7 {text-align: right;} #mod_product_2 .col8 {text-align: center;} #mod_product_2 .col10 {text-align: right;} #mod_product_2 .col11 {text-align: right;} #mod_product_2 .col12 {text-align: right;} #mod_product_2 .col13 {text-align: right;} #mod_product_2 .col14 {font-weight: bold;color: #F33; text-align: right;} .mod_search .item {margin: 10px; padding: 10px; background-color: #f3f3f3;} .mod_search .item .found {font-weight: bold;color: #0A56AC; } .mod_search a {text-decoration: none; color: #444;} .mod_search .title {margin: 0 0 5px 0;} .mod_search .title a {font-weight: bold; color: #0A56AC;} .mod_search .counter {font-weight: bold; text-align: center; padding-top: 10px;} .mod_search .notfound {font-weight: bold; text-align: center; padding-top: 100px;} .mod_news div.item {margin: 0px 0 20px 0;background-color: #f3f3f3; padding: 3px 10px 10px 10px; position: relative;padding-bottom: 25px;} .mod_news h1 { padding: 5px 0; margin: 0} .mod_news h1 a {text-decoration: none;color: #2B497D; font-weight: bold;} .mod_news .head { background-color: #FFF; padding: 10px;} .mod_news .read_more {font-size: 12px; position: absolute; bottom: 5px; right: 15px; } .mod_news .read_more a {color: #0A56AC; text-decoration: underline;font-weight: normal;} .mod_news .source {font-style: italic; color: #666; display: inline; line-height: 2em; font-size: 90%;} .mod_news .date {color: #666; display: inline; line-height: 2em; font-size: 90%; font-style: italic;} .mod_news_detail .read_more a {color: #0A56AC; text-decoration: underline;font-weight: normal;} .mod_sondage {background-color: #fff; margin: 5px; padding: 5px;} .mod_sondage span {line-height: 1.5em;padding: 0; margin: 0; float: none; display: block;} .mod_sondage img {width: 100%; display: block;border-right: solid 1px #656565;border-left: solid 1px #656565;margin: 0 auto;} .mod_sondage ul {list-style-type: none; padding: 0; margin: 0;} .mod_sondage li {padding: 0; margin: 0;} .mod_rss {background-color: #fff; margin: 5px; padding: 5px;} .mod_rss .title {font-weight: bold; display: block;margin-bottom: 5px;} .mod_documents {border-bottom: solid 1px #eaeaea; display: block; overflow: auto;margin-bottom: 10px;} .mod_documents a {} .mod_documents img {border: solid 1px #ccc; float: left; margin-right: 10px; margin-bottom: 10px;} .mod_documents h1 a{font-weight: normal; text-decoration: none; font-size: 15px; color:#2B497D; } .mod_documents .type {color: #aaa; font-weight: normal;} .mod_documents .size {color: #aaa; font-weight: normal;} /*** .findProduct ***/ .findProduct {width: 723px;} .findProduct ul.tabs {background: url(/imgs/tab_head.jpg); height: 34px;list-style-type: none;padding: 0; margin: 0 3px 0 0;} .findProduct ul.tabs li {float: left; height: 34px;line-height: 33px; font-family: verdana; width: 157px; background: url(/imgs/tab_bc.jpg); text-align: center;padding: 0; margin: 0 0 5px 0; font-size: 13px; color: #fff; cursor: pointer; } .findProduct ul.tabs li.first_selected {background: url(/imgs/tab_wl.jpg); color: #2B497D;} .findProduct ul.tabs li.selected {background: url(/imgs/tab_wc.jpg); color: #2B497D;} .findProduct ul.tabs li.first {background: url(/imgs/tab_bl.jpg); color: #fff;} .findProduct input {border: solid 1px #85AAD6; margin: 5px 10px 3px 10px; width: 450px; padding: 3px;} .findProduct input.empty {color: #999;} .findProduct .body .tab2 {display: none;} .findProduct .body .tab3 {display: none;} .findProduct .body {background: url(/imgs/tab_back.jpg); padding: 20px;} .findProduct .body .list {overflow: auto; height: 148px; border: solid 1px #85AAD6; background-color: #E0EAF5;} .findProduct .body .list dl {padding: 0; margin: 7px; list-style-type: none;} .findProduct .body .list dl dt {border: solid 1px #85AAD6; padding: 2px 10px; margin: 4px; cursor: pointer;} .findProduct .body .list dl dt.selected, .findProduct .body .list dl dt.hover {background-color: #85AAD6; color: #fff;} .findProduct .body .result {border: solid 1px #85AAD6; background-color: #E0EAF5;margin-top: 10px;padding: 10px;} .findProduct .body .result table {width: 100%;} .findProduct .body .result table td {padding: 7px 3px;} .findProduct .body .result table .col1 {font-weight: bold;} .findProduct .body .result table .col0 {width: 22px;} .findProduct .body .result table .col3 , .findProduct .body .result table .col11 , .findProduct .body .result table .col10 {text-align: center;} .findProduct .body .result table .col7 {font-weight: bold; } .findProduct .body .result table .col4 , .findProduct .body .result table .col5 , .findProduct .body .result table .col6 , .findProduct .body .result table .col7 , .findProduct .body .result table .col9 {text-align: right;padding-right: 5px;} .findProduct .body .result table tr.odd {background-color: #fff;} .findProduct .footer {background: url(/imgs/tab_bottom.jpg); height: 10px; line-height: 10px;} .findProduct .body .list dl dt .tag {font-weight: bold; background-color: #fff;} .findProduct .body .list dl dt.hover .tag {color: #000;} .findProduct .body .list dl dt.selected .tag {color: #000;} .findProduct .body .list #list1_1 {float: left; width: 300px;} .findProduct .body .list #list1_2 {float: left; width: 300px;} .findProduct .body .list ul {padding: 0; margin: 7px; list-style-type: none;} .findProduct .body .list dd {display: none;} .findProduct .body .list ul li {border: solid 1px #85AAD6; padding: 2px 10px; margin: 4px; cursor: pointer;} .findProduct .body .list ul li.selected, .findProduct .body .list ul li.hover {background-color: #85AAD6; color: #fff;} .findProduct .body .tab1 .list dt , .findProduct .body .tab1 .list li {border: none;background-image: url(/imgs/bullet1.jpg); background-repeat: no-repeat; background-position: 5px center; padding-left: 15px;} .findProduct .body .tab1 .list dt:hover, .findProduct .body .tab1 .list dt.selected, .findProduct .body .tab1 .list li.selected, .findProduct .body .tab1 .list li:hover {background-image: url(/imgs/bullet2.jpg);} /********************/ .hint {position: absolute; background-color: #FFFF99; padding: 5px; border: solid 1px #ffcc99; margin-top: 7px;margin-left: 10px; display: none; text-align: left;width: 250px;} .legend {margin-top: 20px; padding-top: 5px; border-top: solid 1px #fff; font-style: italic;} .legend h2 {font-weight: bold;} .legend span {display: block;} /************ Skyscraper ****************/ #skyscraper .mod_pubs {position: absolute; top: 0; float: left; right: 0px;margin-top: 10px;padding: 2px; border: solid 1px #fff; background-color: #fff;} /****************************************/ .pre {font-family: "courier new"; font-size: 12px;} #loginBox {text-align: center; margin: 10px; border: solid 2px #5289C7;} #loginBox label {display: block; text-align: center; color: #fff; line-height: 25px;} #loginBox input {border: none; padding: 2px;} #loginBox li {list-style-type: none; margin: 0; text-align: left;padding: 3px 0;} #loginBox ul {padding: 0; margin-left: 20px;} #loginBox li a {color: #fff; text-decoration: none;} #loginBox .loginButton {background-color: #5289C7; padding: 5px 10px; color: #fff; font-weight: bold; display: inline-block; margin-bottom: 5px; text-decoration: none;} #loginBox .loginButton:hover {background-color: #fff; color: #5289c7;} form#loginBox {text-align: center; margin: 10px; border: solid 2px #5289C7; width: auto;} form#loginBox label {display: block; text-align: center; color: #333; line-height: 25px; border-bottom: none; width: 100%;} form#loginBox input {border: solid 1px #5289C7;padding: 2px;} form#loginBox li {list-style-type: none; margin: 0; text-align: left;padding: 3px 0;} form#loginBox ul {padding: 0; margin-left: 20px;} form#loginBox li a {color: #5289C7; text-decoration: none;} form#loginBox .loginButton {background-color: #5289C7; padding: 5px 10px; color: #fff; font-weight: bold; display: inline-block; margin-bottom: 5px; text-decoration: none;} form#loginBox .loginButton:hover {background-color: #fff; color: #5289c7;} .buttons {border-top: solid 1px #ccc;margin-top: 20px; padding: 10px;} .mod_text .submitButton, .submitButton {background-color: #0E56AC; color: #fff; padding: 3px 10px;text-decoration: none; border: solid 1px #0E56AC;float: right;} .mod_text .submitButton:hover, .submitButton:hover {background-color: #fff; color: #0E56AC;} .mod_text .cancelButton, .cancelButton {text-decoration: none; padding: 3px 10px; float: left;} .mod_text .cancelButton:hover, .cancelButton:hover {text-decoration: underline;} .mod_text .frmSubscribe {margin: 0px 10px; width: 500px;} .set-address { border: solid 1px #E0EAF5; padding: 10px; margin-top: 0px;} .set-address .address {background-color: #E0EAF5; margin:5px 0; padding: 5px; overflow: auto;} .set-address .address input {float: left;} .set-address .address span {display: block; float: left;margin-left: 10px;} .list-sample {width: 620px;} .list-sample .sample-item {border: solid 1px #E0EAF5; margin: 5px 0; padding: 3px;} .list-sample .cnk {font-weight: bold; display: inline-block; width: 60px;} .list-sample .nam {display: inline-block; width: 455px;} .list-sample .check-Y, .list-sample .check-N {width: 150px;display: inline-block; text-align: center; vertical-align: middle; line-height: 22px;} .list-sample .check-N {color: #C00; font-weight: bold;} .list-sample .check-N img {vertical-align: middle; margin-left: 5px;} .list-sample a {text-decoration: none; font-weight: bold; color: #fff} .list-sample .hover {background-color:#0E56AC;} .list-sample .hover * {color: #fff;} .detail-sample {margin: 5px 0; padding: 3px; width: 550px;} .detail-sample .cnk {font-weight: bold; display: inline-block; width: 60px;} .detail-sample .nam {display: inline-block; width: 410px;}