a{color:#68615b;} a:hover, a:focus{color: ##777;} body{font-size: 14px;line-height:2;} .main section .container{line-height:2;} section.article-text p{line-height:1.7;} /*語系*/ .RWDfalink a{color:#2b7b19;} .cd-search button:hover {color: #333;} /*跑馬燈*/ .marquee001 {z-index: 999;} .marquee_text {color: #fff;} .RWDmenu_plus02 .inside { padding-top: 15px;} .RWDmenu_plus02 .is-up { padding-top: 0px;} .Marquee_bg {width: 100%;position: relative;margin-top: 0px !important;} .Marquee_in { width: 100%;} .Marquee_text_bg {background: transparent;} .Marquee_title { display: none;} .marquee_text { width: 100%;} .Marquee_in_bg {width: 100%;} .Marquee_inner {width: 100%;} .marquee_text {left: 0px;} /*選單*/ .navbar{margin: 10px 0px;} .flexslider .container .carousel-caption h1{font-size: 45px;} .navbar .nav li a{text-transform:capitalize;transition: all 0.2s ease 0s;} .navbar .nav li a:hover, .navbar .nav li a:active{border-bottom:0px;border-color:#982437;background:#982437 ! important;color:#fff;} .in ul.nav li a:hover, .in ul.nav li a:active {color: #4ea733;} /*.cd-primary-nav .cd-secondary-nav > li:hover {background: #ddd;}*/ .cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after {background: #111;} .RWDmenu_plus02 .share-group.main_share {margin-top: 6px;} .cd-search-trigger span::before, .cd-search-trigger span::after {background: #ffffff;} .cd-header-buttons li.search-btn {-webkit-filter: invert(100%) grayscale(100%) brightness(200%);} .cd-search-trigger::before { width: 20px; height: 20px;top: 5px; left: 3px;} .cd-search-trigger::after {height: 2px; width: 12px;bottom: 18px; right: 15px;} /*語系*/ .lang{margin:15px auto 0px;background-color:#cd3a52;padding:5px;width:230px;color:#fff;font-size:13px;border-radius: 10px;text-align:center;} .lang a{color:#fff;} /*側選單*/ .page_menu_block ul.nav > li > a:hover, .page_menu_block ul.nav > li.hover > a, .page_menu_block ul.nav > li.active > a{background: #4ACCFF;} .page_menu_block ul.nav > li > a{background: #f3f3f3;} .page_menu_block ul.nav ul > li > a:hover, .page_menu_block ul.nav ul > li.hover > a, .page_menu_block ul.nav ul > li.active > a{background: #a3e5ff;} .page_menu_block ul.nav ul > li > a:hover, .page_menu_block ul.nav ul > li.hover > a, .page_menu_block ul.nav ul > li.active > a{color: #000000!important;} .page_menu_block ul.nav ul > li > a{background: #fff;} .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{border:0;} /*語系位置*/ @media screen and (min-width: 1140px) { .web_language002{position:absolute;right: 584px; float: right;top: 40px;} .web_language002.open{width:140px;} } @media screen and (max-width: 800px) and (min-width:460px) { .web_language002{position:absolute;right: 74px; float: right;top: 35px;} .web_language002.open{width:140px;} } /*banner*/ #RWDBASE_PAT01 li.item.flex-active-slide{height: 100vh !important;} #RWDBASE_PAT01 .flexslider .slides > li{height: auto } #RWDBASE_PAT01 .slides .item { height: 100vh !important;} /*遊戲*/ .boxContent h3 { float: left;font-size: 18px; letter-spacing: 2px;color: #fff; line-height: 28px;} a.moreLink {float: right;color: #999;line-height: 28px;} .moreLink:hover{text-decoration: none;color:#d7dc01;} .section-subject.row {text-align: center;letter-spacing: 3px; line-height: 30px; padding:0px 0 30px;} .adbanner { margin: 100px auto 60px;} article.col-sm-4.isotopeItem.c {top: 300px;} section.boxContent {background: #222;padding: 0 15px;margin-bottom: 50px;} h1.main-title {font-family: 'Bungee Inline', cursive; font-size: 50px; letter-spacing: 3px; color: #005189;} .RWDproduct001 a h3 {color: #fff;} .RWDproduct001 h1.main-title { color: #005189;} .RWDproduct001 .section-line {display: none;} .rwd_subject img {width: 300px;margin-bottom: 30px;} /*廣告*/ .pic3{margin:20px auto;transition: all 0.2s ease 0s;} .pic3:hover{opacity:0.5;} /*頁尾*/ footer{margin-top:0;border-top:0;color: #68615b;background: linear-gradient(to bottom, #62cfff 33%,#005088 123%);} footer a:hover, footer a:active{color: #982437;} .collapsing_header .main{min-height:inherit;} .bottom_content, .footer_content {padding:10px 0 7px;background-color:transparent;} .copyright{padding:0 0 7px 0;background-color:transparent;color:#333;border-color:transparent;font-size:12px;text-align: center;} .copyright a{color:#333;} .copyright a:hover{color:#333;} #toTop {display: none !important;} .footer_icon { display: none;} .RWDmenu_plus02 .share-group.main_share img {width: 32px !important;} /*div#panel_36 {width: 90% !important;}*/ .phone_00 { float: left;} .phone_01 { font-size: 15px; letter-spacing: 1px; padding: 10px; float: left;color: #111;} .phone_02 { padding: 8px 20px; background: #005188; color: #fff; letter-spacing: 1px; border-radius: 4px; float: left;margin-left: 15px;margin-right: 15px;} .ft_item {border-right: 1px solid #00000047;height: 273px;} .bottom_content {padding-top: 50px;} .ft_help a:hover{color: #fff;} .phone_04 { float: left;color: #111; line-height: 24px; text-align: justify;margin: 15px 0px;} .ft_icon{ text-align: center;} /*新頁尾*/ /*footer {background: #000;}*/ .ft_help a {padding: 10px 40px; background: #005188;color: #fff; font-weight: 600;border-radius: 6px;letter-spacing: 1px;font-weight: 600;} .ft_help {margin: 25px 60px;} .ft_item h4 { line-height: 30px; padding: 15px 0px; color: #111;font-weight: 600; text-align: center;margin-bottom: 30px;} .ft_item h5 { color: #fff; font-size: 16px; letter-spacing: 1px;margin-bottom: 0px;} span.ft_sbg {background: #005188;color: #fff; padding: 5px 15px 5px 35px; margin-right: 15px;} span.ft_time {font-size: 26px;color: #000;} .row.footer_item > div:last-child {border: 0;} /**/ .web_community002 { position: fixed; top: 40%; right: 0px; z-index: 75;} .sns {margin: 5px 0px; border-top-left-radius: 50px; border-bottom-left-radius: 50px; width: 25px; height: 16px; padding: 20px; background: #b9c800 url(/archive/image/customization/line_icon_fff.png) center center no-repeat; transition: all 0.2s ease 0s;float: right; } .web_community002 .sns:hover { padding-right: 18px; background:#68bb10 url(/archive/image/customization/line_icon_fff.png) center center no-repeat; } /*換新選單*/ .collapsing_header .main { top: 0px !important;} .cd-logo { width: 90px;margin-top: 15px;} .cd-main-header {background: transparent;} .RWDmenu_plus02 .inside { background: #000;} .cd-primary-nav > li:after{display: none;} .cd-primary-nav > li > a { letter-spacing: 3px;font-size: 16px;font-weight: 600;color: #ccc;} .cd-primary-nav > li > a:hover {color: #ccc;} .main section .container {height: auto !important;} /*立即遊戲廣告*/ .ad_icon { position: fixed;top: 40%; right: 0px; z-index: 75;width: 110px;background: #62cfff;border-top-left-radius: 30px; border-bottom-left-radius: 30px;} .left_ad img { padding: 8px;} .left_ad img:hover { padding: 10px;} .qrcode {top: 55%;background: #ffffff;box-shadow: 1px 1px 15px rgba(43, 43, 43, 0.25);} /*螢幕小於1140px時*/ @media screen and (max-width: 1140px) { .flexslider .container .carousel-caption{margin: 0 0 300px 0;} .navbar-default .navbar-nav > li > a{font-size: 14px;} .flexslider .container .carousel-caption .lead{font-size: 22px;} } /*螢幕小於480px時*/ @media screen and (max-width: 480px) { .header .navbar{min-height: 30px;margin: 0px 0px 0px;} .flexslider .container .carousel-caption{margin: 0 0 100px 0;} .navbar .logo_img{max-width: 65%;margin: 0px 0 0px 15px;} .flexslider .container .carousel-caption h1{font-size: 26px;padding: 16px 30px;} .flexslider .container .carousel-caption .lead{font-size: 18px;padding: 16px 30px;} } /*內頁高度*/ section.call_to_action{min-height:800px;padding: 50px 0 80px 0;} .hgroup .container {width: 100%;} /*麵包屑*/ .hgroup .breadcrumb{display:none} .hgroup .container{border-bottom: 1px solid #005189;} /*標題*/ .hgroup h1 {color: #005189;font-weight: bold;text-align: center;letter-spacing: 2px;line-height: 1.5;} /*側選單*/ .page_menu_block ul.nav > li > a {background: linear-gradient(to bottom, #005088 6%,#2a81be 123%);color: #fff;border-radius: 0px;font-size: 15px;letter-spacing: 2px;padding-left: 30px;} .page_menu_block h4 {text-align: center;font-size: 18px;letter-spacing: 2px;background: linear-gradient(to bottom, #005088 6%,#00364d 123%);color: #fff;border-bottom: 1px solid #fff;padding: 15px 5px;font-weight: bold;border-radius: 10px 10px 0px 0px;margin-bottom: 0px;} .page_menu_block ul.nav > li > a:hover, .page_menu_block ul.nav > li.hover > a, .page_menu_block ul.nav > li.active > a{background: linear-gradient(to bottom, #62cfff 6%,#005088 123%);color: #fff;transition: 0.3s;} .page_menu_block ul.nav ul > li > a {background: #a3e5ff;padding-left: 30px; font-size: 15px;letter-spacing: 1px;} .page_menu_block ul.nav ul > li > a:hover, .page_menu_block ul.nav ul > li.hover > a, .page_menu_block ul.nav ul > li.active > a{background: #c4e9f9;color: #333;} /*聯絡我們*/ .page_wrapper_bg .customized_columns .ebtn {background: #2a6496;font-weight: bold;float: right;margin-right: 0px;} .page_wrapper_bg .ebtn a {color: #ffffff;text-decoration: none;letter-spacing: 4px;} #eformsForm_1_10 > div > div.row > div.col-sm-12.col-md-11 > div:nth-child(1){display:none} /*最新消息*/ .layoutlist_3 .item{border-bottom: 1px solid #efefef !important;} .layoutlist_3 .listdate , .layoutlist_2 .listdate {border-left: 0px !important;} .layoutlist_3 .listdate .day , .layoutlist_2 .listdate .day{color: #afafaf !important;font-size: 40px !important;margin-left: 18px;} .layoutlist_3 .listdate .yearmonth , .layoutlist_2 .listdate .yearmonth{color: #81a1af;font-size: 12px;letter-spacing: 2px;padding-bottom: 20px !important;margin-left: 18px;} .element.style {width: 53%;} .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {display: block;max-width: 100%;height: auto;} /*產品*/ .layoutlist_2 .item, .layoutlist_4 .item {margin-top: 20px;} .layoutlist_2 .subject {text-align: center;} .item .subject A.itemlink { color: #333;text-decoration: none;font-size: 15px;letter-spacing: 1px;} .layoutlist_2 .item, .layoutlist_4 .item{border-bottom:1px solid #efefef !important} .product_desc_subject{color: #333;letter-spacing: 2px;font-size: 16px;font-weight: bold;border-bottom: 1px solid #efefef;padding-bottom: 10px;} #prod_name, #prod_name h2{text-align: center;color: #005189;} .btn.btn_back {background: #cecece; border-radius: 0px; width: 100%;} /*影片專區*/ .layoutlist_2 .list_subject a { font-size: 16px !important;letter-spacing: 2px;font-weight: bold; color: #005189 !important;} /*問與答*/ .rwd .faq_question{ font-size: 15px;letter-spacing: 1px;color: #333;line-height: 1.8;} .faq_answer {color: #777;letter-spacing: 1px;font-size: 14px;line-height: 1.8;} /*-----原版型內頁-----*/ .in ul.nav li a:hover, .in ul.nav li a:active{color:#fff;} .article-text .layoutlist_3 .list_subject a{font-size:16px;letter-spacing: 2px;font-weight: bold;color: #005189;}/*標題字*/ .page_content,.list_subject,.product_desc_content,#carlist .tr:last-child .td{font-size:14px;color:#777;line-height:1.7;} section.article-text p{font-size:14px;color:#777;line-height:1.7;letter-spacing: 1px;} .layoutlist_3 .list_subject .summary a{font-size:14px;line-height:1.7;color: #777 !important;font-weight: normal;letter-spacing: 2px;} .article-text.rwd .container{font-size:14px;color:#333;line-height:1.7;}/*內文字*/ .page_content a{color:#666;} .page_content table{border-collapse: collapse;border: 0;} .page_content table td{border-color: #555;} hr {border:0; height:1px; background-color:#d4d4d4;color:#d4d4d4; /* IE6 */} .customized_columns .ebtn{background:#982437;} .page ul li a:hover, .page .page_active{background:#982437;} .page ul li a{background:#a94442;} @media (max-width:1024px){ /*menu*/ .cd-search button {top: 8px;} .cd-primary-nav, .cd-primary-nav ul{background: #000;} nav.cd-nav ul .close-btn {color: #fff;} nav.cd-nav .bottom-copyright{color: #fff;} nav.cd-nav .bottom-copyright span{color: #fff;} .collapsing_header header{background: linear-gradient(to bottom, #fff703 0%,#abbf00 100%);} .collapsing_header .cd-main-header .cd-logo { margin-top: 8px;} .cd-logo {width: 60px;} .web_community002 {top: 80%;} .ad_icon { width: 90px;top: 70%;} .fa-angle-down:after{display:none} /**/ .phone_00 img { height: auto !important; width: 100%;} .ft_help { margin: 25px 36px;} .phone_00 { width: 30%;} .phone_01 {float: right;width: 70%;font-size: 14px;padding: 0px 10px 10px;} .phone_02 {float: right;width: 70%; width: 56%;padding: 8px 15px; margin-left: 10px; margin-right: 10px;} .collapsing_header header { background: #000;} .cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {background: #fff !important;} /*.marquee_text {padding-top: 50px !important;}*/ .run_block {background: #000;top: 47px; position: relative;} .cd-primary-nav.nav-is-visible { z-index: 999999999;} .qrcode {top: 84% !important;} /*隨式廣告*/ .left_ad img{max-width:85%;} } @media (max-width: 768px) { .adbanner { margin: 80px auto 60px;} .web_community002 { top: 85%;} .ft_item {margin-bottom: 60px;} #m_RWDBASE_PAT01_38_1 > div.row.footer_item > div:nth-child(2) {border-right: none;} #m_RWDBASE_PAT01_38_1 > div.row.footer_item > div:nth-child(4) {border-right: none;border-bottom: none;} #m_RWDBASE_PAT01_38_1 > div.row.footer_item > div:nth-child(3) {border-bottom: none;} .ft_item {height: 310px;border-bottom: 1px #00000047 solid;padding-bottom: 60px;margin-bottom: 0px;} .ft_help { margin: 25px 93px;} .phone_02 { float: left;} span.ft_sbg {padding: 5px 15px 5px 115px;} .ft_item {height: 330px;padding-bottom: 40px;} .qrcode {top: 80% !important;} /*----內頁---*/ .layoutlist_3 .listdate .yearmonth, .layoutlist_2 .listdate .yearmonth{padding-bottom: 5px !important;margin-left: 0px;} .layoutlist_3 .listdate .day, .layoutlist_2 .listdate .day{font-size: 12px !important;margin-left: 0px;} #m_RWDPAGE_BASE_PAT01_48_1 > div.row.footer_item > div:nth-child(2) {border-right: 0px;} #m_RWDPAGE_BASE_PAT01_48_1 > div.row.footer_item > div:nth-child(3) {margin-top: 0px;border-bottom: 0px;} section.call_to_action h4{margin: 0 0 0px 0;padding: 10px;font-size: 18px;} /*隨式廣告*/ .left_ad img{max-width: 85%; } } @media (max-width: 480px) { .boxContent{margin-bottom:10px !important} .ad_icon { top: 55%;width: 70px;} .ft_item {border-right: none;border-bottom: 1px #00000047 solid !important; height: auto;} .qrcode {top: 69% !important;} .page_wrapper_bg .slider_wrapper{height: auto;} .page_wrapper_bg .run_block{z-index: 1111;} .page_wrapper_bg .main .container {padding-left: 15px;padding-right: 15px;} .page_wrapper_bg .footer .container {padding-left: 20px;padding-right: 20px;} .hgroup h1 {margin-bottom: 15px;font-size: 24px;} #sidebar {padding: 10px 0px;} #product {margin-top: 20px;padding: 0px !important;} /*隨式廣告*/ .left_ad img{max-width: 90%; } } @media (max-width: 380px){ .ft_help {margin: 25px 77px;} } @media (max-width: 320px){ .adbanner { margin: 60px auto 30px;} .ad_icon { width: 70px;} .ft_item h5 { line-height: 30px;} span.ft_sbg {padding: 5px 15px 5px 75px;} .ft_item {padding-left: 0px; padding-right: 0px;} .ft_help { margin: 25px 65px;} }