* {margin:0;padding:0;border:0;}

img { max-width: 100%;height:auto !important;}
p>img { max-width: calc(100% - 2em);height:auto !important;}
table img { max-width: initial;}

body{
	min-width:320px; /* IPhone 376px */ /*Andriod 360px */ /* Iphone SE 320px */
	width:100%;
  /* max-width:920px; */
	-ms-overflow-style: scrollbar !important;
}

.cff9000 {
  color: #ff9000;
}

.flex-container-warp{
	display: -ms-Flexbox;
	-ms-box-orient: horizontal;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;

	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

a:focus {outline:0}
a:link, a:visited, a:hover, a:active {text-decoration:none;}
ul {list-style-type:none;}
.round-bottom ul {padding-left: 1em !important;}
table {border-collapse:collapse;}
.table-responsive {border:0px;}

body {font-size:12px;    font-family: 敺株��迤暺煾��, �鰵蝝唳�𡡞��;}

#container{
  max-width:920px;
  margin:auto
}
#header,#footer,#container,#navigation,#content{
  width:100%;
}
#article {
  width:calc( 100% - 220px );
}
.nav{width:100%;}
.nav li{
  font-size:1.5em;
  font-weight:bold;
  /* width:14.2857%;/* 100%/7 */
  text-align:center;
  background-color:orange;
  background-image:url('../images/menu_bg.jpg');
  background-size:100% 100%;
}
.nav li:first-child, .nav li:first-child a{
  -webkit-border-top-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.nav li:last-child, .nav li:last-child a{
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.nav a{
  color:#F8891B;/*#ff9000;*/
}
#sub-navigation {
  float:left;
}

#article {
  float:right;
}

.fright {
  float:right;
}
.fleft {
  float:left;
}

.blockTable{
  margin: 0px;
  overflow: auto;
  overflow-y: hidden;
  overflow-x: auto;
  display: block;
  clear: both;
  width: 100%;
}

#sub-navigation ul {
  margin:0px;
}






.index{
	background: none;
}

/*============= submenu ======*/
.main-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;

	display:table;
	width:100%;
}

.main-menu li a{
  /*display: inline-block;<----??*/
  /*color: white;*/
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
	/*===============================*/
	display:block;
	padding:0px;
	/*color: #F8891B;*/
	text-align: center;
	text-decoration: none;
}

.main-menu .dropbtn {
  /*display: inline-block;<----??*/
  /*color: white;*/
  text-align: center;
  /*padding: 14px 16px;*/
  text-decoration: none;
}

.main-menu li a:focus, .main-menu li a:hover, .main-menu .dropdown:hover .dropbtn {
  background-color: orange;
	color:white;

}

.main-menu li.dropdown {
  /*display: inline-block;*/

}

.main-menu .dropdown-content {
  display: none;
  position: absolute;
  background-color: #FFE791;/*lightgoldenrodyellow;*//*#f9f9f9;*/
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 99;
	line-height:normal;
}

.main-menu .dropdown-content a {
  color: #F8891B;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.main-menu .dropdown-content a:hover {background-color: #ffc93e}

.dropdown:hover .dropdown-content {
  display: block;
}

.main-menu li {
	display:table-cell;

	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	background-color: orange;
	background-image: url(../images/menu_bg.jpg);
	background-size: cover;
	height:50px;
	line-height:50px;
	float:none;
}

#subMobileMenu{
	/*font-size:13pt;*/
}


/*=============================*/

.bg_arrow, .bg_arrow:hover, .bg_arrow:focus, .bg_arrow:active{
	color:orange;
	font-weight: bold;
}

#content p{
	margin-bottom: 15px;
  line-height: 200%;
  text-indent: 2em;
}

#content h1{
	display: block;
  font-size: 2em;
  -webkit-margin-before: 0.67em;
  -webkit-margin-after: 0.67em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  font-weight: bold;
}

#content h2{
	display: block;
  font-size: 1.5em;
  -webkit-margin-before: 0.83em;
  -webkit-margin-after: 0.83em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  font-weight: bold;
}

