/* misc start */

body, header, section, div, table, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea {
	margin: 0; padding: 0; border: 0;
}

body {
    font-family: "Lato", Arial, Helvetica, sans-serif; 
    //font-size: 16px;
    background-color: #fff;
}

.CnFont {line-height: 1.5;}
.EnFont {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}

/* a:hover MUST come after a:link and a:visited */
/* a:active MUST come after a:hover */
a:link {text-decoration: none;}
a:visited {color: #004b95;}
a:hover {color: #dc0000;}

#imgCell {width:100%; max-width:100%;}
#imgNCell {margin-left:0; max-width:0;}

i {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}
.right {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.left {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(135deg);
}
.up {
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-135deg);
}
.down {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(45deg);
}

/* video */
.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
    background-color: #000;
    text-align: center;
}
.resp-iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; height: 100%;
    border: 0;
}

.sizeFrame {
    margin: 0 auto;
    width:100%; max-width: 950px;
    height:260px; 
    text-align: center;
}
.sizeVideo {width:100%; max-width: 100%;}

/* end video */

.clearb {clear:both;}
/* misc end */


/************ header start *************/

#LogoN {display: none; width:0;}

#headbg {
    margin: 0 auto; 
    padding: 0;
    width: 100%;
	//background: linear-gradient(to top, #f1f1f1 84%, #9a9a9a 100%);
	//background: -o-linear-gradient(bottom, #f1f1f1 84%, #9a9a9a 100%);
	//background: -moz-linear-gradient(bottom, #f1f1f1 84%, #9a9a9a 100%);
	//background: -webkit-linear-gradient(bottom, #f1f1f1 84%, #9a9a9a 100%);
	//background: -webkit-linear-gradient(linear, bottom, color-stop(84, #f1f1f1), color-stop(1, #9a9a9a));
    //background: transparent url('LeImages/LeHeaderBgBg.png');
    //background: transparent no-repeat left;
    //border-bottom: 4px #a40000 solid;
	//background: transparent url('down.gif') no-repeat left;
    //background-image: linear-gradient(to top, transparent, #9d9d9d);
}

/* Calendar Videos and webCellPhones pages has mainHeaderSp */
#mainHeader {
    margin: 4px auto; margin-top: 16px; 
    width: 100%;
}
#mainHeaderSp {width: 100%;}

#headerImg {
    width:100%;
	text-align: center; 
}
#headerImg480 {display: none; width:0;}
#headerImgS{
   display: block;
   width:100%;
}

#mainSectionSnow {
    margin: 0 auto;
    padding-left: 0.6em; padding-right: 0.6em;
    width: 100%; max-width:600px;
}

#JumpNotes {width: 100%;}

#MenuTd {width: 40%;}

.headtext {
	text-align: left; text-shadow: 1px 0px 0px;
	font-weight: bold; font-size: 24px;
    //text-shadow: 1px 1px 2px #777, 0 0 25px yellow, 0 0 5px yellow; 
}

/* Calendar and Videos pages has partial menu */ 
#specialMenu {
    position: relative; top:0px; left:56px; 
    background-color: #f1f1f1;
    padding: 4px;
}
/* end partial menu */

#logoPicPadding {padding-bottom: 4px;}

/****** start Cell Phone navigation *****/

#nav, #navSp, #navSp2 {display: none; width:0;} /**close Pc Menu**/
 
#navCellP {
    display: block;
    width:100%;
    border-bottom: 3px #920007 solid;
}
#navCellPsp, #navCellPsp2 {
    display: block;
    width: 100%;
    height: 60px;
    text-align: right;
    border-bottom: 3px #920007 solid;
}
#navCellPsp {background: url(WeiImages/butterflyRose480.gif) no-repeat left;}
#navCellPsp2 {background: url(WeiImages/JumpNotes480.gif) no-repeat left;}

#navCellPsp ul li, #navCellPsp2 ul li {padding-top: 20px;}
#navCellPsp ul li a, #navCellPsp2 ul li a {padding: 16px 10px;}
#navCellPsp2 ul li a {background-color: #fff;}

/* hidden sublevels */
#navCellP ul ul {display: none;}

.currentlink {}

/* level 1 list is gif*/
#navCellP ul {
	list-style: none;
	//position: absolute; top: 100%;
	position: relative;
	display: inline-table;
    width:100%;
}

#navCellP ul:after {
	content: "";
	clear: both;
	display: block;
}

