@charset "big5";
/* CSS Document */
body {background-color: #fff;}
*{ font-family: pingfang tc,arial,·L³n¥¿¶ÂÅé,Helvetica,LiHei Pro,"Microsoft JhengHei",sans-serif !important;}
a { text-decoration: none; }
:focus { outline: none; }
i { font-style: normal; }
.header { margin: auto; width: 100%;}
.footer { margin: auto; width: 100%;}
.hd_pc { width: 100%;}
.hd_m { display: none; }
.pez_ft { height: 228px;}
.kv .kv-container { top: 0px !important; }
.kv {height: 600px !important;}

/*¸É¥R*/
.section-desc {line-height: 1.5;}
.monthly-feature .feature-text {line-height: 1.4;}
p.section-desc a { font-weight: bold; background: #ff5d5f; border-radius: 10px;  color: #FFF !important; padding: 5px 50px; border-bottom: 5px #e40b0e solid; font-size: 22px;}
p.section-desc a:hover { background: #e40b0e;}
.section-title span { font-size: 40px; color: #ea8a24;}

/**float**/
.M_menu_wrap{ display: none;}
.float_wrapper {position: fixed;top: 50px;right:0; z-index: 250;display: none;}
.float_main { width: 138px; opacity: 0.9; filter: alpha(opacity=90);}
.go_top {display: block;cursor: pointer;}
.group_leftmenu {margin: auto;width: 95px;}
.group_leftmenu:after {content: '';display: table;clear: both;}
.group_leftmenu li {position: relative; padding: 10px 0 10px; text-align: center; font-size: 17px; background: #fbe9db;}
.group_leftmenu li.highlight0 {font-size: 30px;line-height: 32px; border-radius: 20px 0 0 0; padding-top: 20px; padding-left: 2px; color:#136e79; font-weight: bold;}
.group_leftmenu li.highlight1 {padding-left: 2px;}
.group_leftmenu li.highlight2 {border-radius: 0 0 0 20px; padding-bottom: 20px; padding-left: 2px;}
.group_leftmenu li a {position: relative;z-index: 500;color: #4a4a4a;cursor: pointer; font-weight: bold;}
.group_leftmenu li a:hover, .group_leftmenu li a:focus, .group_leftmenu li a:active {color:#ea8a24;}
.group_leftmenu li:after {position: absolute;right: 51%;bottom: 0;left: 51%;z-index: 1;height: 2px;background: #ea8a24;content: "";-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: left, right;transition-property: left, right;}
.group_leftmenu li:hover:after, .type_leftmenu li:focus:after, .type_leftmenu li:active:after {right: 10%;left: 10%;}
.group_leftmenu li.catagory {width: 50%;float: left}
.group_leftmenu li.highlight0:after{background: #ea8a24;}


@media only screen and (max-height: 800px) and (min-width: 920px){
.kv { height: 600px !important; }
    
}

@media only screen and (min-width: 920px){
.kv {height: 600px !important;}
.section-title {font-size: 30px !important;}
.section-desc {font-size: 16px; line-height: 24px; padding: 10px 0;}
.section {margin: 60px 0;}
.bn img{ width: 100%;}
}

@media screen and (max-width:767px) {
#doyoo_panel { display: none!important; }
.header, .footer{ width: 100vw;}
.hd_m { display: block; }
.hd_pc, .footer { display: none;}
.pez_ft { height: 310px;}
/*¸É¥R*/ 
.kv {height: 25vw !important;}   
.bn img{ width: 100%;}
.content-wrap{ padding: 0 !important;}
.feature-bn{ width: 100vw;}
.feature-bn img { width: 100%;}
.section-title span { font-size: 30px;}
.section {padding-bottom: 20px;}
.section-header{ margin-bottom: 7px !important; padding-top: 0px;}
    
/**/
.float_wrapper {left: 100%;}
.M_menu_wrap { position: fixed; bottom: 0; z-index: 200; display: block; font-size: 15px; }
.M_menu_block { width: 100vw; height: 45px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555), color-stop(100%, #111));}
.M_menu_block:after { content: ''; display: table; clear: both; }
.M_menu_block ul { list-style: none; overflow: hidden; }
.M_menu_block li { float: left; width: 32.8vw; line-height: 28px; border-top: 1px solid #ccc; border-left: 1px solid #666; border-right: 1px solid #222;  padding-top: 0; text-align: center; padding: 8px 0;}
.M_menu_block li.red { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fb5284), color-stop(100%, #d50744));}
.M_menu_block li a { color: #fff; }
.M_menu_block ul li:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; }

}