/***** 2023 摮貉??弦??*******/ body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, textarea, p, blockquote, th, td { margin: 0;padding: 0;} img {border: 0;} :focus {outline: 0;} h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;} input, button, textarea, select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;} code, kbd, samp, tt {font-size: 100%;} /*purpose To enable resizing for IE */ /*branch For IE6-Win, IE7-Win */ /* input*/ button, textarea { -webkit-appearance: none; /* Safari 嚙踝蕭嚙?Chrome?蕭?蕭?蕭銌迺OS??摰蕭?蕭?寥?蕭嚙踝蕭 */ -moz-appearance: none; /* FireFox */ appearance: none;} ol, ul, li {list-style: none; color: white;} :link, :visited , ins {text-decoration: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} /*HTML5 tag*/ section, article, aside, footer, header, nav, main {display:block;} /*HTML5 display-role reset for older browsers*/ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} table {border-collapse: collapse; border-spacing: 0;} /*general*/ html, body {height: 100%;width: 100%;} body {color:#fff;font:16px "Calibri","Microsoft JhengHei","Apple LiGothic";margin:0;line-height: 28px;width:100%;cursor:default;background:#000 url(graphics/bg1.jpg) center top no-repeat fixed; background-size:100%; } div , p , table {padding:0;margin:0;width: 100%;float:left;} /*字體顏色白色*/ p {margin:5px 0 10px; color: white;} span {} /*title*/ h1 , #home-hbox-2907 .home-hbox-title {font-size:32px; line-height:38px; color:#fff; font-weight:bold; padding:0 0 20px;margin:20px 0; width:100%; float:left;background: url(graphics/h1.png) left bottom no-repeat;} h1 span span {font-size:26px;} h2 {font-size:28px; line-height:38px; color:#F1BF5B; font-weight:bold; margin:15px 0; width:100%; float:left; } h2 span {font-size:20px; margin:0 0 0 15px; /*width:100%; float:left; */} h3 {font-size:24px; line-height:30px; color:#F0D2C1; font-weight:bold; margin:10px 0 5px; width:100%; float:left;} h4 {font-size:24px; line-height:30px; color:#F0D2C1; font-weight:bold; margin:10px 0 5px; width:100%; float:left;} h5 {font-size:22px; line-height:28px; color:#ffffff; font-weight:bold; margin:5px 0; width:100%; float:right; text-align:right;} /*個人立志名字體顏色修改*/ h6 {font-size:20px; line-height:28px;color:#fff; /*color:#e7c4de;*/ font-weight:bold; margin:5px 0px; width:100%; float:left; text-align:right;} h6:before {content:' '; width:calc(100% - 115px); float:left; margin:15px 0 0; border-bottom:1px solid rgba(255, 255, 255, 0.5);} /*link*/ a {color: #cbd6e9;-webkit-transition: color .5s, background .5s;transition: color .5s, background .5s;cursor:pointer;} a:hover {color:#fff;} a img {opacity: 1;} a img:hover {opacity: .8;-webkit-transition: opacity .5s;transition: opacity .5s;} img:hover {opacity: .8;-webkit-transition: opacity .5s;transition: opacity .5s;} .logoimg a img:hover , #company-logo a img:hover , #flash-box img:hover , #foot-greeting img:hover , .winner-img img:hover , .winner-pic:hover , .winner-list a img:hover , #articledetail697432 .ablist49782 li a img:hover , #slidepic li img:hover {opacity: 1;} .printer , hr {display:none;} /*ul*/ ul {width:100%;float:Left;} ul li {margin:0 5px;} /*iframe img*/ iframe {margin: 10px 0;max-width: 100% !important; width: 100%; height:450px;} img {height: auto ;max-width: 100%;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);} .logoimg a img , #company-logo img , #flash-box img , #foot-greeting img , .contact-text img , #homecontent img , #home-hbox-2899 .home-hbox-body ul li img {box-shadow:none;} /*input*/ input, textarea {padding:5px 5px;float:left;border:1px solid #7a93cb;border-radius:5px;} input[type="submit"], input[type="button"] {width:calc(100% - 12px);color:#fff; background: rgba(75,115,179,.9);cursor: pointer;-webkit-transition: background .5s;transition: background .5s;} input[type="submit"]:hover , input[type="button"]:hover {color:#fff; background: #7a93cb;border:1px solid rgba(75,115,179,.9);} input[type="radio"] , input[type="checkbox"] {margin:5px 5px 5px 0;width:15px;height:15px;} /*All Pagination*/ .pageselection {} .pageselection ul {width:100%;float:left;text-align:center;margin:20px 0 45px;} .pageselection ul li {display:inline-block; list-style:none; margin:5px 15px;} .pageselection ul li.activepage a {background:#7a93cb; color:#ffffff; padding:5px 8px;} .pageselection ul li.activepage a:hover {background: #fff; color: #7a93cb;} .pageselection ul li.page-word , .pageselection ul li.next {display:none;} /*frame layout*/ #artboard {min-height: 100%; position:relative;} #artboard-body {} #artboard-inner {} #artboard-end {} /*header*/ #header {} #header-body {} /*greeting*/ #greeting {width:1180px; margin:0 calc(50% - 590px);} /*content*/ #content {} /*mainside*/ #mainside {padding:15px 0 0px; background:rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px rgba(149,185,211,.5);} /*company-logo*/ #company-logo {width:350px;margin:0 0 0 30px;} #company-logo .hbox-title {display:none;} #company-logo a {width:100%; float:left;} #home #company-logo {opacity: 1;} /*mainmenu*/ #mainmenu {width:calc(100% - 440px); margin:0 10px 0 50px;} #mainmenu ul {width:760px; float:right;} #mainmenu ul li {float:left; margin:60px 0 0; text-align:right;position:relative;} #mainmenu ul li > a {float:left; width:calc(100% - 40px); font-size:20px; padding:20px 20px; line-height: 20px; color:#fff; font-weight:900;} #mainmenu ul li:hover > a {color:#F1BF5B;} #mainmenu ul li#menu49775 {display:none;} /*2nd and more Level Main Menu */ #mainmenu ul li ul {position:absolute; width:100%; display:none; top:60px; left:0px; box-shadow: 0 0 10px rgba(149,185,211,.5);} #mainmenu ul li:hover > ul { background:rgba(0, 0, 0, 0.5); display: block; padding:0; width:200px; margin:0 0 0 20px; z-index:99;} #mainmenu ul li ul li {width:100%;text-align:center;padding:0px;margin:0;} #mainmenu ul li ul li a {display:block; padding:15px 15px; width:calc(100% - 30px); font-size:18px; text-align:center;} #mainmenu ul li ul li a:hover , #mainmenu ul li ul li ul li a:hover {color:#fff;} #mainmenu ul li ul li:hover , #mainmenu ul li ul li:hover a {color:#fff !important;background:#F1BF5B; box-shadow: 0 0 10px rgba(149,185,211,.5);} #mainmenu ul li ul li ul {display:none;} /*maincontent*/ #maincontent { /*background: url(graphics/maincont-bg.png) center top no-repeat ;background:rgba(0, 0, 0, 0.5);*/ padding:0px calc(50% - 590px); width:1180px; } #maincontent-body {width:calc(100% - 60px);padding:30px 30px 0; margin:0; min-height: 75vh;} /*secondside*/ #secondside {} /*foot-greeting*/ #foot-greeting {background:rgba(0, 0, 0, 0.5);} #foot-greeting-body {width:1180px; margin:15px calc(50% - 590px);text-align:center;} /*copyright*/ .copyright {width:600px; padding:0 calc(50% - 300px);font-size:12px;color:#fff;} .copyright a {width:200px; float:left; margin:0px 20px 0px 0;} .copyright span {width:calc(100% - 220px); float:left; text-align:left; margin:15px 0 0;} /*footer*/ #footer {display:none;} /*home*/ body#home {background:#000 url(graphics/homebg.jpg) center center no-repeat fixed; background-size:100%;} #home #maincontent {padding:0px; width:100%;} #home #maincontent-body {width:100%;padding:20px 0 0; margin:0 0;} /*header-slider*/ #header-slider {} /*homecontent*/ #homecontent {height:650px;} .home-solgan {position:relative; top:100px; left:5%; text-align:center; width:800px; height: 260px; border-radius:5px; font-size:32px; line-height:48px; color:#fff; font-weight:bold; padding:40px 0; text-shadow: rgba(0,0,0,.5) 0.1em 0.1em 0.2em; background: url(graphics/logo1.svg) center center no-repeat; } /*.home-solgan {position:relative; top:100px; left:5%; text-align:center; width:800px; border-radius:5px; font-size:32px; line-height:48px; color:#fff; font-weight:bold; padding:35px 0; text-shadow: rgba(0,0,0,.5) 0.1em 0.1em 0.2em; box-shadow: 0 0 10px rgba(149,185,211,.5); background:rgba(0,0,0,.5) ; } .home-solgan span {width:100%; margin:10px 0 0; float:left; font-size:20px; line-height:30px; color:#7a93cb; font-weight:bold;}*/ /*home-hbox-2909*/ #home-hbox-2909 {background:#000 url(graphics/bg1.jpg) center top no-repeat; background-size:100%} #home-hbox-2909 .home-hbox-title {text-align:center;margin:30px 0 0; display:none;} #home-hbox-2909 .home-hbox-title h1 {background: none;} #home-hbox-2909 .home-hbox-body {width:1920px; margin:0 calc(50% - 960px);} #home-hbox-2909 .awardlink {width:calc(100% - 1600px); margin:30px 0 0;} #home-hbox-2909 .awardlink h1 {background: none;text-align:center; text-shadow: rgba(0,0,0,.5) 0.1em 0.1em 0.2em;} #home-hbox-2909 .awardlink ul {} #home-hbox-2909 .awardlink li {color:#fff; width:200px; padding:15px calc(50% - 100px); margin:0 0 15px; float:left; border-radius:5px;} #home-hbox-2909 .awardlink ul li a {width:100%; float:left; } #home-hbox-2909 .awardlink ul li:hover img {box-shadow: 0 0 10px rgba(149,185,211,.5);} #home-hbox-2909 .awardlink ul li:hover span {box-shadow: 0 0 10px rgba(149,185,211,.5);} #home-hbox-2909 .awardlink ul li a img {width:calc(100% - 10px); /*height:calc(100% - 10px);*/ height:200px; float:left; border:5px solid #7a93cb; border-radius:50%; background:#fff; } #home-hbox-2909 .awardlink ul li a span {width:100%; float:left; text-align:center; padding:10px 0; margin:15px 0 0; font-size:18px; line-height:28px; color:#fff; background:rgba(0,0,0,.5) ; font-weight:bold; border-radius:5px;} /*flashbox*/ .flashbox {width:1600px;} .bx-wrapper {display:block; height:auto; margin:0 !important; } .bx-wrapper .bx-viewport { width:100% !important; border:none !important; left: 0 !important; position:relative !important; top:0px !important; z-index:0 !important;} .bx-wrapper .bx-pager.bx-default-pager {position: absolute; bottom:20px; width:calc(100% - 10px); padding-left:10px; text-align:left;} .bx-controls-direction {display:none !important;} .bx-pager-item {display:none !important;} #slidepic {} #slidepic li {width:100%; margin:0; float:left;} #slidepic li img {width:100%; margin:0; float:left;} /*home-hbox-2907*/ #home-hbox-2907 {background:rgba(0,0,0,.5);} #home-hbox-2907 .home-hbox-title {text-align:center; margin:30px 0 0; text-shadow: rgba(0,0,0,.5) 0.1em 0.1em 0.2em;background: none;} #home-hbox-2907 .home-hbox-title h1 {} #home-hbox-2907 .home-hbox-body {width:1920px; margin:0 calc(50% - 960px);} .ceremonylink {} .ceremonylink h1 {text-align:center; background:none;} .ceremonylink .ablist49782 {width:1180px; margin:0 calc(50% - 590px);} .ceremonylink .ablist49782 li {width:calc(25% - 30px);padding:0 15px 15px; margin:0; float:left;} .ceremonylink .ablist49782 li h2 {text-align:center; margin:0 0 15px 0;} .ceremonylink .ablist49782 li h2 span {font-size:20px; margin:0; color:#fff; text-shadow: rgba(0,0,0,.5) 0.1em 0.1em 0.2em;} .ceremonylink .ablist49782 li a img:hover {box-shadow: 0 0 10px rgba(149,185,211,.5);} /*main-link*/ .main-subtitle , .linkbutton , #Quick-Reply {display:none;} .main-line {margin:10px 0 5px;border-top:1px solid #fff;} /*articlelist*/ .articlelist {} /*winner-list 5個一排*/ .winner-list {} .winner-list > li {width:100%; float:left; padding: 0 0 0px; margin:0 0 30px;} .winner-list > li.five-winner {width:100%; margin:0 0 30px;} /* 5個一排*/ .winner-list > li ul li {width:200px; float:left; padding:0 10px 0px; margin:0 0;} /* 5 columns寬度200px，內邊距10px */ .winner-list li.five-winner ul > li:nth-child(2n) {margin:70px 0 0;} /* 修改错位规则 */ .winner-list li a {color:#fff; width:100%; float:left; padding:0px 0 15px;} .winner-list li a:hover {color:#cbd6e9;} .winner-list li a:hover .winner-listimg {box-shadow: 0 0 10px rgba(149,185,211,.5);} /* 舊圓形 ＊/ .winner-listimg {width:180px; height:180px; margin:0px calc(50% - 95px); filter: drop-shadow(18px 0px 0px rgba(163, 131, 67, 1)); } .winner-listimg img {width:100%; border-radius:70% 70% 70% 70%/65% 65% 65% 65%; overflow:hidden;} */ /* 菱形 */ .winner-listimg {width:180px; height:180px; margin:20px calc(50% - 95px); transform: rotate(45deg); overflow: hidden; border-radius: 15%; filter: drop-shadow(1rem 0rem 5px rgba(10, 10, 10,.4));} /* 圖片容器尺寸180px，菱形容器轉角度 */ .winner-listimg img {max-width:100%; overflow:hidden; transform: scale(1.42) rotate(-45deg);} /* 菱形圖片角度轉回來*/ .note {margin:25px 0 0; text-align:right;} .winner-list > li ul li .winner-name {} .winner-list > li ul li .winner-name h2 {text-align:center; font-size:22px; margin-bottom: -4px;} .winner-list > li ul li .winner-name ul li {width:100%; float:left; padding: 0px; margin: 0 0 0px; font-weight:bold; text-align:center;} .winner-list li.five-winner ul > li:nth-child(2n) .winner-name ul li , .winner-list li.five-winner ul > li .winner-name ul li:nth-child(2n) {margin: 0 0 5px !important;} /* 修改选择器匹配5列布局 */ /*articledetail*/ #articledetail {} #articledetail697417 h2 {text-align:center;} .downloas {} .downloas a {width:200px; padding:10px 5px; margin:15px calc(50% - 107px); float:left; color:#fff; font-weight:900; background: rgba(163, 131, 67,.9); border:2px solid #F1BF5B; border-radius:5px; text-align:center;} .downloas a:hover {color:#fff; background: #F1BF5B; border:2px solid rgba(163, 131, 67,.9);} #articledetail697423 ol {width:100%; float:Left; margin:10px 0 0;} #articledetail697423 ol li {width:100%; float:Left; margin:0 0 15px;} #articledetail697423 ol li ul {margin:0 0 0 32px; width:calc(100% - 32px);} #articledetail697423 ol li ul li {margin:0 0 5px;width:calc(100% - 25px); padding:0 0 0 25px; background: url(graphics/li.png) left top 5px no-repeat;} #articledetail697423 ol li p {margin:0 0 0 32px; width:calc(100% - 32px);} /*mrf*/ .bodypage49789 , .bodypage49792 {background:#fff url(graphics/mrf.jpg) center top no-repeat fixed; background-size:100% 100%; color:#000;} .bodypage49790 , .bodypage49793 {background:#fff url(graphics/qra.jpg) center top no-repeat fixed; background-size:100% 100%; color:#000;} .bodypage49791 , .bodypage49794 {background:#fff url(graphics/wty.jpg) center top no-repeat fixed; background-size:100% 100%; color:#000;} .bodypage49782 , .bodypage49782 , .bodypage49782 {background:#172a2e url(graphics/home1.jpg) center top no-repeat fixed; background-size:100%; color:#000;} .bodypage49776 , .bodypage49806 , .bodypage49807 {background:#fff url(graphics/home1.jpg) center top no-repeat fixed; background-size:100% 100%; color:#000;} /*實況、新聞稿、歷屆網站bg*/ .bodypage49789 h1 , .bodypage49792 h1 , .bodypage49790 h1 , .bodypage49793 h1 , .bodypage49791 h1 , .bodypage49794 h1 {color:#fff; background: url(graphics/h1-b.png) left bottom no-repeat;} .bodypage49792 h5 , .bodypage49793 h5 , .bodypage49794 h5 {color:#fff; } .bodypage49789 .winner-list > li a , .bodypage49790 .winner-list > li a , .bodypage49791 .winner-list > li a {color:#000; } /*news*/ .news-list {} .news-list li {width:calc(100% - 25px); float:left; padding:0 0 0 25px; margin: 0 0 10px; font-weight:bold; background: url(graphics/li.png) left top 5px no-repeat;} /*winner*/ .winner-div {margin:0 0 15px;} /*菱形*/ .winner-img {width:250px; height:250px; float:right; margin-right: 35px; transform: rotate(45deg); overflow: hidden; border-radius: 15%; filter: drop-shadow(1rem 0rem 5px rgba(10, 10, 10,.4));} .winner-img img {max-width:100%; overflow:hidden; transform: scale(1.42) rotate(-45deg);} .winner-text {width:calc(100% - 325px); margin:0 35px 0 0;} .winner-text h3 , .winner-text h4 {width:75px; margin:10px 0;} .winner-text ul {width:calc(100% - 75px); margin:10px 0; float:left;} /*學歷經歷字體顏色*/ .winner-text ul li {width:calc(100% - 25px); float:left; padding:0 0 0 25px; margin: 0 0 15px; background: url(graphics/li.png) left top 5px no-repeat; color: #fff;} .winner-info {margin:35px 0 25px;} /*ceremony*/ #articledetail697432 {} #articledetail697432 p {margin:5px 0;} #articledetail697432 .ablist49782 {} #articledetail697432 .ablist49782 li {width:calc(25% - 30px);padding:0 15px 15px; margin:0; float:left;} #articledetail697432 .ablist49782 li h2 {text-align:center; margin:0 0 15px 0;} #articledetail697432 .ablist49782 li h2 span {font-size:20px; margin:0;} #articledetail697432 .ablist49782 li a img:hover {box-shadow: 0 0 10px rgba(149,185,211,.5);} .ablistdate {display:none;} /*hisweb*/ .hisweb {} .hisweb tr {} .hisweb tr td {width:calc(33.3% - 30px);padding:0 15px 15px;float:left;} .hisweb h2 {text-align:center; font-size:20px; margin:0 0 15px;} /*albumlist*/ #albumlist {} #albumlist table {margin:10px 0 0;} #albumlist table tr {} #albumlist table tr td {width:calc(25% - 30px);padding:0 15px 15px;float:left;} #albumlist table h2 , #artboard ul.ablist49705 table h2 {text-align:center; margin:0 0 15px 0;} .ablistdate {display:none;} /*albumdetail*/ #albumdetail {} #albumdetail h1 {display:None;} #albumdetail .main-title h2 {font-size:32px; line-height:38px; color:#fff; font-weight:bold; padding:0 0 20px;margin:20px 0; width:100%; float:left;background: url(graphics/h1.png) left bottom no-repeat;} #albumdetail .main-title h2 span {font-size:32px; margin:0; } .album-list-table {margin:20px 0 0;} .album-list-table tr {} .album-list-table tr td {width:calc(25% - 30px);padding:0 15px 30px;float:left;} /*product-list-ad*/ .product-list-ad {display:None;} /*product_list*/ #product_list {} #product_list table {} #product_list table tr {} #product_list table tr td {width:calc(25% - 30px);padding:0 15px 15px;float:left;} /*product_detail*/ #product_detail {} #product_detail h1 {display:None;} #product_detail .main-title h2 {font-size:32px; line-height:38px; color:#fff; font-weight:bold; padding:0 0 20px;margin:20px 0; width:100%; float:left;background: url(graphics/h1.png) left bottom no-repeat;} #product_detail .main-title h2 span {font-size:32px; margin:0; } /*pop window*/ body div#lbOverlay {} body div#lbMain {top:5vh !important;bottom:5vh !important;left:5% !important; right:5% !important; width:90% !important;height:90vh !important;} body div#lbOuterContainer {left:5% !important; right:5% !important; width:90% !important;height:85vh !important; padding:0 !important; margin:0 !important; } body div#lbImageContainer, #lbIframeContainer, #lbInfoDisplay {width:calc(100% - 20px) !important;padding: 10px !important; height:calc(100% - 20px) !important;} body div#lbImageContainer img {max-width:100% !important; max-height:100% !important;} body div#lbDetailsContainer {width:90% !important; padding:0 !important; margin:0 5% !important;height:5vh !important;} body div#lbDetailsData {width:90% !important; padding:0 !important; margin:0 5% !important;} body div#lbDetails { width: 50% !important;} body div#lbCaption { width:calc(100% - 20px) !important; margin:0 10px !important;} body div#lbNumberDisplay {width:calc(100% - 20px) !important; margin:0 10px !important;} body div#lbBottomNav {width: 50% !important;padding:0 !important; margin:0 !important;} body div#lbBottomNav a#lbClose {margin:0 10px;width: 70px !important; height: 30px !important;} body div#lbBottomNav a#lbPlay , body div#lbBottomNav a#lbPause {margin:0 10px;width: 70px !important; height: 30px !important;} body div#lbBottomNav a#lbResize {margin:0 10px;width: 70px !important; height: 30px !important;} /*1280*/ @media screen and (max-width:1280px){ /*general*/ body {background:#000 url(graphics/bg1.jpg) center top no-repeat fixed; background-size:auto; } /*greeting*/ #greeting {width: calc(100% - 40px); margin:0 20px; margin-top:40px;} /*company-logo*/ #company-logo {width:250px;margin:5px calc(50% - 125px) 10px;} #home #company-logo {opacity: 1;} /*mainmenu*/ #mainmenu {width:100%;margin:0;display:none;} #mainmenu ul {width:100%;} #mainmenu ul li {width:100%; margin:0; text-align:left;} #mainmenu ul li > a {width:100%;padding:15px 0;line-height: 16px;} /*maincontent*/ #maincontent {padding:0px 20px; width:calc(100% - 40px);} #maincontent-body {width:100%;padding:20px 0 0; min-height: 75vh;} /*foot-greeting*/ #foot-greeting-body {width:calc(100% - 40px); margin:15px 20px;} /*homecontent*/ .home-solgan {width:700px;} /*home-hbox-2909*/ #home-hbox-2909 .home-hbox-body {width:100%; margin:0;} #home-hbox-2909 .awardlink {width:100%; margin:30px 0 0;} #home-hbox-2909 .awardlink ul {width:840px; padding:15px calc(50% - 420px);} #home-hbox-2909 .awardlink li {width:200px; padding:15px 40px; } /*flashbox*/ .flashbox {width:100%;} /*home-hbox-2907*/ #home-hbox-2907 .home-hbox-body {width:100%; margin:0;} /*winner-list*/ .winner-list > li {width:100%; float:left; padding: 0 0 0px; margin:0 0 30px;} .winner-list > li.five-winner {width:100%; margin:0 0;} .winner-list > li ul li {width:250px; float:left; padding:0 0 0px; margin:0 0 30px; height:350px;} .winner-list > li.five-winner ul li {padding:0 calc(25% - 125px) 0px;} .winner-list li.five-winner ul > li:nth-child(2n) {margin:0px 0 30px;} /*mrf*/ .bodypage49789 , .bodypage49792 {background:#fff url(graphics/mrf.jpg) center top no-repeat fixed; background-size:auto 100%; color:#000;} .bodypage49790 , .bodypage49793 {background:#fff url(graphics/qra.jpg) center top no-repeat fixed; background-size:auto 100%; color:#000;} .bodypage49791 , .bodypage49794 {background:#fff url(graphics/wty.jpg) center top no-repeat fixed; background-size:auto 100%; color:#000;} /*hamburger*/ .bx-pager {display:none;} .nav-header {position:fixed; z-index:9999 !important; float:left;} .mm-page {width:100%; float:left;} #hamburger {width:auto !important;} #hamburger:before, #hamburger:after, #hamburger span {position:relative; !important z-index:99999 !important; background:#fff !important; left:-2px !important;} .nav-header {background: rgba(0, 0, 0, 0.5) !important; box-shadow: 0 0 10px rgba(149,185,211,.5);} /*1280*/ @media screen and (max-width:1280px){ /*general*/ body {background:#000 url(graphics/bg1.jpg) center top no-repeat fixed; background-size:auto; } /*greeting*/ #greeting {width: calc(100% - 40px); margin:0 20px; margin-top:40px;} /*company-logo*/ #company-logo {width:250px;margin:5px calc(50% - 125px) 10px;} #home #company-logo {opacity: 1;} /*mainmenu*/ #mainmenu {width:100%;margin:0;display:none;} #mainmenu ul {width:100%;} #mainmenu ul li {width:100%; margin:0; text-align:left;} #mainmenu ul li > a {width:100%;padding:15px 0;line-height: 16px;} /*maincontent*/ #maincontent {padding:0px 20px; width:calc(100% - 40px);} #maincontent-body {width:100%;padding:20px 0 0; min-height: 75vh;} /*foot-greeting*/ #foot-greeting-body {width:calc(100% - 40px); margin:15px 20px;} /*homecontent*/ .home-solgan {width:700px;} /*home-hbox-2909*/ #home-hbox-2909 .home-hbox-body {width:100%; margin:0;} #home-hbox-2909 .awardlink {width:100%; margin:30px 0 0;} #home-hbox-2909 .awardlink ul {width:840px; padding:15px calc(50% - 420px);} #home-hbox-2909 .awardlink li {width:200px; padding:15px 40px; } /*flashbox*/ .flashbox {width:100%;} /*home-hbox-2907*/ #home-hbox-2907 .home-hbox-body {width:100%; margin:0;} /*winner-list*/ .winner-list > li {width:100%; float:left; padding: 0 0 0px; margin:0 0 30px;} .winner-list > li.five-winner {width:100%; margin:0 0;} .winner-list > li ul li {width:250px; float:left; padding:0 0 0px; margin:0 0 30px; height:350px;} .winner-list > li.five-winner ul li {padding:0 calc(25% - 125px) 0px;} .winner-list li.five-winner ul > li:nth-child(2n) {margin:0px 0 30px;} /*mrf*/ .bodypage49789 , .bodypage49792 {background:#fff url(graphics/mrf.jpg) center top no-repeat fixed; background-size:auto 100%; color:#000;} .bodypage49790 , .bodypage49793 {background:#fff url(graphics/qra.jpg) center top no-repeat fixed; background-size:auto 100%; color:#000;} .bodypage49791 , .bodypage49794 {background:#fff url(graphics/wty.jpg) center top no-repeat fixed; background-size:auto 100%; color:#000;} /*hamburger*/ .bx-pager {display:none;} .nav-header {position:fixed; z-index:9999 !important; float:left;} .mm-page {width:100%; float:left;} #hamburger {width:auto !important;} #hamburger:before, #hamburger:after, #hamburger span {position:relative; !important z-index:99999 !important; background:#fff !important; left:-2px !important;} .nav-header {background: rgba(0, 0, 0, 0.5) !important; box-shadow: 0 0 10px rgba(149,185,211,.5);} } /*1000*/ @media screen and (max-width:1000px){ /*home*/ body#home {background:#000 url(graphics/homebg-3.jpg) right top no-repeat fixed; background-size:100%;} /*homecontent*/ #homecontent {height:500px;} .home-solgan {font-size:28px; line-height:44px; width:calc(100% - 80px); padding:70px 20px; position:relative; top:200px; left:20px; background:none; } /*home-hbox-2909*/ #home-hbox-2909 .awardlink ul {width:calc(100% - 40px); padding:15px 20px;} #home-hbox-2909 .awardlink li {width:200px; padding:15px calc(50% - 100px); } /*home-hbox-2907*/ .ceremonylink .ablist49782 li {width:calc(50% - 40px); padding:0 20px 15px;} /*ceremony*/ #articledetail697432 .ablist49782 li {width:calc(50% - 40px);padding:0 20px 15px;} /*albumlist*/ #albumlist table tr td {width:calc(50% - 40px);padding:0 20px 15px;} /*albumdetail*/ .album-list-table tr td {width:calc(50% - 40px); padding:0 20px 30px;} /*product_list*/ #product_list table tr td {width:calc(50% - 40px); padding:0 20px 15px;} /*winner*/ .winner-img {width:200px; height:200px; float:none; margin: 10 auto 20px;} .winner-text {width:100%; margin:0;} .winner-text h2 {text-align:center;} .winner-info {margin:20px 0 25px;} } /*799*/ @media screen and (max-width:799px){ /*title*/ h1 , #home-hbox-2907 .home-hbox-title {font-size:28px; line-height:34px; padding:0 0 20px;margin:15px 0 20px; text-align:center; background: url(graphics/h1.png) center bottom no-repeat;} h1 span span {font-size:24px;} h2 {font-size:26px; line-height:34px;margin:15px 0; } h2 span {font-size:18px; } h3 {font-size:22px; line-height:28px; } h4 {font-size:22px; line-height:28px; } h5 {font-size:20px; line-height:26px; } h6 {font-size:18px; line-height:26px; } h6:before {content:' '; width:calc(100% - 115px); float:left; margin:15px 0 0; border-bottom:1px solid #e7c4de;} /*copyright*/ .copyright {width:calc(100% - 40px); padding:0 20px; line-height:18px;} .copyright a {width:200px; float:left; margin:0px calc(50% - 100px) 0px;} .copyright span {width:100%; margin:0px 0 0; text-align:center;} /*maincontent*/ #maincontent-body {min-height: auto;} /*home*/ body#home {background:#000 url(graphics/homebg-3.jpg) right top no-repeat fixed; background-size:100%;} /*homecontent*/ #homecontent {height:450px;} /*home-hbox-2909*/ #home-hbox-2909 .home-hbox-title {margin:10px 0 0;} #home-hbox-2909 .awardlink h1 {padding:0 0;} #home-hbox-2909 .awardlink {margin:30px 0 0;} #home-hbox-2909 .awardlink ul {padding:0px 20px;} #home-hbox-2909 .awardlink li {width:200px; padding:15px calc(50% - 100px); } /*home-hbox-2907*/ #home-hbox-2907 .home-hbox-title {margin:10px 0 0;} /*albumdetail*/ #albumdetail .main-title h2 {font-size:28px; line-height:34px; padding:0 0 20px;margin:15px 0 20px;text-align:center; background: url(graphics/h1.png) center bottom no-repeat;} #albumdetail .main-title h2 span {font-size:28px; } /*product_detail*/ #product_detail .main-title h2 {font-size:28px; line-height:34px; padding:0 0 20px;margin:15px 0 20px;text-align:center; background: url(graphics/h1.png) center bottom no-repeat;} #product_detail .main-title h2 span {font-size:28px; } /*winner-list*/ .note {text-align:center;} .winner-img {width:170px; height:170px; float:none; margin: 20 auto 20px;} /*hisweb*/ .hisweb tr td {width:100%;padding:0 0 15px;} } /*600*/ @media screen and (max-width:600px){ /*home*/ body#home {background:#000 url(graphics/homebg-2.jpg) right top no-repeat fixed; background-size:100%;} /*homecontent*/ #homecontent {height:400px;} .home-solgan {font-size:24px; line-height:34px; } /*home-hbox-2907*/ #home-hbox-2907 .home-hbox-body {width:calc(100% - 40px); margin:0 20px;} .ceremonylink .ablist49782 li {width:100%; padding:0 0 15px;} /*ceremony*/ #articledetail697432 .ablist49782 li {width:100%; padding:0 0 15px;} /*albumlist*/ #albumlist table tr td {width:100%; padding:0 0 15px;} /*albumdetail*/ .album-list-table tr td {width:100%; padding:0 0 30px;} /*product_list*/ #product_list table tr td {width:100%; padding:0 0 15px;} /*winner-list*/ .winner-list > li ul li {height:auto;} .winner-list > li ul li , .winner-list > li.five-winner ul li {padding:0 calc(50% - 125px) 0px; margin:0 0 30px;} /*winner*/ .winner-img {width:150px; height:150px; float:none; margin: 20 auto 20px;} .winner-text h3 , .winner-text h4 {width:100%;} .winner-text ul {width:100%; margin:10px 0;} .winner-text ul li {margin: 0 0 10px;} } /*440*/ @media screen and (max-width:440px){ /*homecontent*/ #homecontent {height:360px;} /*homecontent*/ .home-solgan {position:relative; top:150px;} /*winner*/ .winner-img {width:120px; height:120px; float:none; margin: 10 auto 20px;} }