#navCellP ul li {
	float:left;
	width:100%;
    //box-shadow: 0 -5px 5px #00c41f inset;
    //background-color:rgba(164, 0, 0, 0.5);
}

/* display sublevels when hover */
#navCellP ul li:hover > ul {display: block;}
			
/* level 2 Cell Phone drop list*/		
#navCellP ul ul {
	position: relative; top: 0; left: 0;
	padding: 0;
	width: 100%;
	white-space: nowrap;
}

#navCellP ul ul li {float:none;}

#navCellP ul ul li a {
	display: block;
    width:100%;
	padding: 12px 0px; /* size of level 2  li  h & w*/
    border: thin solid #666666; border-top: 0;
    text-align: center;
}

#navCellPSpan2 a {padding: 0;}
#navCellPSpan2 a:hover {display: none;} 
	
#navCellP ul ul li:hover a {}

/***** end Cell Phone navigation *****/

/************ header end ************/


/************ Main section start ***********/

/* Fading animation */
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
}

@keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
}
.slideshow img {position: absolute;}
.slideshow {position: relative;}

/* Calendar Videos and webCellPhones pages has mainSectionSp */
#mainSection, #mainSectionSp {
    overflow: auto;
    margin: 0 auto;
    width:100%;
    padding-left: 0.5em; padding-right: 0.5em;
}
#webCellPage {padding-left: 0.6em; padding-right: 0.6em;}
#webCellPage1 {width:100%; padding-left: 0; padding-right: 0;}
#webCellPage10 {padding-left: 0.8em; padding-right: 0.8em;}

#textNoWrap {white-space: nowrap;}

#pageImg480 {display: none; width:0;}
#pageImgS {
    display: block;
    width:100%;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
	border-bottom-right-radius: 4em;  /* rounded corners of page */
	border-bottom-left-radius: 170em 4em;
}

#pageImg, #pageImgB{
	margin: 0 auto;
	width:100%;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
	border-bottom-right-radius: 4em;  /* rounded corners of page */
	border-bottom-left-radius: 170em 4em;
}
#pageImg1 {
	margin: 0 auto;
	width:100%; max-width: 950px;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
}
#pageImgB {margin-bottom:0px;}

#pageImg3 {
    width: 100%; max-width: 100%;
    margin: 0; margin-bottom: 16px;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
}

.pageTitle {
	font-family: "Times New Roman", Georgia, Serif;
	font-weight: bold; font-size: 19px; color: #000;
}

