@charset "utf-8"; @import url("reset.css") screen and (max-width: 774px); /* CSS Document */ /*--------------------index-----------------*/ html{ background-color:#0392C0; } .Wrapper h1, h2, h3, h4, h5, p{font-family:Helvetica,"Heiti TC","微軟正黑體","Microsoft Sans Serif","Microsoft Sans Serif","Helvetica","Geneva","sans-serif"; -webkit-text-size-adjust:none; /* -webkit-text-size-adjust:100%; */} .Wrapper { width:auto;} .Wrapper .Header { width:774px; margin:0 auto; background:url(../images/top_br.gif) no-repeat center center; position:relative; height: 180px; } .Wrapper .Header2 { width:774px; height:15px;background-color:#004d9d; margin:0 auto;} .Wrapper .Header h1{ width:100%; height:140px; text-indent:-9999px;} .Wrapper .Header h1 a{ width:100%; height:140px; display:block;} .Wrapper .Header ul.topmenu{ width:762px; min-height:40px; margin-top:56px;} .Wrapper .Header ul.topmenu .bbox{ width:18px; height:61px; background:url(../images/br_topmenu_box.gif) 0 0 no-repeat; position:absolute; top:0px; right:-12px;} .Wrapper .Header p.pc_btm{ width:112px; height:39px; background:url(../images/top_pc_btm.png) 0 0 no-repeat; position:absolute; top:60px; right:45px; text-indent:-9999px;} .Wrapper .Header p.pc_btm a{ width:112px; height:39px; display:block;} .Wrapper .Header p.pc_btm a:active{ background:url(../images/top_pc_btm_in.png) 0 0 no-repeat;} .Wrapper .Header ul.topmenu li{ float:right; width:188px; height:61px; margin-right:-10px;} .Wrapper .Header ul.topmenu li p{ font-size:1.75em; color:#FFF; line-height:61px; text-align:center; text-shadow:2px 2px 3px #333;} .Wrapper .Header ul.topmenu li p a{ color:#FFF; text-decoration:none; width:188px; height:61px; display:block; background:url(../images/br_topmanu.png) 0 0 no-repeat;} .Wrapper .Header ul.topmenu li p a:hover{ background: url(../images/br_topmanu_in.png) 0 0 no-repeat;} .Wrapper .Header ul.topmenu li.btm_in p a{ color:#FFF; text-decoration:none; width:188px; height:61px; display:block; background:url(../images/br_topmanu_in.png) 0 0 no-repeat;} .Wrapper .ContentBR{ width:100%; overflow:hidden;margin-top:-10px;} .Wrapper .ContentBR .Content{ width:774px; margin:0 auto; overflow:hidden; background: #87e0fd; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg3ZTBmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzUzY2JmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNWFiZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87e0fd), color-stop(40%,#53cbf1), color-stop(100%,#05abe0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* IE10+ */ background: linear-gradient(to bottom, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-8 */ } .Wrapper .ContentBR .Content .br_gray{ width:774px; height:125px; margin:0 auto; background:url(../images/top_br_02.gif) 0 0 no-repeat;} .Wrapper .ContentBR .Content .br_gray .hei_1 { margin-top:15px;} .Wrapper .ContentBR .Content .br_gray .store{ width:774px; height:58px;} .Wrapper .ContentBR .Content .br_gray .store p.ner{ width:245px; font-size:1.75em; line-height:58px; color:#FFF; float:left; padding-left:25px; text-shadow:2px 2px 3px #333;} .Wrapper .ContentBR .Content .br_gray .store p.Quantity{ width:484px; text-align:center; font-size:1.625em; height:58px; line-height:58px; color:#3c3736; float:left;} .Wrapper .ContentBR .Content .title{ width:774px; height:67px; position:relative;} .Wrapper .ContentBR .Content .title h2{ text-indent:-9999px; position:absolute; top:-13px; left:17px; } .Wrapper .ContentBR .Content .title h2.yello_f {width:600px;height:67px;text-indent:0;font-size:2.375em;letter-spacing:1px;text-align:left;line-height:67px;top:2px;left:0px;color:#0B4051;font-weight:bold;/*text-shadow:2px 4px 3px #000000;*/padding-left: 130px; /*text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);*/ /* text-shadow:1px 1px 20px #FFF;*//*text-shadow: 0px 1px 0 #0B4153;*/} .Wrapper .ContentBR .Content .title h2.message{ width:327px; height:90px; display:block; background:url(../images/title_01_message.png) 0 0 no-repeat; } .Wrapper .ContentBR .Content .title h2.inquiry{ width:600px; height:90px; display:block; background:url(../images/title_02_inquiry.png) 0 0 no-repeat; } .Wrapper .ContentBR .Content .title h2.inquiry2{ width:600px; height:90px; display:block; background:url(../images/title_02_inquiry_2.png) 0 -4px no-repeat; } .Wrapper .ContentBR .Content .title h2.inquiry3{ width:600px; height:90px; display:block; background:url(../images/title_02_inquiry_3.png) 0 0 no-repeat; } .Wrapper .ContentBR .Content .title h2.inquiry4{ width:600px; height:90px; display:block; background:url(../images/title_02_inquiry_4.png) 0 0 no-repeat; } .Wrapper .ContentBR .Content .title h2.news{ width:327px; height:90px; display:block; background:url(../images/title_03_news.png) 0 0 no-repeat; } .Wrapper .ContentBR .Content .title h2.news2{ width:327px; height:90px; display:block; background:url(../images/title_04_news.png) 0 0 no-repeat; } .Wrapper .ContentBR .Content .title h2.activity2{ width:327px; height:90px; display:block; background:url(../images/title_05_activity.png) 0 0 no-repeat; } .Wrapper .ContentBR .Content .title h2.activity{ width:327px; height:90px; display:block; background:url(../images/title_05_activity_1.png) 0 0 no-repeat; } .Wrapper .ContentBR .Content .title h2.press_releases2{ width:327px; height:90px; display:block; background:url(../images/title_06_press_releases.png) 0 0 no-repeat; } .Wrapper .ContentBR .Content .title h2.press_releases{ width:327px; height:90px; display:block; background:url(../images/title_06_press_releases_1.png) 0 0 no-repeat; } .Wrapper .ContentBR .Content .title h2.elaw{ width:365px; height:90px; display:block; background:url(../images/elaw_change.png) 80 0 no-repeat; } .Wrapper .ContentBR .Content .title h2.explain{ width:365px; height:90px; display:block; background:url(../images/explain_change.png) 80 0 no-repeat; } .Wrapper .ContentBR .Content .title h2.business{ width:365px; height:90px; display:block; background:url(../images/business_change.png) 80 0 no-repeat; } .Wrapper .ContentBR .Content .title h3{ text-indent:-9999px; position:absolute; top:-13px; left:17px; } .Wrapper .ContentBR .Content .title h3.yello_f {width:600px;height:67px;text-indent:0;font-size:2.375em;letter-spacing:1px;text-align:left;line-height:67px;top:2px;left:0px;color:#0B4051;font-weight:bold;/*text-shadow:2px 4px 3px #000000;*/padding-left: 130px; /*text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);*/ /* text-shadow:1px 1px 20px #FFF;*//*text-shadow: 0px 1px 0 #0B4153;*/} .Wrapper .ContentBR .Content .title h3.message{ width:327px; height:90px; display:block; background:url(../images/title_01_message.png) 0 0 no-repeat; } .Wrapper .ContentBR .Content .title h3.inquiry{ width:600px; height:90px; display:block; background:url(../images/title_02_inquiry.png) 0 0 no-repeat; } .Wrapper .ContentBR .Content .title h3.inquiry2{ width:600px; height:90px; display:block; background:url(../images/title_02_inquiry_2.png) 0 -4px no-repeat; } .Wrapper .ContentBR .Content .title h3.inquiry3{ width:600px; height:90px; display:block; background:url(../images/title_02_inquiry_3.png) 0 0 no-repeat; } .Wrapper .ContentBR .Content .title h3.inquiry4{ width:600px; height:90px; display:block; background:url(../images/title_02_inquiry_4.png) 0 0 no-repeat; } .Wrapper .ContentBR .Content .title h3.news{ width:327px; height:90px; display:block; background:url(../images/title_03_news.png) 0 0 no-repeat; } .Wrapper .ContentBR .Content .title h3.news2{ width:327px; height:90px; display:block; background:url(../images/title_04_news.png) 0 0 no-repeat; } .Wrapper .ContentBR .Content .title h3.activity2{ width:327px; height:90px; display:block; background:url(../images/title_05_activity.png) 0 0 no-repeat; } .Wrapper .ContentBR .Content .title h3.activity{ width:327px; height:90px; display:block; background:url(../images/title_05_activity_1.png) 0 0 no-repeat; } .Wrapper .ContentBR .Content .title h3.press_releases2{ width:327px; height:90px; display:block; background:url(../images/title_06_press_releases.png) 0 0 no-repeat; } .Wrapper .ContentBR .Content .title h3.press_releases{ width:327px; height:90px; display:block; background:url(../images/title_06_press_releases_1.png) 0 0 no-repeat; } .Wrapper .ContentBR .Content .title h3.elaw{ width:365px; height:90px; display:block; background:url(../images/elaw_change.png) 80 0 no-repeat; } .Wrapper .ContentBR .Content .title h3.explain{ width:365px; height:90px; display:block; background:url(../images/explain_change.png) 80 0 no-repeat; } .Wrapper .ContentBR .Content .title h3.business{ width:365px; height:90px; display:block; background:url(../images/business_change.png) 80 0 no-repeat; } .Wrapper .ContentBR .Content .pt2{ height:71px; background:url(../images/top_br_03.gif) 0 0 no-repeat;} .Wrapper .ContentBR .Content .title p.back{ font-size:1.625em; line-height:39px; width:78px; height:39px; left:10px; top:4px; margin:10px 0 0 18px; background:url(../images/ion_ar.png) 0 0 no-repeat ; color:#FFF; text-indent:18px; font-weight:normal; position:absolute;} .Wrapper .ContentBR .Content .title p.back a{ color:#FFF; text-decoration:none; width:78px; height:39px; display:block;} .Wrapper .ContentBR .Content .title p.back a:active{ color:#CCC;} .Wrapper .ContentBR .Content .title p.gohome{ width:105px; background:url(../images/ion_ar2.png) 0 0 no-repeat ; } .Wrapper .ContentBR .Content .title p.gohome a{ width:105px;} .Wrapper .ContentBR .Content .title p.more{ font-size:1.625em; line-height:42px; width:67px; height:42px; text-align:center; right:10px; top:4px; margin:10px 18px 0 0; background: url(../images/ion_more.png) 0 0 no-repeat ; color:#FFF; font-weight:normal; position:absolute;} .Wrapper .ContentBR .Content .title p.more a{ color:#FFF; text-decoration:none; width:67px; height:42px; display:block;} .Wrapper .ContentBR .Content .title p.more a:active{ color:#CCC;} .Wrapper .ContentBR .Content .news_box{ width:774px; min-height:300px; margin:0 auto; background:url(../images/news_br.gif) 0 0 repeat-y; /*padding-top:27px*/; } .Wrapper .ContentBR .Content .news_box ul{ width:760px; margin:0 auto; background-color:#f9f9f9; overflow:hidden; border-radius:8px; -webkit-border-radius: 8px; /* Safari, Chrome */-moz-border-radius: 8px; /* Firefox */behavior: url(border-radius.htc); /* IE6, IE7, IE8 */} .Wrapper .ContentBR .Content .news_box ul li{ width:760px; height:85px; background:url(../images/news_br_01.gif) 0 0 repeat-x;} .Wrapper .ContentBR .Content .news_box ul li p{ font-size:1.6875em; line-height:85px; color:#000;} .Wrapper .ContentBR .Content .news_box ul li p a:hover{ color: #F05;} .Wrapper .ContentBR .Content .news_box ul li p a{ width:760px; height:85px; display:block; color:#000; text-decoration:none; overflow:hidden;} .Wrapper .ContentBR .Content .news_box ul li p a:active{ background:url(../images/news_br_02.gif) 0 0 repeat-x;} .Wrapper .ContentBR .Content .news_box ul li p a span{ color:#004d9d; text-decoration:none; padding:3px 8px; margin:0 15px;} .Wrapper .ContentBR .Content .menu{ width:774px; overflow: hidden; /*margin-top: 20px;*/ margin-right: auto; margin-bottom: 0; margin-left: auto; } .Wrapper .ContentBR .Content .menu ul.m1{ width:738px; height:282px; background:url(../images/icon_menu_01.jpg) 0 0 no-repeat; padding:0 18px;} .Wrapper .ContentBR .Content .menu ul.m2{ width:738px; height:282px; background:url(../images/icon_menu_02.jpg) 0 0 no-repeat; padding:0 18px;} .Wrapper .ContentBR .Content .menu ul.m3{ width:738px; height:282px; background:url(../images/icon_menu_03.jpg) 0 0 no-repeat; padding:0 18px;} .Wrapper .ContentBR .Content .menu ul.m4{ width:738px; height:282px; background:url(../images/icon_menu_04.jpg) 0 0 no-repeat; padding:0 18px;} .Wrapper .ContentBR .Content .menu ul.m5{ width:738px; height:282px; background:url(../images/icon_menu_05.jpg) 0 0 no-repeat; padding:0 18px;} .Wrapper .ContentBR .Content .menu ul.m6{ width:738px; height:282px; background:url(../images/icon_menu_06.jpg) 0 0 no-repeat; padding:0 18px;} .Wrapper .ContentBR .Content .menu ul li{ width:246px; height:239px; float:left;} .Wrapper .ContentBR .Content .menu ul li h2{ text-indent:-9999px;} .Wrapper .ContentBR .Content .menu ul li h2 a{ width:246px; height:239px; display:block;} .Wrapper .ContentBR .Content .menu ul li h2.p1 a:active{ width:195px; height:239px; background:url(../images/icon_menu_01_in.jpg) -18px 0 no-repeat;} .Wrapper .ContentBR .Content .menu ul li h2.p2 a:active{ width:195px; height:239px; background:url(../images/icon_menu_01_in.jpg) -264px 0 no-repeat;} .Wrapper .ContentBR .Content .menu ul li h2.p3 a:active{ width:195px; height:239px; background:url(../images/icon_menu_01_in.jpg) -510px 0 no-repeat;} .Wrapper .ContentBR .Content .menu ul li h2.p4 a:active{ width:195px; height:239px; background:url(../images/icon_menu_02_in.jpg) -18px 0 no-repeat;} .Wrapper .ContentBR .Content .menu ul li h2.p5 a:active{ width:195px; height:239px; background:url(../images/icon_menu_02_in.jpg) -264px 0 no-repeat;} .Wrapper .ContentBR .Content .menu ul li h2.p6 a:active{ width:195px; height:239px; background:url(../images/icon_menu_02_in.jpg) -510px 0 no-repeat;} .Wrapper .ContentBR .Content .menu ul li h2.p7 a:active{ width:195px; height:239px; background:url(../images/icon_menu_03_in.jpg) -18px 0 no-repeat;} .Wrapper .ContentBR .Content .menu ul li h2.p8 a:active{ width:195px; height:239px; background:url(../images/icon_menu_03_in.jpg) -264px 0 no-repeat;} .Wrapper .ContentBR .Content .menu ul li h2.p9 a:active{ width:195px; height:239px; background:url(../images/icon_menu_04_in.jpg) -18px 0 no-repeat;} .Wrapper .ContentBR .Content .menu ul li h2.p10 a:active{ width:195px; height:239px; background:url(../images/icon_menu_04_in.jpg) -264px 0 no-repeat;} .Wrapper .ContentBR .Content .menu ul li h2.p11 a:active{ width:195px; height:239px; background:url(../images/icon_menu_05_in.jpg) -18px 0 no-repeat;} .Wrapper .ContentBR .Content .menu ul li h2.p12 a:active{ width:195px; height:239px; background:url(../images/icon_menu_05_in.jpg) -264px 0 no-repeat;} .Wrapper .ContentBR .Content .menu ul li h2.p13 a:active{ width:195px; height:239px; background:url(../images/icon_menu_06_in.jpg) -18px 0 no-repeat;} .Wrapper .ContentBR .Content .menu ul li h2.p14 a:active{ width:195px; height:239px; background:url(../images/icon_menu_06_in.jpg) -264px 0 no-repeat;} .Wrapper .ContentBR .Content .menu ul li h2.p15 a:active{ width:195px; height:239px; background:url(../images/icon_menu_05_in.jpg) -510px 0 no-repeat;} .Wrapper .ContentBR .Content .menu ul li h2.p16 a:active{ width:195px; height:239px; background:url(../images/icon_menu_04_in.jpg) -510px 0 no-repeat;} .Wrapper .ContentBR .Content .menu ul li h3{ text-indent:-9999px;} .Wrapper .ContentBR .Content .menu ul li h3 a{ width:246px; height:239px; display:block;} .Wrapper .ContentBR .Content .menu ul li h3.p1 a:active{ width:195px; height:239px; background:url(../images/icon_menu_01_in.jpg) -18px 0 no-repeat;} .Wrapper .ContentBR .Content .menu ul li h3.p2 a:active{ width:195px; height:239px; background:url(../images/icon_menu_01_in.jpg) -264px 0 no-repeat;} .Wrapper .ContentBR .Content .menu ul li h3.p3 a:active{ width:195px; height:239px; background:url(../images/icon_menu_01_in.jpg) -510px 0 no-repeat;} .Wrapper .ContentBR .Content .menu ul li h3.p4 a:active{ width:195px; height:239px; background:url(../images/icon_menu_02_in.jpg) -18px 0 no-repeat;} .Wrapper .ContentBR .Content .menu ul li h3.p5 a:active{ width:195px; height:239px; background:url(../images/icon_menu_02_in.jpg) -264px 0 no-repeat;} .Wrapper .ContentBR .Content .menu ul li h3.p6 a:active{ width:195px; height:239px; background:url(../images/icon_menu_02_in.jpg) -510px 0 no-repeat;} .Wrapper .ContentBR .Content .menu ul li h3.p7 a:active{ width:195px; height:239px; background:url(../images/icon_menu_03_in.jpg) -18px 0 no-repeat;} .Wrapper .ContentBR .Content .menu ul li h3.p8 a:active{ width:195px; height:239px; background:url(../images/icon_menu_03_in.jpg) -264px 0 no-repeat;} .Wrapper .ContentBR .Content .menu ul li h3.p9 a:active{ width:195px; height:239px; background:url(../images/icon_menu_04_in.jpg) -18px 0 no-repeat;} .Wrapper .ContentBR .Content .menu ul li h3.p10 a:active{ width:195px; height:239px; background:url(../images/icon_menu_04_in.jpg) -264px 0 no-repeat;} .Wrapper .ContentBR .Content .menu ul li h3.p11 a:active{ width:195px; height:239px; background:url(../images/icon_menu_05_in.jpg) -18px 0 no-repeat;} .Wrapper .ContentBR .Content .menu ul li h3.p12 a:active{ width:195px; height:239px; background:url(../images/icon_menu_05_in.jpg) -264px 0 no-repeat;} .Wrapper .ContentBR .Content .menu ul li h3.p13 a:active{ width:195px; height:239px; background:url(../images/icon_menu_06_in.jpg) -18px 0 no-repeat;} .Wrapper .ContentBR .Content .menu ul li h3.p14 a:active{ width:195px; height:239px; background:url(../images/icon_menu_06_in.jpg) -264px 0 no-repeat;} .Wrapper .ContentBR .Content .menu ul li h3.p15 a:active{ width:195px; height:239px; background:url(../images/icon_menu_05_in.jpg) -510px 0 no-repeat;} .Wrapper .ContentBR .Content .menu ul li h3.p16 a:active{ width:195px; height:239px; background:url(../images/icon_menu_04_in.jpg) -510px 0 no-repeat;} /*資料查詢*/ .Wrapper .ContentBR .Content .no_data{ width:760px; background-color:#ececec; border-radius:8px 8px 8px 8px;/* margin-top:15px;*/ overflow:hidden; margin-top: 0; margin-right: auto; /*margin-bottom: 20px;*/ margin-left: auto; } .Wrapper .ContentBR .Content .no_data p.pram{ font-size:1.5em; line-height:77px; text-align:left; color: #1D2C74; letter-spacing: 0.1em; padding-left: 50px; background-image: url(../images/i.png); background-repeat: no-repeat; background-position: 16px 22px;} .Wrapper .ContentBR .Content .no_data p.title_blue{ width:680px; font-size:1.75em; color:#0551a7; line-height:45px; text-align:center; padding:20px 0; margin:0 auto;} .Wrapper .ContentBR .Content .no_data .fillin_box{ width:420px; height:46px; margin:0 auto; border:1px solid #b8bcbc; background-color:#FFF; border-radius:5px; -webkit-border-radius: 5px; /* Safari, Chrome */-moz-border-radius: 5px; /* Firefox */behavior: url(border-radius.htc); /* IE6, IE7, IE8 */} .Wrapper .ContentBR .Content .no_data .fillin_box input{ float:left; width:350px; _width:345px; height:45px; text-align:center; padding:0 15px; font-size:1.5em; border:none; border-radius:5px; -webkit-border-radius: 5px; /* Safari, Chrome */-moz-border-radius: 5px; /* Firefox */behavior: url(border-radius.htc); /* IE6, IE7, IE8 */font-family:Helvetica,"Heiti TC","微軟正黑體","Microsoft Sans Serif","Microsoft Sans Serif","Helvetica","Geneva","sans-serif";} .Wrapper .ContentBR .Content .no_data .fillin_box a.go{ float:left; width:40px;_width:30px; height:45px; display:block; background:url(../images/iocn_s.gif) 0 6px no-repeat;} .Wrapper .ContentBR .Content .no_data .fillin_box1{ width:620px; height:46px; margin:0 0 10px 30px; font-family:Helvetica, "Heiti TC", "微軟正黑體", "Microsoft Sans Serif", "Microsoft Sans Serif", "Helvetica", "Geneva", "sans-serif"; color: #000;} .Wrapper .ContentBR .Content .no_data .fillin_box1 input{ float:left; width:145px; _width:140px; border:1px solid #b8bcbc; background-color:#FFF; height:45px; text-align:center; padding:0 15px; font-size:1.5em; border-radius:5px; -webkit-border-radius: 5px; /* Safari, Chrome */-moz-border-radius: 5px; /* Firefox */behavior: url(border-radius.htc); /* IE6, IE7, IE8 */font-family:Helvetica,"Heiti TC","微軟正黑體","Microsoft Sans Serif","Microsoft Sans Serif","Helvetica","Geneva","sans-serif";} .Wrapper .ContentBR .Content .no_data .fillin_box1 p{ float:left; width:180px; _width:170px; line-height:46px; height:45px; text-align:right; padding:0 15px; font-size:1.875em;} .Wrapper .ContentBR .Content .no_data .fillin_box1 .aa{ float:left; width:20px; _width:10px; line-height:46px; height:45px; text-align:center; padding:0 15px; font-size:1.875em;} .Wrapper .ContentBR .Content .no_data .fillin_box2{ width:620px; height:46px; margin:0 0 10px 30px;} .Wrapper .ContentBR .Content .no_data .fillin_box2 input{ float:left; width:350px; _width:345px; border:1px solid #b8bcbc; background-color:#FFF; height:45px; text-align:left; padding:0 15px; font-size:1.5em; border-radius:5px; -webkit-border-radius: 5px; /* Safari, Chrome */-moz-border-radius: 5px; /* Firefox */behavior: url(border-radius.htc); /* IE6, IE7, IE8 */font-family:Helvetica,"Heiti TC","微軟正黑體","Microsoft Sans Serif","Microsoft Sans Serif","Helvetica","Geneva","sans-serif";} .Wrapper .ContentBR .Content .no_data .fillin_box2 p{ float:left; width:180px; line-height:46px; _width:170px; height:45px; text-align:right; padding:0 15px; font-size:1.875em;} .Wrapper .ContentBR .Content .no_data .fillin_box2 select{ float:left; width:350px; _width:345px; border:1px solid #b8bcbc; background-color:#FFF; height:45px; text-align:left; padding:0 0; font-size:1.5em; border-radius:5px; -webkit-border-radius: 5px; /* Safari, Chrome */-moz-border-radius: 5px; /* Firefox */behavior: url(border-radius.htc); /* IE6, IE7, IE8 */font-family:Helvetica,"Heiti TC","微軟正黑體","Microsoft Sans Serif","Microsoft Sans Serif","Helvetica","Geneva","sans-serif";} .Wrapper .ContentBR .Content .no_data .fillin_box3{ width:630px; height:46px; margin:0 0 10px 30px;} .Wrapper .ContentBR .Content .no_data .fillin_box3 input{ float:left; width:300px; _width:300px; border:1px solid #b8bcbc; background-color:#FFF; height:45px; text-align:left; padding:0 25px; font-size:1.5em; border-radius:5px; -webkit-border-radius: 5px; /* Safari, Chrome */-moz-border-radius: 5px; /* Firefox */behavior: url(border-radius.htc); /* IE6, IE7, IE8 */font-family:Helvetica,"Heiti TC","微軟正黑體","Microsoft Sans Serif","Microsoft Sans Serif","Helvetica","Geneva","sans-serif";} .Wrapper .ContentBR .Content .no_data .fillin_box3 p{ float:left; width:235px; line-height:46px; _width:200px; height:45px; text-align:right; padding:0 15px; font-size:1.625em;} .Wrapper .ContentBR .Content .no_data .fillin_box3 select{ float:left; width:350px; _width:345px; border:1px solid #b8bcbc; background-color:#FFF; height:45px; text-align:left; padding:0 0; font-size:1.5em; border-radius:5px; -webkit-border-radius: 5px; /* Safari, Chrome */-moz-border-radius: 5px; /* Firefox */behavior: url(border-radius.htc); /* IE6, IE7, IE8 */font-family:Helvetica,"Heiti TC","微軟正黑體","Microsoft Sans Serif","Microsoft Sans Serif","Helvetica","Geneva","sans-serif";} .Wrapper .ContentBR .Content .no_data p.remark{ width:500px; color:#333; line-height:45px; height:45px; font-size:1.25em; margin:0 0 5px 265px;} .Wrapper .ContentBR .Content .no_data p.remark a{color:#00C;} .Wrapper .ContentBR .Content .no_data p.inquiry_number{ margin:0 auto; text-align:center; width:500px; color:#333; line-height:30px; font-size:1.25em; margin-bottom:25px;} .Wrapper .ContentBR .Content .no_data p.inquiry_number span{ color:#C00;} .Wrapper .ContentBR .Content .no_data .btm{ width:361px; height:47px; margin:0 auto; padding:25px 0 35px 0; /*background:url(../images/btm.gif) 0 25px no-repeat;*/} .Wrapper .ContentBR .Content .no_data .btm p{ font-size:1.9375em; line-height:50px; text-align:center;} .Wrapper .ContentBR .Content .no_data .btm p.sead{ float:left; width:156px; height:47px; margin:0 auto; background-image: url(../images/2-0btn_06.png); background-repeat: no-repeat; margin-top: 0; margin-right: 10px; margin-bottom: 0; margin-left: auto;} .Wrapper .ContentBR .Content .no_data .btm p.none{ float:left; width:165px; height:47px; margin:0 auto;} .Wrapper .ContentBR .Content .no_data .btm p a{ color:#000; text-decoration:none;} .Wrapper .ContentBR .Content .data_box{ min-height:600px; width:760px; overflow: hidden; background-color:#f5f5f5; border-top-width: 4px; border-top-style: solid; border-top-color: #2A7FAA; margin-top: -10px; margin-right: auto; margin-bottom: 0; margin-left: auto; } .Wrapper .ContentBR .Content .data_box p.aa{ width:680px; text-align:justify; font-size:1.5em; line-height:40px; padding:15px 0; margin:0 auto;} .Wrapper .ContentBR .Content .sty02{ border-radius:8px; /*margin-top:20px;*/} .Wrapper .ContentBR .Content p.bigback{ width:760px; height:46px; font-size:1.5em; line-height:46px; font-weight:bold; text-align:center; background-color:#f5f5f5; border-radius: 0 0 8px 8px; margin:0 auto; padding:5px 0 25px 0;} .Wrapper .ContentBR .Content p.bigback a{ width:168px; height:45px; display:block; color:#1a1a1a; text-decoration:none; margin:0 auto; background:url(../images/btm_2.gif) 0 0 repeat-x; border-radius:5px; border:1px solid #bec0c1;} .Wrapper .ContentBR .Content .data_box table { width:700px; margin:0 auto; background-color:#f5f5f5; border-radius:8px 8px 0 0; margin-top:15px;} .Wrapper .ContentBR .Content .data_box table p{ padding:10px;} .Wrapper .ContentBR .Content .data_box table p a{ color:#00F;} .Wrapper .ContentBR .Content .data_box table tr td{ border-bottom:10px solid #f5f5f5; font-size:1.375em;} .Wrapper .ContentBR .Content .data_box table tr td.color_blue{ background-color:#00C; color:#FFF; font-size:1.125em; text-align:center; -moz-box-shadow:2px 5px 5px #009 inset; /* For Firefox3.6+ */ -webkit-box-shadow:2px 5px 5px #009 inset; /* For Chrome5+, Safari5+ */ box-shadow:2px 5px 5px #009 inset;/* For Latest Opera */} .Wrapper .ContentBR .Content .data_box table tr td.color_a{ background-color:#c5c1b3; border-radius:5px 0 0 5px; -moz-box-shadow:2px 5px 5px #999 inset; /* For Firefox3.6+ */ -webkit-box-shadow:2px 5px 5px #999 inset; /* For Chrome5+, Safari5+ */ box-shadow:2px 5px 5px #999 inset;/* For Latest Opera */} .Wrapper .ContentBR .Content .data_box table tr td.color_b{ background-color:#dedac9; border-radius:0 5px 5px 0; -moz-box-shadow:0px 5px 5px #999 inset; /* For Firefox3.6+ */ -webkit-box-shadow:0px 5px 5px #999 inset; /* For Chrome5+, Safari5+ */ box-shadow:0px 5px 5px #999 inset;/* For Latest Opera */} .Wrapper .ContentBR .Content .data_box table tr td.color_c{ background-color:#dedac9; -moz-box-shadow:0px 5px 5px #999 inset; /* For Firefox3.6+ */ -webkit-box-shadow:0px 5px 5px #999 inset; /* For Chrome5+, Safari5+ */ box-shadow:0px 5px 5px #999 inset;/* For Latest Opera */} .Wrapper .ContentBR .Content .data_box table tr td.font18{ font-size:1.125em;} .Wrapper .ContentBR .Content .data_box p.inquiry_number{ margin:0 auto; text-align:center; width:500px; color:#333; line-height:30px; font-size:1.25em;} .Wrapper .ContentBR .Content .data_box .Bot{ margin:0 auto; padding-bottom:20px;} .Wrapper .ContentBR .Content .data_box .Bot p.go_page{ text-align: center; letter-spacing:1px; font-size:1.625em; color: #333; line-height:65px;} .Wrapper .ContentBR .Content .data_box .Bot p.go_page a{ text-decoration:none; margin:0 3px; color:#999; border-radius:5px;} .Wrapper .ContentBR .Content .data_box .Bot p.go_page a.br01{ width:67px; height:42px; background: url(../images/news_br_01.gif) 0 0 repeat-x; padding:5px 10px;} .Wrapper .ContentBR .Content .data_box .Bot p.go_page select{ width:60px; padding:5px; font-size:1.25em;} .Bottom{ width:684px; height:132px; margin:0 auto; padding:10px 45px;background-color:#05abe0;} .Bottom p{ text-align: justify; letter-spacing: 1px; font-size:1.25em; color:#1D4376; line-height:28px; /*text-shadow:2px 2px 3px #333;*/ } .Bottom p.go_page{ text-align: center; letter-spacing:1px; font-size:1.875em; color:#FFF; line-height:65px;} .Bottom p.go_page a{ text-decoration:none; margin:0 10px; color:#FFF;} .Bottom p.go_page a.br01{ width:67px; height:42px; background:url(../images/ion_more.png) 0 0 no-repeat; padding:5px 10px;} /*20140417新增*/ .Wrapper .ContentBR .Content .no_data .btm1{ width:521px; height:120px; margin:0 auto; padding:25px 0 35px 0; /*background:url(../images/btm.gif) 0 25px no-repeat;*/} /*.Wrapper .ContentBR .Content .no_data .btm1 { width:400px; height:47px; margin:0 auto; padding:25px 0 35px 0;}*/ .Wrapper .ContentBR .Content .no_data .btm1 .button { font-size:1.9375em; line-height:50px; text-align:center; text-decoration:none; color:#000;} .Wrapper .ContentBR .Content .no_data .btm1 p{ font-size:1.9375em; line-height:50px; text-align:center;} .Wrapper .ContentBR .Content .no_data .btm1 p.sead{ float:left; width:156px; height:47px; background-image: url(../images/2-0btn_06.png); background-repeat: no-repeat; margin-top: 0; margin-right: 10px; margin-bottom: 0; margin-left: auto;} .Wrapper .ContentBR .Content .no_data .btm1 p.sead1{ float:left; width:300px; height:47px; background-image: url(../images/2-0btn_07.png); background-repeat: no-repeat; margin-left: 85px; margin-bottom: 20px;} .Wrapper .ContentBR .Content .no_data .btm1 p a{ color:#000; text-decoration:none;} .Wrapper .ContentBR .Content .no_data .btm2{ width:800px; height:47px; /*background:url(../images/btm.gif) 0 25px no-repeat;*/ margin-top: -20px; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 25px; padding-right: 0; padding-bottom: 35px; padding-left: 0;} .Wrapper .ContentBR .Content .no_data .btm2 p{ font-size:1.25em; line-height:50px; text-align:center;} .Wrapper .ContentBR .Content .no_data .btm2 p.sead{ float:left; width:156px; height:47px; background-image: url(../images/2-0btn_06.png); background-repeat: no-repeat; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: 30px;} .Wrapper .ContentBR .Content .no_data .btm2 p a{ color:#000; text-decoration:none;} .Wrapper .ContentBR .Content .no_data #no_data_tab { font-family:Helvetica, "Heiti TC", "微軟正黑體", "Microsoft Sans Serif", "Microsoft Sans Serif", "Helvetica", "Geneva", "sans-serif";width: 96%; margin: 15px; border-collapse:collapse; font-size:1.25em; line-height: 45px; background-color: #FFFFEC;} .Wrapper .ContentBR .Content .no_data #no_data_tab tr th { width: 100px; padding: 5px 10px 5px 10px; border: 1px solid #A0A0A4; } .Wrapper .ContentBR .Content .no_data #no_data_tab tr td { padding: 5px 10px 5px 10px; border: 1px solid #A0A0A4;} .Wrapper .ContentBR .Content .no_data #no_data_tab_code_detail { font-family:Helvetica, "Heiti TC", "微軟正黑體", "Microsoft Sans Serif", "Microsoft Sans Serif", "Helvetica", "Geneva", "sans-serif";width: 96%; margin: 15px; border-collapse:collapse; font-size:1.25em; line-height: 30px; background-color: #FFFFEC;} .Wrapper .ContentBR .Content .no_data #no_data_tab_code_detail tr th { width: 120px; padding: 5px 10px 5px 10px; border: 1px solid #A0A0A4; } .Wrapper .ContentBR .Content .no_data #no_data_tab_code_detail tr td { padding: 5px 10px 5px 10px; border: 1px solid #A0A0A4;} .Wrapper .ContentBR .Content .no_data .no_data_tab_txt { line-height: 30px; margin:0 30px; font-size: 1.25em;} .Wrapper .ContentBR .Content .no_data .no_data_tab_txt h1 { font-size: 1.25em; margin-top:-15px; margin-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; padding-bottom: 5px;} .Wrapper .ContentBR .Content .no_data .no_data_tab_txt ol { font-family:Helvetica, "Heiti TC", "微軟正黑體", "Microsoft Sans Serif", "Microsoft Sans Serif", "Helvetica", "Geneva", "sans-serif";} .Wrapper .ContentBR .Content .no_data .no_data_tab_txt p { margin-left : 4.7em; text-indent : -4.7em ;} .Wrapper .ContentBR .Content .no_data .no_data_tab_txt #p1 { margin-left : 6.7em; text-indent : -2em;} .Wrapper .ContentBR .Content .no_data .no_data_tab_txt #no_data_tab1{ font-family:Helvetica, "Heiti TC", "微軟正黑體", "Microsoft Sans Serif", "Microsoft Sans Serif", "Helvetica", "Geneva", "sans-serif"; width: 100%; border-collapse:collapse; font-size:1.25em; line-height: 45px; border-top-width: 5px; border-top-style: solid; border-top-color: #CECECE; margin-top: -10px; margin-right: 15px; margin-bottom: 35px; margin-left: 0px;} .Wrapper .ContentBR .Content .no_data .no_data_tab_txt #c1{ margin-left: 3.6em; text-indent: -3.6em;} .Wrapper .ContentBR .Content .no_data .no_data_tab_txt #no_data_tab1 tr th { width: 100px; padding: 5px 10px 5px 10px; font-weight: normal; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #808080; background-color: #DDD; } .Wrapper .ContentBR .Content .no_data .no_data_tab_txt #no_data_tab1 tr td { padding: 5px 10px 5px 10px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #808080; line-height: 26px; } .Wrapper .ContentBR .Content .no_data .no_data_tab_txt #no_data_tab1 tr td p { color: #D41F55; } .Wrapper .ContentBR .Content .no_data .no_data_tab_txt #no_data_tab1 tr td .btm3{ width:200px; height:47px; margin-right: 150px; float:right; } .Wrapper .ContentBR .Content .no_data .no_data_tab_txt #no_data_tab1 tr td .btm3 p{ font-size:1.375em; line-height:50px; text-align:center; } .Wrapper .ContentBR .Content .no_data .no_data_tab_txt #no_data_tab1 tr td .btm3 p.sead{ float:left; width:156px; height:47px; margin:0 auto; background-image: url(../images/2-0btn_06.png); background-repeat: no-repeat;} .Wrapper .ContentBR .Content .no_data .no_data_tab_txt #no_data_tab1 tr td .btm3 p a{ color:#000; text-decoration:none;} .Wrapper .ContentBR .Content .no_data .no_data_tab_txt_title { line-height: 30px; margin:30px 15px; font-size: 1.25em; color:#A00;} .Wrapper .ContentBR .Content .no_data .no_data_tab_txt_title h1 { font-size: 1.25em; margin-top:-15px; margin-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; padding-bottom: 5px;} .Wrapper .ContentBR .Content .no_data .no_data_tab_txt_title ol { font-family:Helvetica, "Heiti TC", "微軟正黑體", "Microsoft Sans Serif", "Microsoft Sans Serif", "Helvetica", "Geneva", "sans-serif";} .Wrapper .ContentBR .Content .no_data .no_data_tab_txt p { margin-left : 4.7em; text-indent : -4.7em ;} .Wrapper .ContentBR .Content .no_data .no_data_tab_txt_title #p1 { margin-left : 6.7em; text-indent : -2em;} .Wrapper .ContentBR .Content .no_data .no_data_tab_txt_title #no_data_tab{ font-family:Helvetica, "Heiti TC", "微軟正黑體", "Microsoft Sans Serif", "Microsoft Sans Serif", "Helvetica", "Geneva", "sans-serif"; width: 100%; border-collapse:collapse; font-size:1.25em; line-height: 45px; border-top-width: 5px; border-top-style: solid; border-top-color: #CECECE; margin-top: -10px; margin-right: 15px; margin-bottom: 35px; margin-left: 0px; background-color: #FFF;} .Wrapper .ContentBR .Content .no_data .no_data_tab_txt_title #no_data_tab tr th { width: 100px; line-height: 30px; padding: 5px; border: 1px solid #A0A0A4; background-color: #DFDFFF; font-weight: normal;} .Wrapper .ContentBR .Content .no_data .no_data_tab_txt_title #no_data_tab tr td {width:30%; line-height: 30px; padding: 5px ; border: 1px solid #A0A0A4;} .Wrapper .ContentBR .Content .no_data .no_data_tab_txt_title #no_data_tab tr td a{ text-decoration: none;} .Wrapper .ContentBR .Content .no_data .no_data_tab_txt_title #no_data_tab tr #fontred { font-weight: bold; color: #FFF; background-color: #555FAA;} .Wrapper .ContentBR .Content .no_data .no_data_tab_txt_title #c1{ margin-left: 3.6em; text-indent: -3.6em;} .Wrapper .ContentBR .Content .no_data .no_data_tab_txt_title #no_data_tab1 tr th { width: 100px; padding: 5px 10px 5px 10px; font-weight: normal; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #808080; background-color: #DDD; } .Wrapper .ContentBR .Content .no_data .no_data_tab_txt_title #no_data_tab1 tr td { padding: 5px 10px 5px 10px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #808080; line-height: 26px; } .Wrapper .ContentBR .Content .no_data .no_data_tab_txt_title #no_data_tab1 tr td p { color: #D41F55; } .Wrapper .ContentBR .Content .no_data .no_data_tab_txt_title #no_data_tab1 tr td .btm3{ width:200px; height:47px; margin-right: 150px; float:right; } .Wrapper .ContentBR .Content .no_data .no_data_tab_txt_title #no_data_tab1 tr td .btm3 p{ font-size:1.375em; line-height:50px; text-align:center; } .Wrapper .ContentBR .Content .no_data .no_data_tab_txt_title #no_data_tab1 tr td .btm3 p.sead{ float:left; width:156px; height:47px; margin:0 auto; background-image: url(../images/2-0btn_06.png); background-repeat: no-repeat;} .Wrapper .ContentBR .Content .no_data .no_data_tab_txt_title #no_data_tab1 tr td .btm3 p a{ color:#000; text-decoration:none;} .Wrapper .ContentBR .Content .no_data .no_data_tab_txt #no_data_tab1 tr td .no_data_fillin_box { width:420px; height:46px; border:1px solid #b8bcbc; background-color:#FFF; border-radius:5px; -webkit-border-radius: 5px; /* Safari, Chrome */ -moz-border-radius: 5px; /* Firefox */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */ margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: 5px; } .Wrapper .ContentBR .Content .no_data .no_data_tab_txt #no_data_tab1 tr td .no_data_fillin_box input{ float:left; width:350px; _width:345px; height:45px; text-align:left; padding:0 15px; font-size:1.5em; border:none; border-radius:5px; -webkit-border-radius: 5px; /* Safari, Chrome */-moz-border-radius: 5px; /* Firefox */behavior: url(border-radius.htc); /* IE6, IE7, IE8 */font-family:Helvetica,"Heiti TC","微軟正黑體","Microsoft Sans Serif","Microsoft Sans Serif","Helvetica","Geneva","sans-serif";} .Wrapper .ContentBR .Content .no_data .no_data_tab_txt #no_data_tab1 tr td .no_data_fillin_box a.go{ float:left; width:40px;_width:30px; height:45px; display:block; background:url(../images/iocn_s.gif) 0 6px no-repeat;} .Wrapper .ContentBR .Content .no_data .no_data_tab_txt #no_data_tab1 tr td .no_data_fillin_box .sead {float:right; width:156px; height:47px; background-image: url(../images/2-0btn_06_s.png); background-repeat: no-repeat; margin-top: -45px; margin-bottom: 0; margin-right:-180px;} .Wrapper .ContentBR .Content .no_data .no_data_tab_txt #no_data_tab1 tr td .no_data_fillin_box p{ font-size:1.25em; line-height:50px; text-align:center; padding-left: 10px; } .Wrapper .ContentBR .Content .no_data .no_data_tab_txt #no_data_tab1 tr td .no_data_fillin_box a{ color:#000; text-decoration:none; } .Wrapper .ContentBR .Content .no_data .no_data_tab_txt ol { list-style-type: decimal; list-style-position: outside; padding-left: 30px; } .Wrapper .ContentBR .Content .no_data .no_data_tab_txt ol li a{ text-decoration:none; } .Wrapper .ContentBR .Content .no_data .no_data_tab_txt ol li a:hover{ color: #F05; } .Wrapper .ContentBR .Content .no_data .no_data_tab_txt #p2 { margin-left: 95px; } .no_data ul { margin-top:20px; line-height: 30px; font-size:1.5em; font-family:Helvetica,"Heiti TC","微軟正黑體","Microsoft Sans Serif","Microsoft Sans Serif","Helvetica","Geneva","sans-serif"; -webkit-text-size-adjust:none; /* -webkit-text-size-adjust:100%; */} .no_data ul li{ background-image: url(../images/news_br_010.gif); background-repeat: repeat-x;} .no_data ul li p {margin-left: 5.9em; text-indent: -8.0em; padding-bottom:15px; padding-top:15px;} .no_data ul li p a { text-decoration: none; color:#000} .no_data ul li p a:hover{ color: #F05;} .no_data ul li p span { color: #2A3FAA; padding-left:65px;}