@font-face { font-family: ypidfont; src: url(/ypidfont/gothic.ttf); }

.ypid_width100pc      { width: 100% !important; }
.ypid_width90pc       { width: 90% !important; }
.ypid_width80pc       { width: 80% !important; }
.ypid_width70pc       { width: 70% !important; }
.ypid_width60pc       { width: 60% !important; }
.ypid_width50pc       { width: 50% !important; }
.ypid_widthauto       { width: auto; }

.ypid_height100pc     { height: 100%; }
.ypid_height80pc      { height: 80% !important; }
.ypid_height          { height: 100px; }

.ypid_nomargin        { margin: 0; }
.ypid_margin30        { margin: 30px; }
.ypid_margin20        { margin: 20px; }
.ypid_margin10        { margin: 10px; }
.ypid_margin5         { margin: 5px; }
.ypid_automargin      { margin: auto; }

.ypid_marginleft5     { margin-left: 5px; }

.ypid_margintop5      { margin-top: 5px; }
.ypid_marginbottom5   { margin-bottom: 5px; }
.ypid_marginbottom10  { margin-bottom: 10px; }

.ypid_marginright10   { margin-right: 10px; }

.ypid_bgcolorff7900   { background-color: #ff7900 !important; }
.ypid_bgcolorff7200   { background-color: #ff7200 !important; }
.ypid_bgcolorff6801   { background-color: #ff6801 !important; }
.ypid_bgcolorff7401   { background-color: #ff7401 !important; }
.ypid_bgcolor000000   { background-color: #000000 !important; }
.ypid_bgcolorffffff   { background-color: #ffffff !important; }
.ypid_bgcolore36601   { background-color: #e36601 !important; }

.ypid_logo			  { width: 197px; height: 120px; background-image: url('/ypidimage/logo.jpg'); background-repeat: no-repeat; background-position: center;}
.ypid_mlogo			  { width: 100%; height: 140px; background-image: url('/ypidimage/mlogo.jpg'); background-repeat: no-repeat; background-position: left;}
.ypid_banner          { width: 100%; height: 80%; text-align: center; padding: 0;}
.ypid_videobanner     { height: 80% !important;}
.ypid_mvideobanner    { height: 480px;}
.ypid_imagebanner     { height: 80%; }
.ypid_inlineblock     { display: inline-block !important; }
.ypid_block     	  { display: block !important; }
.ypid_tablecell       { display: table-cell !important; }
.ypid_font            { font-family: ypidfont !important; }

.ypid_width20px       { width: 20px !important; }
.ypid_width50px       { width: 50px !important; }
.ypid_width100px      { width: 100px !important; }
.ypid_width150px      { width: 150px !important; }
.ypid_width300px      { width: 300px !important; }
.ypid_width350px      { width: 350px !important; }
.ypid_width400px      { width: 400px !important; }
.ypid_width450px      { width: 450px !important; }
.ypid_width1125px     { width: 1125px !important; }
.ypid_width1089px     { width: 1189px !important; }

.ypid_height300px     { height: 300px !important; }
.ypid_height120px     { height: 120px !important; }
.ypid_height35px      { height: 35px !important; }
.ypid_height25px      { height: 25px !important; }
.ypid_autoheight      { height: auto !important; }

.ypid_textcenter      { text-align: center !important; }
.ypid_textright       { text-align: right !important; }
.ypid_textleft        { text-align: left !important; }
.ypid_mainmenu        { display: inline-block; font-size: 20px; font-family: ypidfont; text-align: center; height: 120px; vertical-align: bottom; cursor: hand; cursor: pointer; margin-left: 10px; margin-bottom: 10px; border-bottom: 3px solid #ffffff !important;}
.ypid_mainmenu:hover  { color: #ff0000 !important;}
.ypid_mainmenuactive  { border-bottom: 3px solid #ff0000 !important; }
.ypid_textbottom      { display: table-cell; vertical-align: bottom; }

.ypid_paddingbottom1  { padding-bottom: 1px !important; }
.ypid_paddingbottom30 { padding-bottom: 30px !important; }
.ypid_paddingbottom90 { padding-bottom: 90px !important; }
.ypid_paddingbottom120{ padding-bottom: 120px !important; }
.ypid_paddingbottom20 { padding-bottom: 20px !important; }

.ypid_paddingtop120   { padding-top: 120px !important; }
.ypid_paddingtop90    { padding-top: 90px !important; }
.ypid_paddingtop30    { padding-top: 30px !important; }
.ypid_paddingtop20    { padding-top: 20px !important; }

.ypid_paddingleft30   { padding-left: 30px !important; }
.ypid_paddingleft60   { padding-left: 60px !important; }
.ypid_paddingleft120  { padding-left: 120px !important; }

.ypid_paddingright30  { padding-right: 30px !important; }

.ypid_padding5px      { padding: 5px !important; }
.ypid_padding15px     { padding: 15px !important; }
.ypid_padding30px     { padding: 30px !important; }
.ypid_padding20px     { padding: 20px !important; }
.ypid_nopadding       { padding: 0px !important; }

.ypid_border          { border: 1px solid #000000; }
.ypid_noborder        { border: 0px ; }

.ypid_verticaltop     { vertical-align: top !important; }
.ypid_verticalbottom  { vertical-align: bottom !important; }
.ypid_verticalmiddle  { vertical-align: middle !important; }

.ypid_textcolorff7401 { color: #ff7401 !important; }
.ypid_textcolorffffff { color: #ffffff !important; }
.ypid_textcolorff6801 { color: #ff6801 !important; }
.ypid_textcolorff0000 { color: #ff0000 !important; }
.ypid_textcolor000000 { color: #000000 !important; }
.ypid_textcolor00ff24 { color: #00ff24 !important; }

.ypid_alwaysbottom    { position:fixed; bottom:0; }
.ypid_minheight120    { min-height: 120px !important; }
.ypid_maxheight120    { max-height: 120px !important; }
.ypid_minheight480    { min-height: 480px !important; }
.ypid_maxheight480    { max-height: 480px !important; }

.ypid_minheight80pc   { min-height: 80% !important; }
.ypid_maxheight80pc   { max-height: 80% !important; }

.ypid_position0       { position: absolute !important; left: 0 !important; top: 140px !important; }
.ypid_position1       { position: absolute !important; left: 0 !important; top: 160px !important; }
.ypid_position2       { position: absolute !important; top: 2000px !important; }
.ypid_position3       { position: absolute !important; left: 0 !important; top: 0 !important; }
.ypid_position4       { position: absolute !important; left: 0 !important; top: 20px !important; }
.ypid_position5       { position: absolute !important; top: 20px !important; }

.ypid_posabsolute     { position: absolute !important; }
.ypid_alwaysright     { right: 0px !important; }

.ypid_imagebannera    { height: 100% !important; }
.ypid_maxwidth100pc   { max-width:100% !important; }
.ypid_heightauto      { height:auto !important; }
.ypid_noscroll        { overflow: hidden !important; }

.ypid_fontsize48	  { font-size: 48px !important; }
.ypid_fontsize35	  { font-size: 35px !important; }
.ypid_fontsize24	  { font-size: 24px !important; }
.ypid_fontsize18	  { font-size: 18px !important; }
.ypid_fontsize15	  { font-size: 15px !important; }
.ypid_fontsize9	  	  { font-size: 9px !important; }
.ypid_fontsize12	  { font-size: 12px !important; }

.ypid_bgtransparent0  { background-image: url('/ypidimage/bgtransparent.png') !important; }
.ypid_bgtransparent1  { background-image: url('/ypidimage/bgtransparent1.png') !important; }
.ypid_bgtransparent2  { background-image: url('/ypidimage/bgtransparent2.png') !important; }
.ypid_bgtransparent3  { background-image: url('/ypidimage/bgtransparent3.png') !important; }
.ypid_bgtransparent4  { background-image: url('/ypidimage/bgtransparent4.png') !important; }

.ypid_noresize        { resize: none !important; }
.ypid_cursorhand      { cursor: hand; cursor: pointer; }

.ypid_bold 			  { font-weight: bold !important; }
.ypid_floatleft       { float: left !important; }
.ypid_floatright      { float: right !important; }

.ypid_borderbottom    { border-bottom: 1px solid #c4c4c4 !important; }
.ypid_show            { display: inline-block !important; }
.ypid_hide            { display: none !important; }
.ypid_clear           { clear: all !important; }
.ypid_shadow          { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.ypid_top130		  { position: absolute !important; top: 130px !important; }
.ypid_overflowy		  { overflow-y: scroll; }
.ypid_overflowx		  { overflow-x: scroll; }