.subTitle {
    font-size: 18px; font-weight: bold; color: #000;
	line-height: 1.5;
}
.subTitle1 {font-size:16px; font-weight:bold; color:#850018;}
.subTitle2 {font-size:16px; font-weight:bold; line-height: 1.5;}

/* Home contactUs aboutUs events calendar pages that have a side box */
#pageLeftSide, #pageLeftSideTeam, #pageLeftSideEvent, #pageLeftSideContact, #leftSideCalendar {float:left; width:100%;}
#pageLeftSide, #sideBoxTeam, #sideBoxEvents, #sideBoxContact, #sideBoxCalendar {overflow: auto;}
#sideBox, #sideBoxTeam, #sideBoxEvents, #sideBoxContact, #sideBoxCalendar {width:100%;}

#sideBoxDiv {margin-top:10px; border-bottom: thin dashed #bcbcbc;}
#sideBoxDiv a:hover {border-bottom: thin solid #36f;}
#sideBoxSp {display: none; font-size: 0;} /*home sidebox of calendar and song recording*/

#sideBoxDivTb {width:auto; vertical-align: middle;}
#sideBoxDivTb:hover {border-bottom: thin solid #0000ff;}
/* end side box */

.seeMore {display:none; border-bottom: 1px solid #666;}
a.showLink, a.hideLink {//padding-left: 8px;}
a.hideLink {//background: transparent url('up.gif') no-repeat left;}
a.showLink:hover, a.hideLink:hover {//border-bottom: 1px dotted #36f;}

/* Home page */
#Cal, #SongRecording {font-size: 15px; font-weight:bold; display: block;}

#sideBoxImg1 {max-height:100%; max-width:100%;}
#sideBoxImg2 {max-height:100%; max-width:100%;}
#sideBoxImg3, #sideBoxImg4, #sideBoxImg5, #sideBoxImg6 {max-height:0; max-width:0;}

#letterPadBg {background: transparent url('WeiImages/letterPad.png') no-repeat left;}
/* end Home page */

/* calendar page */
.titleBox {
    width:100%;
    margin-top:10px;
    color:#000066; 
}

.mArrow {background-color: #fff;}

.calTable {width:100%;}
.calHead {
    width:14%;
    background-color:#000066;
    text-align:center;
    color:#CCCCCC; font-weight:bold; font-size:14px;  
}
.dayTd {
    width:14%; height:80px;
    border:1px solid #fff;
    background-color: #d8d8d8;
    text-align:center; font-size:14px;
}
 
.normal {font-size:14px;} 
.today {
    padding-left:5px; padding-right:5px;
    background-color: #ffff00;
    font-weight:bold; font-size:14px;
} 
.weekendToday {
    padding-left:5px; padding-right:5px;
    background-color: #ffff00;
    font-weight:bold; color:#FF0000; font-size:14px;
} 
.weekend {color:#FF0000; font-size:14px;} 
.event {font-size: 14px;}
.eventSP {font-size: 14px; font-weight:bold; color:red;}
.holiday, .holidayEn {color: blue; font-size:13px;}
.holidayEn {font-size: 12px;}

.leftSideDown, .sideBoxUp {display: none; height:0px;}
#sub3 {color: #850018;}
#subt {background-color:rgba(241, 241, 241, 0.8);}
/* end calendar page */

/* About-us page */
.aboutUsMenu {
    display: inline-block;
	height: 22px; width: 84px;
    background: #c8c8c8;
    border: 1px solid #858585; border-top-right-radius: 0.8em;
    box-shadow: 1px 0px #858585, 1px 0px #858585;
    text-align: center;
	line-height: 1.5;
}
.aboutUsMenu a {
    display: block;
	padding: 0;
	height: 26px; width: 84px;
	font-weight: bold;  
}
.aboutCurrentlink {
	background-color: #f1f1f1;
    border-bottom: 1px solid f1f1f1; border-top-right-radius: 0.6em;
}
.aboutPastlink {
	background-color: #c8c8c8;
    border-bottom: 0; border-top-right-radius: 0.6em;
}
hr {
    border: thin solid #c8c8c8;
    margin: 0; padding: 0; 
}
.aboutShow {
    display: block;
	height: auto; width: auto;       
}
.aboutHide {display: none;}
#aboutImg {
    width:100%; margin-bottom:8px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
}

#leftSideTeamTable {width:70%;}
#rightSideTeamTable {width:100%;}
#rightSideTeamTd {width:25%;}
#lastTeamTable {width:100%;}
#lastTeamTable p {margin: 0; padding: 0;}
#lastTeamTr2 p {margin-top: 4px; margin-bottom: 6px;}
#teamImg {width:100%; max-width: 600px;}

#ConstitutionTable {width:100%;}
#ConstitutionTd {width:68px; font-weight:bold;}

/* end About-us page */

/* Events page */
#eventsImg {max-height:100%; max-width:100%;}
#eventsImg1, #eventsImg2 {
    max-width:100%;
    margin-bottom:8px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
}
#sideBoxEventUp {display: none;}
/* end Events page */

/*** Photos page ***/
#ourPhotosHomeBack {
    position: relative; top:-14px; left:60px;
    font-size:14px; font-weight: bold;
}

#foldName {
    display: inline-table;
    float: left;
    padding:0px;
    width: 100%
}
#foldName img {width:48px; height:44px; padding-right:4px;}
#foldName a {
    display: block;
    margin-bottom: 4px;
    height: 44px;
    border: 2px solid #000;      
    text-align: left; text-decoration: none;
    font-size: 14px; color: #000;
    //line-height: 1.2;
}

span.foldNameCn {vertical-align:-4px;}
//span.foldNameCn {vertical-align:50%;}
.foldNameEn {vertical-align:-4px; font-size:12px;}
#foldName a:visited {color:#850018; border: 2px solid #850018;}
#foldName a:hover {background-color: #850018; color:#fff;}

#picTable {
    display: inline-block;
    width: 100px;
    margin: 2px 2px; padding: 1px;
    border: 1px solid #fff;
    text-align: center; vertical-align: middle; line-height: 1.2; 
}
#picTable:hover {border: 1px solid #0000ff;}

/* WebCell page */
#pagePhoto{width: 100%; text-align: center;}
#pagePhoto img{max-width: 100%;}
         
#titleAlign {text-align:center;}

#picsDiv {width: 100%; max-width: 100%;}
#picBox {
    display: inline-block;
    width: 23.9%;
    text-align:center; font-size: 14px; line-height: 80%; 
}
#picBox img {max-width: 100%; max-height: 70px;}