#content h3{

  display: block;
  font-size: 1.17em;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  font-weight: bold;
}

#content h4{

  display: block;
  font-size: 1.0em;
  -webkit-margin-before: 1.17em;
  -webkit-margin-after: 1.17em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  /*font-weight: bold;*/
}

#selectlang{
  white-space:nowrap;
}

#header{
  overflow:auto;
	padding-bottom: 10px;
}

#banner{
	position:relative;
}

#banner > div{
	font-size:30px;
	position: absolute;
  top: 20px;
	left:30px;
	/*padding-left:1%;*/
	color:#ff8a00;

	/*margin-top: 20px;
  margin-bottom: 10px;*/
}
#mlogo>span{
  font-size: 1.3em;
}
#print-logo {
	display: none;
}

@media screen and (min-width:768px){
	#header{
		width:100%;
  }
	.contentleft{
		width:calc(200% / 3 - 25px);
  }
	.contentright{
		width:calc(100% / 3 + 15px);
  }

	.mobile-only{
		display:none;
	}

	.desktop-only{
		display:block;
	}
}

@media screen and (max-width:767px){
	.contentleft{
		width:100%;
		padding:10px 0px;
  }
	.contentright{
		width:100%;
  }
	#article{
		width:100%;
  }
	#content{

  }
	#banner > div{
		font-size:20pt;
		top:10px;
  }
	#content{
		padding:0px 10px;
  }
	#footer{
		padding:0px 10px;
  }
	.shareBar{
		width:100%;
		text-align:right;
	}

	.table-left-cell{
		width:100% !important;
		padding: 0px !important;
	}

	.table-right-cell{
		width:100% !important;
		padding: 0px !important;
	}

	.mobile-only{
		display:block;
	}

	.desktop-only{
		display:none;
	}

	.prod_item{
		width:50% !important;
		/*min-height:300px !important;*/
	}
}

@media screen and (max-width:480px){

	#banner > div{
		font-size:15pt;
		top:2px;
  }

	.prod_item{
		width:100% !important;
		/*min-height:0px !important;*/
	}

}

/* old style */
#article div {font-size: 1.06em;}
#footer { margin:auto; margin-bottom:30px }
#footer * {color:#888;}
#footer a{color:orange;}

#sub-navigation {width:202px; float:left; background:transparent url('../images/submenu/bg_L.gif') repeat-y top left}
#sub-navigation ul {padding:0 0 31px 10px; background:transparent url('../images/submenu/bg_L_bottom.gif') no-repeat bottom right}

