/*Basic*/
*,h1,h2,h3,h4,h5,h6{font-family:"Microsoft Jhenghei";}
@media (min-width: 1200px) {
.Page_H1{font-size:38px;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:14px;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:14px;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:14px !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:15px;color:#666666;line-height:20px;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;}}

/*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-------*/
/*footer*/
@media (min-width: 768px) {
.footer-content .footer-google,.footer-content .footer-twitter,.footer-content .footer-in,.footer-content .footer-fb{width:58px;height:58px;}
}
@media (max-width: 767px) {
.footer-content .footer-google,.footer-content .footer-twitter,.footer-content .footer-in,.footer-content .footer-fb{width:42px;height:42px;}
}
@media (max-width: 480px) {
.footer-content .footer-google,.footer-content .footer-twitter,.footer-content .footer-in,.footer-content .footer-fb{width:42px;height:42px;}
}
/*menu*/
@media (min-width: 768px) {
.comp-logo{width:158px;height:32px;}
}
@media (max-width: 767px) {
.comp-logo{width:140px;height:28px;}
}
/*product detail*/
.pdtail-info .pdtail-download-box img{width:35px;height:36px;}
.pdtail-detail-container .pdtail-msg-icon{width:25px;height:25px;}
@media (min-width: 768px) {
.pdtail-share-box .pdtail-share-icon{width:39px;height:39px;}
}
@media (max-width: 767px) {
.pdtail-share-box .pdtail-share-icon{width:35px;height:35px;}
}