#photosShow, #photosShowHeader, #photosShowFooter {
    width:100%;
    text-align:center;
}
#photosShow img, #photosShowHeader img, #photosShowFooter img {max-width: 100%;}
#photosShow {padding-top:6px;}
#photosShowHeader {padding-top:4px;}

#imgtxt{text-align:left;}
#imgtxt1{text-align:center;}

.musicControl1 {position: absolute; right:4px; top:0px; text-align:center;}

/* end WebCell page */
/*** end Photos page ***/

/* contact page */
.contactForm input[type="text"], .contactForm select {
	width:98%; height:1.8em;
	border:1px solid green;
	background: #f1f1f1;
}

.contactForm textarea {
	width:98%; height:10em;
	border:1px solid green;
	background: #f1f1f1;
}

.contactForm input[type="submit"] {
	background:#FFFFFF;
	width:7em; height:2em;
	color:#003366; font-weight:bold;
	border-radius:10px; border:2px solid green;
}

.contactForm input[type="submit"]:hover {
	cursor:pointer;
	border:2px solid #00c41f;
	color:#4477AA;
}

.contactForm  input[type="submit"]:active,
.contacFform  input[type="submit"]:focus {
    -moz-outline-style: none;
    outline:none; outline:0;
	border:2px solid #00c41f;
	color:#A2B212;	
}