.b {font-weight:bold}
.b1999 {border:1px solid #999}

.bg_first_aid {width:275;height:165px;padding:82px 23px 23px;background:transparent url('../images/bg_first_aid.gif') no-repeat top left}
.bg_index {width:538px;height:170px;padding:114px 19px 19px;background:transparent url('../images/bg_welcome.gif') no-repeat top left}

.btn_psy {display:inline-block;width:264px;height:76px;background:transparent url('../images/btn_psy.gif') no-repeat top left}
.btn_press {display:inline-block;width:264px;height:76px;background:transparent url('../images/btn_press.gif') no-repeat top left}
.btn_news {display:inline-block;width:264px;height:76px;background:transparent url('../images/btn_news.png') no-repeat top left}
.btn_more {display:inline-block;width:96px;height:26px;background:transparent url('../images/btn_more.gif') no-repeat top left}

.btn_family {display:inline-block;width:441px;height:343px;background:transparent url('../images/btn_family.png') no-repeat top left}
.btn_question {display:inline-block;width:441px;height:343px;background:transparent url('../images/btn_question.png') no-repeat top left}
.btn_daily {display:inline-block;width:441px;height:343px;background:transparent url('../images/btn_daily.gif') no-repeat top left}
.btn_balloon {display:inline-block;width:441px;height:343px;background:transparent url('../images/btn_balloon.gif') no-repeat top left}

.bg_sheet {
	width:681px;
	height:870px;
	padding:158px 112px 0 126px;
	background:transparent url('../images/bg_quiz.gif') no-repeat top left
}

.c656565 {color:#656565}
.c676767 {color:#676767}
.c969696 {color:#969696}
.cff8a00 {color:#ff8a00 !important}
.cff9000 {color:#ff9000}
.clear {clear:both}
.circle-list {list-style-type:circle; padding-left:20px}
.circle-list li {margin-bottom:5px}

.cke_show_borders p {margin-bottom:15px; line-height:200%; text-indent:2em} /* css for ckeditor only*/
.cke_show_borders {font-size:1.1em} /* css for ckeditor only*/

.bg_sheet {
	width:100%;
	height:1070px;
	padding:20px 112px 0 126px;
	background:transparent url('../images/bg_quiz.gif') no-repeat top left
}

.em11 {font-size:1.1em}
.em12 {font-size:1.2em}
.em13 {font-size:1.3em}
.em20 {font-size:2.0em}
.em25 {font-size:2.5em}
.em30 {font-size:3.0em}
.em40 {font-size:4.0em}

.fLeft {float:left}
.fRight {float:right}
.fRight2 {float:right;position: absolute; left:1360px; top: 38px;}

.h270 {height:270px}
.h303 {height:303px}

.mBottom5 {margin-bottom:5px}
.mBottom10 {margin-bottom:10px !important}
.mBottom15 {margin-bottom:15px}
.mBottom30 {margin-bottom:30px}
.mBottom47 {margin-bottom:47px}
.mTop10 {margin-top:10px !important}
.mTop30 {margin-top:30px !important}
.mTop40 {margin-top:40px}
.mTop100 {margin-top:100px}
.mTop280 {margin-top:280px}

.menu-item1 {width:153px; height:38px; background:transparent url('../images/menu/menu-item1.gif') no-repeat top left}
.menu-item1:hover {background-position:0 -38px}

.menu-item2 {width:81px; height:38px; background:transparent url('../images/menu/menu-item2.gif') no-repeat top left}
.menu-item2:hover {background-position:0 -38px}

.menu-item3 {width:82px; height:38px; background:transparent url('../images/menu/menu-item3.gif') no-repeat top left}
.menu-item3:hover {background-position:0 -38px}

.menu-item9 {width:117px; height:38px; background:transparent url('../images/menu/menu-item9.gif') no-repeat top left}
.menu-item9:hover {background-position:0 -38px}


#menu-news{
  background:transparent url('../images/staffpsy_ch_news-out.png') no-repeat top left;
  position:absolute;
  z-index:10;
  width:200px;
  height:60px;
  margin:38px 0px 0px 802px;
}

#menu-news:hover{
  background:transparent url('../images/staffpsy_ch_news-over.png') no-repeat top left;
}

.menu-item9:hover {background-position:0 -38px}

.menu-item4 {width:68px; height:38px; background:transparent url('../images/menu/menu-item4.gif') no-repeat top left}
.menu-item4:hover {background-position:0 -38px}

.menu-item5 {width:84px; height:38px; background:transparent url('../images/menu/menu-item5.gif') no-repeat top left}
.menu-item5:hover {background-position:0 -38px}

.menu-item6 {width:85px; height:38px; background:transparent url('../images/menu/menu-item6.gif') no-repeat top left}
.menu-item6:hover {background-position:0 -38px}

.menu-item7 {width:150px; height:38px; background:transparent url('../images/menu/menu-item7.gif') no-repeat top left}
.menu-item7:hover {background-position:0 -38px}

.menu-item8 {width:99px; height:38px; background:transparent url('../images/menu/menu-item8.gif') no-repeat top left}
.menu-item8:hover {background-position:0 -38px}

.none {display:none}

.pLeft10 {padding-left:10px}
.pLeft20 {padding-left:20px}

.round-top {width:100%;padding-top:22px; border-radius: 15px; border: 1px solid #FFE074; overflow:hidden;/*background:transparent url('../images/round_top.gif') no-repeat top left*/}
.round-repeat {background:/*transparent url('../images/round_repeat.gif') repeat-y top left*/}
.round-bottom {width:100%;padding:0 20px 59px; background:transparent url('../images/round_bottom.gif') no-repeat bottom left;background-size:contain;float: left;}
.spacer {clear:both}

.submenu li {padding:5px 0; background:transparent url('../images/submenu/bg_menu_item.gif') no-repeat bottom left}
.submenu li a:link, .submenu li a:visited, .submenu li a:active {color:#848484; font-size:1.1em}
.submenu li a:hover {color:#ff8a00}

.tLeft {text-align:left}
.tCenter {text-align:center}
.tRight {text-align:right}
.vTop {vertical-align:top}

.w321 {width:321px}
.w576 {width:576px}
.w100p {width:100%}

/** Calvin Custom **/
.shareBar {
	/* display: none !important; */
}
.savoring-round-bottom {width:100%;padding:0 20px 59px; background:transparent url('../images/round_bottom.gif') no-repeat bottom left;background-size:contain;float: left;}
.play-btn {
	background: url('/psy/media/mute.png');
	background-size: cover;
	width: 16px;
	height: 16px;
  vertical-align: bottom;
}
.pause-btn {
	background: url('/psy/media/volume.png');
	background-size: cover;
	width: 16px;
	height: 16px;
	vertical-align: bottom;
}
#result h3 {
	font-size: 24px !important;
}
.result-area {
    background-color: #FEF9E5;
		margin:0px;
		padding:20px;
}
#quiz h5 {
	text-align: center;
}
.quiz-area {
	padding-top:20px;
}
.quiz-form,.result-area {
	/* -webkit-box-shadow: 0px -23px 80px -24px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px -23px 80px -24px rgba(0,0,0,0.75);
	box-shadow: 0px -23px 80px -24px rgba(0,0,0,0.75); */
	box-shadow: 0px -3px 18px 2px #ddd;
}
.form-border {
	height: 88px;
	    content: " ";
	    position: relative;
	    background: url(../images/form_03.jpg);
	    background-repeat: no-repeat;
	    background-size: cover;
	    width: 100%;
	    display: inline-block;
}
.home-right-btn {
    margin-top: -167px;
		position: relative;
		float: right;
}
.btn_press {display:inline-block;width:264px;height:76px;background:transparent url('../images/btn_press.gif') no-repeat top left}
.btn_news {display:inline-block;width:264px;height:76px;background:transparent url('../images/btn_news.png') no-repeat top left}
.form-table {
	background-color: #FEF9E5;
	padding: 20px;
	/* margin: 30px; */
}
.form-title, .form-content, .form-line {
	text-align: center;
	color: #744428;
}
.form-content, .form-line {
	font-size: 120%;
}
.top_box {
	margin-bottom: 20px;
}
#submit {
	width:264px;
	height:75px;
	margin:auto;
	display:block;
	background:transparent url('../images/btn_submit.gif') no-repeat top left;
}
#result {
	width:100%;
	height:740px;
	/* padding:164px 84px 0 92px; */
	/* background:transparent url('../images/bg_result.gif') no-repeat top left; */
}
.result-text {
	font-size: 18px;
	text-align: justify;
}
.res-table th, .res-table td {
	padding:1px !important;
}
h1.table-title {
	text-align: center;
	font-weight: 300 !important;
	font-size: 3em !important;
}
p.table-subtext {
	text-align: center;
	font-size: 1.8em;
	line-height: 150% !important;
}
@media screen and (max-width:768px){
	.head-tool {
		margin-top: 40px !important;
	}	
	.home-right-btn{
		margin-top: 0px;
	}
	.bg_sheet {
		padding:20px;
		background: #f2f2f2 !important;
	}
}
@media print
{
	.printBtn,#main,#aside,.top-footer,.top_box,.menu-btn,.menu-btn-right,#web-logo, #navigation {
	visibility: hidden !important;
	display: none !important;
	}
	.print-area,#print-logo {
	visibility: visible !important;
	display: block !important;
	}
.print-img{
width: 30%;
}
.print-title {
	font-size: 28px;
}
}