@charset "utf-8";
/*Basic*/
*,h1,h2,h3,h4,h5,h6{font-family:"Microsoft Jhenghei";}
@media (min-width: 1200px) {
.Page_H1{font-size:34px;font-weight:bold;color:#000000;line-height:45px;}
.Page_H2{font-size:32px;font-weight:bold;color:#000000;}
.Page_H3{font-size:24px;font-weight:bold;color:#333333;line-height:32px;}
.Page_H4{font-size:20px;color:#333333;line-height:28px;}
.Page_H5{font-size:18px;color:#333333;line-height:26px;}
.Page_smenu,.Page_smenu a{font-size:15px;color:#333 !important;}
.Page_P{font-size:18px;color:#333333;line-height:34px;letter-spacing:0.02em;}
.Page_P1{font-size:18px;color:#333333;line-height:34px;letter-spacing:0.02em;}
.Page_P2{font-size:16px;color:#666666;line-height:21px;letter-spacing:0.01em;}
.Page_Table{font-size:16px;color:#333333;line-height:32px;letter-spacing:0.01em;}
.Page_small{font-size:15px;color:#666666;line-height:24px;letter-spacing:0.01em;}
.Page_xsmall{font-size:14px;color:#666666;line-height:24px;letter-spacing:0.01em;}
.Page_SEO{font-size:13px;color:#666666;line-height:24px;letter-spacing:0.01em;}
}
@media (min-width: 768px) and (max-width: 1199px) {
.Page_H1{font-size:32px;font-weight:bold;color:#000000;line-height:38px;}
.Page_H2{font-size:30px;font-weight:bold;color:#000000;}
.Page_H3{font-size:22px;font-weight:bold;color:#333333;line-height:28px;}
.Page_H4{font-size:20px;color:#333333;line-height:28px;}
.Page_H5{font-size:18px;color:#333333;line-height:26px;}
.Page_smenu,.Page_smenu a{font-size:15px;color:#333 !important;}
.Page_P{font-size:18px;color:#333333;line-height:34px;letter-spacing:0.02em;}
.Page_P1{font-size:16px;color:#333333;line-height:32px;letter-spacing:0.01em;}
.Page_P2{font-size:16px;color:#666666;line-height:21px;letter-spacing:0.01em;}
.Page_Table{font-size:16px;color:#333333;line-height:32px;letter-spacing:0.01em;}
.Page_small{font-size:15px;color:#666666;line-height:24px;letter-spacing:0.01em;}
.Page_xsmall{font-size:14px;color:#666666;line-height:24px;letter-spacing:0.01em;}
.Page_SEO{font-size:13px;color:#666666;line-height:24px;letter-spacing:0.01em;}
}
@media (max-width: 767px) {
.Page_H1{font-size:30px;font-weight:bold;color:#000000;line-height:36px;}
.Page_H2{font-size:28px;font-weight:bold;color:#000000;}
.Page_H3{font-size:24px;font-weight:bold;color:#333333;line-height:32px;}
.Page_H4{font-size:20px;color:#333333;line-height:28px;}
.Page_H5{font-size:18px;color:#333333;line-height:26px;}
.Page_smenu,.Page_smenu a{font-size:15px !important;line-height:24px !important;color:#333 !important;}
.Page_P{font-size:18px;color:#333333;line-height:34px;letter-spacing:0.02em;}
.Page_P1{font-size:16px;color:#333333;line-height:32px;}
.Page_P2{font-size:16px;color:#666666;line-height:21px;letter-spacing:0.01em;}
.Page_Table{font-size:16px;color:#333333;line-height:32px;letter-spacing:0.01em;}
.Page_small{font-size:15px;color:#666666;line-height:24px;letter-spacing:0.01em;}
.Page_xsmall{font-size:12px;color:#666666;line-height:22px;letter-spacing:0.01em;}
.Page_SEO{font-size:13px;color:#666666;line-height:24px;letter-spacing:0.01em;}
}
@media (min-width: 768px) {.Tatung-content{padding-top:15px;padding-bottom:50px;}}
@media (max-width: 767px) {.Tatung-content{padding-top:115px;padding-bottom:20px;}}

/* Index */
.index_h1{font-size:23px;color:#2e2e2e;text-align:center;}
.index_h2{font-size:30px;text-align:center;font-weight:bold;color:#FFFFFF;line-height:50px;}
.index_h3{font-size:20px; color:#292929; font-weight:bold; line-height:80px; text-align:center;}
.index_h3_r{font-size:20px; color:#ba021c; font-weight:bold; line-height:80px; text-align:center;}
.index_h4{ font-size:15px; color:#666666; font-weight:bold; line-height:40px;}
.index_p{ font-size:13px; color:#666666;}
.index_p2{ font-size:11px; color:#a5a4a4;}
.index_en{ font-family:Arial, Helvetica, sans-serif; font-size:25px; text-align:center; color:#FFF;}
.index_unit h2{ font-size:20px; line-height:30px; font-weight:bold;}
.index_unit p{ font-size:15px; line-height:30px;}

/*icon size*/
.Icon_xs{font-size:3px;}
.Icon_s{font-size:5px;}
.Icon_m{font-size:8px;}
.Icon_l{font-size:10px;}
.Icon_xl{font-size:15px;}

/*font color*/
.font-color01{color:#c7254e;}
.font-color01:hover,.font-color01:active,.font-color01:focus{color:#c7254e;}

/*Jquery Mobile*/
.ui-loader-default{display:none;}

/*-------Img Size Set-------*/
/*menu*/
@media (min-width: 768px) {
.comp-logo{width:158px;height:32px;}
}
@media (max-width: 767px) {
.comp-logo{width:140px;height:28px;}
}