.error {color: #FF0000;}
.success {color:#008000;}
/* contact page */

/************ Main section end *************/


/*********** footer start ***********/

#footer {
    overflow: auto;
    padding-bottom: 30px;
    padding-bottom: 20px;
    width:100%;
    border-top: 3px #920007 solid;
	font-size:14px; 
	line-height: 2;
	font-weight: bold;
	background: url(WeiImages/WeiFooterBg.png) no-repeat left top;
	//opacity: 0.9;
}

/*********** footer end ***********/



/************* @media start ************/

/*-7 inch tablets -minimum width of 480 pixels*/
@media only screen and (min-width: 480px) {
    #imgCell {width:0; max-width:0;}
    #imgNCell {margin-left:8px; max-width:45%;}
    
    #mainHeader, #mainHeaderSp {
        max-width: 950px;
        //min-width:608px;
    }
    
    #headerImgS {display: none; width: 0;}
    #headerImg480 {
        display: block;
        width: 100%; max-width: 950px;
    }
    #headerImg {max-width:950px;}

    #leLogoTable {}
    #logoTd {padding-top:20px; padding-bottom:16px;}
    #logoTd img {width:129px;}
    #headCn {padding-left:6px;}
    #headCn img {width: 216px; padding-top:6px;}
    #headEn {padding-left:80px;}
    #headEn img {width: 236px; padding-top:6px;}
    #specialMenu {top:-4px; left:78px;}
    
    
    /****** start navigation for PC *****/
    
    .currentlink {}
    
    #navCellP, #navCellP ul {display:none; width:0%;}/*close Cell Phone Menu*/
    #navCellPsp, #navCellPsp ul {display:none; width:0%;}
    #navCellPsp2, #navCellPsp2 ul {display:none; width:0%;}

    /* hidden sublevels */
    #nav ul ul, #navSp ul ul, #navSp2 ul ul {display: none;}

    /* display sublevels when hover */
    #nav ul li:hover > ul {display: block;}
    #navSp ul li:hover > ul {display: block;}
    #navSp2 ul li:hover > ul {display: block;}
    
    #nav, #navSp, #navSp2 {
        display: block;
        width:100%;
        padding-top: 4px;
	    position: relative;
	    height:64px; /*if use level 2 nav this height must have*/
	    //opacity: 0.5;
	    border-bottom: 4px #920007 solid;
	    text-align:right;
	    text-shadow: 0px 0px 0px;
    }
    #nav {background: url(WeiImages/JumpNotes7.gif) no-repeat left;}
    #navSp {background: url(WeiImages/butterflyRose900.gif) no-repeat left;}
    #navSp2 {background: url(WeiImages/JumpNotes850.gif) no-repeat left;}

    /* level 1 list */
    #nav ul, #navSp ul, #navSp2 ul {
	    list-style: none;
	    position: relative;
	    display: inline-table;
	    padding-top: 14px; 
	    height:50px;
	    background-color: #fff;
        white-space: nowrap;
        text-shadow: 1px 0 0 #393939;
    }

    #nav ul:after, #navSp ul:after, #navSp2 ul:after {
	    content: "";
	    clear: both;
	    display: block;
    }

    #nav ul li, #navSp ul li, #navSp2 ul li {
	    float:left;
	    width: auto;
    }
		
    #nav ul li a, #navSp ul li a, #navSp2 ul li a {
        display: block;
        text-align: center;
        font-size:14px;
    }
    #nav ul li a {padding: 0 6px;}
    #navSp ul li a, #navSp2 ul li a {padding: 0 20px;}
    #navSpan a {
        border: 1px solid #666666;
        border-right:0px; border-bottom: 0px; border-top: 0;
    } 
    .menuEnFont {font-size: 12px;}
    
    #nav ul li:hover a, #navSp ul li:hover a, #navSp2 ul li:hover a {
        color: red;
    }
			
    /* level 2 list */
    #nav ul ul, #navSp ul ul, #navSp2 ul ul {
        position: relative; top: 0; left: 2%;
	    width: 96%;
	    padding: 0;
    }
    
    #nav ul ul li, #navSp ul ul li, #navSp2 ul ul li {float:none;}
    
    #nav ul ul li a, #navSp ul ul li a, #navSp2 ul ul li a {
	    display: block;
	    padding: 16px 0; /* size of level 2  li  h & w*/
        border: thin solid #fff; border-top: 0;			
	    text-align: center;
    }
	
    #nav ul ul li:hover a {//background-color: #000;}

    /***** end navigation *****/
    
    
    #ourPhotosHomeBack{
        position: relative; top:-14px; left:80px;
        font-weight: bold;
    }
    
    #mainSection, #mainSectionSp {
        margin: 0 auto;
        width:100%; max-width:950px;        
    }

    #webCellPage {margin: 0 auto; max-width:950px;}
    #webCellPage1 {margin: 0 auto; max-width:1440px;}

    .pageTitle {font-size: 22px;}
    
    #pageImgS {display: none; width:0;}
    #pageImg480 {
        display: block;
        width:100%; max-width:950px;
        box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
	    border-bottom-right-radius: 4em;  /* rounded corners of page */
	    border-bottom-left-radius: 175em 4em;
    }
    
    #pageImg {margin: 2px auto;}
    #pageImg3 {
        width: 48%; 
        margin: 0; margin-left: 14px;
    }

    #Cal, #SongRecording {display: none; font-size: 0px;}
    #sideBoxSp {display:block; margin-top:10px; border-bottom: thin dashed #bcbcbc; font-size:15px;}
    #sideBoxSp a:hover {border-bottom: thin solid #36f;}

    #pageLeftSide, #pageLeftSideTeam, #pageLeftSideEvents, #pageLeftSideContact, #leftSideCalendar {float: left;}             
    #sideBox, #sideBoxTeam, #sideBoxEvents, #sideBoxContact, #sideBoxCalendar {float: right;}

    #pageLeftSide {width: 60%;}              
    #sideBox {width: 36%;}
    #sideBoxImg3, #sideBoxImg4, #sideBoxImg5, #sideBoxImg6 {max-height:100%; max-width:100%;}

    #leftSideCalendar {width: 63%;}
    #sideBoxCalendar {width: 35%;}
    .titleBox {display: inline-block; width: 50%;}
    .leftSideDown {display: block; height:40px;}
    .sideBoxUp {display: block; height:10px;}
    #sideBoxCalendar {
        height:520px;
        background-image: url("LeImages/IMG_20141123_171008.png");
        background-repeat: no-repeat; background-position: bottom;
        background-size: 100%;
    }

    #pageLeftSideTeam {width: 43%;} 
    #sideBoxTeam {width: 57%;}

    #pageLeftSideEvents {width: 64%;}
    #sideBoxEvents {width: 32%;}

    #pageLeftSideContact {width: 53%;}              
    #sideBoxContact {width: 45%;}

    #aboutImg {margin-left:8px; max-width:45%;}

    #leftSideTeamTable {width:100%;}
    #leftSideTeamTd3 {width: 20%;}
    #teamImg {}
    #lastTeamTr2 {padding-left:40px;}

    #ConstitutionTd {width:90px;}

    .sizeFrame {width:100%; height:430px;}
    .sizeVideo {width:90%;}

    #sideBoxEventUp {display: block;}
    #eventsImg2 {margin-left:8px; max-width:45%;}

    #foldName {
        width:18.4%;
        margin-right: 10px; margin-bottom: 10px;
        box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
        font-size: 10px;
    }
    #foldName img {
        width:92%; height:40px;
        padding:4px; padding-top:0px;
    }
    #foldName a {
        margin-bottom: 0px;
        height:150px;
        background-color:#fff;
        border: 4px solid #fff;
    }
    #foldName a:visited {
        border: 2px solid #fff;
    }
    //span.foldNameCn {vertical-align: initial;}
    span.foldNameCn {vertical-align:0px;}
    .foldNameEn {vertical-align:0px; font-size: 12px;}
    #picBox {width: 15%;}

    .contactForm {}
    .contactForm input[type="text"], .contactForm textarea , .contactForm select {width:22em;}

    #footbg, #footbgImg {}
    #footer {max-width: 950px;}
}


@media only screen and (min-width: 576px) {
    #sideBoxImg3, #sideBoxImg4, #sideBoxImg5 {max-height:100%; max-width:100%;}
    #sideBoxImg6 {max-height:0; max-width:0;}
    #nav ul li a {padding: 0 10px;}
}

@media only screen and (min-width: 672px) {
    #sideBoxImg3, #sideBoxImg4 {max-height:100%; max-width:100%;}
    #sideBoxImg5, #sideBoxImg6 {max-height:0; max-width:0;}
    #nav ul li a {padding: 0 14px;}
    #navSp ul li a, #navSp2 ul li a {padding: 0 30px;}
}

@media only screen and (min-width: 720px) {
    #nav ul li a {padding: 0 18px;}
}


/*-10 inch tablets -minimum width of 768 pixels*/
@media only screen and (min-width: 768px) {
    #imgNCell {max-width:40%;}

    #mainHeader, #mainHeaderSp {}
    #mainHeaderSp {height:154px;}
    #logoTd {padding-left:6px; padding-top:24px; padding-bottom:6px;}
    #logoTd img {width:140px;}
    #headCn {padding-left:20px;}
    #headCn img {width: 230px; padding-top:10px;}
    #headEn {padding-left:114px;}
    #headEn img {width: 250px; padding-top:6px;}
    #specialMenu {top:8px; left:88px;}

    #nav ul li a {padding: 0 20px;}
    #navSp ul li a, #navSp2 ul li a {padding: 0 40px;}

    #pageLeftSide {width: 64%;}              
    #sideBox {width: 32%;}
    #sideBoxImg3 {max-height:100%; max-width:100%;}
    #sideBoxImg4, #sideBoxImg5 {max-height:0; max-width:0;}
     
    #pageLeftSideTeam {width: 35%;} 
    #sideBoxTeam {width: 65%;}

    .sizeFrame {height:530px;}
    .sizeVideo {width:100%;}

    #eventsImg2, #eventsImg3 {max-width:35%;}

    #foldName {width:15.2%;}
    #foldName img {height:58px;}

    #pageLeftSideContact {width:54%;}              
    #sideBoxContact {width:42%;}
    .contactForm {padding-left: 2.5em;}
    .contactForm input[type="text"], .contactForm textarea , .contactForm select{width:26em;}
}

@media only screen and (min-width: 960px) {
    
}    
        
/*-Desktop computers -minimum width of 1140 pixels */
@media only screen and (min-width: 1140px) {
    #logoTd {padding-left:8px; padding-bottom:0px;}
    #logoTd img {width:150px;}
    
    #nav {right: 0px;}
    #nav ul li a {padding: 0 24px;}
    #navSp ul li a, #navSp2 ul li a {padding: 0 50px;}

    #sideBoxImg3, #sideBoxImg4, #sideBoxImg5, #sideBoxImg6 {max-height:0; max-width:0;}

    .sizeFrame {height:630px;}
    //.sizeVideo {width:950px;}

    #leftSideTeamTd3 {width: 30%;}

    #foldName {width:15%; margin-right:14px;}
    #foldName img {
        width:90%;
        padding:5px; padding-top:0px;
    }

    .contactForm input[type="text"], .contactForm textarea , .contactForm select {width:28em;}
}

/************* @media end *************/